@charset "Shift_JIS";

/* **************************************************

Name: blockchain.css

Description: Setting of content blockchain site common module

Create: 2019.3.14

Copyright Hitachi, Ltd. 2012, 2019. All rights reserved.

***************************************************** */





/* ページ幅
=========================================================================================== */
.blockchainContents {
	padding-left: 0!important;
	padding-right: 0!important;
}

#blockchainGridL {
	width: 100%;
}

#blockchainGridL .blockchainContentsWide {
	max-width: 965px;
	margin: 0 auto;
}

/* カラム
=========================================================================================== */
.blockchain2Column,
.blockchain3Column,
.blockchain4Column,
.blockchain5Column{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

	margin:auto;
	flex-wrap: wrap;
}

.blockchain4Column,
.blockchain5Column{
	align-items: center;
	justify-content: center;
}

.blockchain2Column{
	align-items: normal;
}

.blockchain2Column div{
	width:calc((100% - 15px) / 2);
}

.blockchain2Column div:nth-child(odd){
	margin-right:15px;
}

.blockchain3Column h3{
	width:calc((100% - 30px) / 3);
}

.blockchain3Column div{
	margin-right:15px;
}

.blockchain3Column div:nth-child(3n){
	margin-right:0;
}


.blockchain4Column h3{
	width:calc((100% - 45px) / 4);
}


.blockchain5Column h3{
	width:calc((100% - 30px) / 3);
}



/* トップページ
=========================================================================================== */

.blockchainTop .PageTop a:link,
.blockchainTop .PageTop a:visited {
	color: #ffffff;
	text-decoration: none;
}

.blockchainTop .blockchainContentsWide {
	text-align: center;
}


/* トップページ(更新履歴)
=========================================================================================== */

#News {
	background-color: #ffffff;
	width:965px;
	margin:30px auto;
	padding-top:20px;
	height:230px;
	z-index:300;
	/*position:relative;*/
	z-index:300;
}

#News dl.DateListStyle2{
	max-width:950px;
	margin: 0 auto;
	overflow-y: visible;
	/*height: 150px;*/
	padding:0 0 0 15px;
}

#News dl.DateListStyle2 dt{
	font-size: 95%;
	text-align:left;
	line-height: 200%;
}
#News dl.DateListStyle2 dd{
	font-size: 105%;
	margin-left: 6.5em;
	text-align:left;
}
#News dl.DateListStyle2 li{
	/*line-height: 202%;*/
	text-align:left;
}

#News dl.DateListStyle2 a:link{
	font-size: 95%;
}

#News h2 {
	background: none;
}

dl.DateListStyle2 span.WhatsNewLabel{
	display:inline-block;
	min-width:12em;
	background:#575757;
	color:#FFF;
	border-radius:3px;
	font-size:73%;
	padding:1px 2px;
	margin:0 10px 9px -15px;
	text-align:center;
	float:left;
	position:relative;
}

dl.DateListStyle2 ul.ListStyle1{
	margin: 0 0 0px;
}

#News ul.LinkListStyle1 li {
	padding: 6px 0px 5px 3px;
}

/* ブランディング
=========================================================================================== */
#particlesArea{
	z-index:200;
	height:710px;
	position:static;
}

#blockchainBrandingArea {
	background: url("/products/it/blockchain/images/top/branding.png") no-repeat center;
	height: 400px;
	margin-top:-710px;
	background-color: #67aee7;
}

.blockchainTop h2 span a:link,
.blockchainTop h2 span a,
.blockchainTop h2,
.blockchainTop h2 span{
	background: none;
	text-decoration:none;
}

.blockchainTop h2.header2Link span a:link,
.blockchainTop h2.header2Link span a{
	background:url(/image/jp/r1/icon/icon_link_right_xl_hover_hd.gif) no-repeat 99% center;
	padding:0 40px 0 0.5em;
	background-size:25px;
}
.blockchainTop h2.header2Link span a:hover{
	background-position:100% center;
}

.blockchainTop h2 span{
	font-size:200%;
	text-align:center;
}

.blockchainTop h2 span a{
	padding:0 0.5em;
}

.blockchainTop #blockchainFeaturesArea h2 span a:hover,
.blockchainTop #blockchainEventArea h2 span a:hover{
	border-bottom: solid 3px #ffffff;
}

.blockchainTop #blockchainPatternArea h2 span a:hover{
	border-bottom: solid 3px #228138;
}

.blockchainTop #blockchainFutureArea h2 span a:hover,
.blockchainTop #blockchainCaseArea h2 span a:hover,
.blockchainTop #blockchainServiceArea h2 span a:hover,
.blockchainTop #blockchainArticleArea h2 span a:hover,
.blockchainTop #blockchainApproachArea h2 span a:hover{
	border-bottom: solid 3px #1d6fb0;
}

.blockchainTop #blockchainInquiryArea h2 span a:hover{
	border-bottom: solid 3px #e60027;
}

.blockchainTop h3 a {
	display: block;
	width: calc(100% - 15px);
	max-width: 210px;
	margin: 0 auto;
	padding-right: 0;
}


#blockchainBrandingArea .blockchainContentsWide{

	height:400px;
	width:965px;
	margin: 0 auto;

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

	justify-content: center;

	flex-direction: column;

}

.blockchainBrandingText{
	max-width:400px;

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

	justify-content: center;

	flex-direction: column;
}

#blockchainBrandingArea h2 {
	font-size:70%;
}

#blockchainBrandingArea p {
	font-size:100%;
}


#blockchainBrandingArea h2,
#blockchainBrandingArea p {
	padding-left:0px;
	padding-top:0px;
	margin-left:0px;
	margin-top:0px;
}



.GridSet #blockchainBrandingArea h2 span,
.GridSet #blockchainBrandingArea p{
	text-align: left;
	font-weight:bold;
	color:#ffffff;
	text-shadow:     2px  2px 2px #0e5084,
			-2px  2px 2px #0e5084,
			 2px -2px 2px #0e5084,
			-2px -2px 2px #0e5084;
}





.GridSet #blockchainFeaturesArea h3,
.GridSet #blockchainFutureArea h3,
.GridSet #blockchainArticleArea h3,
.GridSet #blockchainEventArea h3{
	position: relative;
	right: -300px;
	font-weight:normal;
}



#blockchainFutureArea,
#blockchainPatternArea,
#blockchainCaseArea,
#blockchainServiceArea,
#blockchainApproachArea,
#blockchainFeaturesArea,
#blockchainArticleArea,
#blockchainEventArea,
#blockchainInquiryArea {
	border-bottom-right-radius: 2000px 300px;
	border-bottom-left-radius: 2000px 300px;
	background-size: cover;
	background-attachment:fixed;

	padding-top:70px;
}

#blockchainNewsArea{
	overflow: hidden;
	background:#EBEBEB;
}
#blockchainSecondArea {
	overflow: hidden;
	/*height:3000px;*/
	background:#FFF;
}


#blockchainFutureArea {
	background:#FFF url("/products/it/blockchain/images/top/top_pattern_bg.png") no-repeat center;
	z-index: 19;
	height: 300px;
	position: relative;
	margin:0 auto;
	padding-bottom: 28px;
}


#blockchainApproachArea {
	background: url("/products/it/blockchain/images/top/top_approach_bg.png") no-repeat center;
	background-color:#ffffff;
	z-index: 18;
	height:500px;

	position: relative;
	margin: -100px auto 0;
}

#blockchainApproachArea h2{
	margin-top:90px;
}


#blockchainCaseArea {
	background: url("/products/it/blockchain/images/top/top_case_bg.jpg") no-repeat center;
	background-color: #f3f4f9;
	z-index: 17;
	height: 450px;
	position: relative;
	margin: -140px auto 0;
	padding-top: 120px;
}

#blockchainCaseArea h2{
	margin-top:90px;
}


#blockchainServiceArea {
	background: url("/products/it/blockchain/images/top/top_service_bg.png") no-repeat center;
	background-color:#ffffff;
	z-index: 16;
	height:500px;

	position: relative;
	margin: -70px auto 0;
}

#blockchainServiceArea h2{
	margin-top:90px;
}


#blockchainArticleArea {
	background:#ffffff url("/products/it/blockchain/images/top/top_article_bg.jpg") no-repeat center;
	z-index: 15;
	height: 500px;

	position: relative;
	margin: -140px auto 0;
}

#blockchainArticleArea .blockchain3Column {
	justify-content: center;
}

#blockchainArticleArea h2{
	margin-top:120px;
}


#blockchainEventArea {
	background:#FFF url("/products/it/blockchain/images/top/top_event_bg.jpg") no-repeat center;
	z-index: 14;
	height: 500px;

	position: relative;
	margin: -140px auto 0;
}

#blockchainEventArea .blockchain3Column {
	justify-content: center;
}

#blockchainEventArea h2{
	margin-top:120px;
}



#blockchainFeaturesArea {
	background: url("/products/it/blockchain/images/top/top_features_bg.jpg") no-repeat center;
	background-color: #bddafa;
	z-index: 13;
	height: 550px;

	position: relative;
	margin: -140px auto 0;
}

#blockchainFeaturesArea .blockchain3Column {
	justify-content: center;
}

#blockchainFeaturesArea h2{
	margin-top:120px;
}


#blockchainInquiryArea {
	background-color: #ffffff;
	z-index: 11;
	margin-top: -50px;
}

#blockchainFutureArea h3 a,
#blockchainFutureArea h2 a,
#blockchainPatternArea h2 a,
#blockchainCaseArea h2 a,
#blockchainServiceArea h2 a,
#blockchainApproachArea h2 a,
#blockchainFeaturesArea h2 a,
#blockchainFeaturesArea h3 a,
#blockchainArticleArea h2 a,
#blockchainArticleArea h3 a,
#blockchainEventArea h2 a,
#blockchainEventArea h3 a,
#blockchainInquiryArea h2 a {
	background-image:none;
}


#blockchainFutureArea img,
#blockchainFeaturesArea img,
#blockchainArticleArea img,
#blockchainEventArea img{
	border-radius: 50%;
	border: 1.6px solid #ffffff;
	margin-bottom: 15px;
}

.GridSet #blockchainFutureArea h3 a,
.GridSet #blockchainFutureArea h2 span a,
.GridSet #blockchainFutureArea p,
.GridSet #blockchainFeaturesArea h3 a,
.GridSet #blockchainFeaturesArea h2 span a,
.GridSet #blockchainFeaturesArea p,
.GridSet #blockchainArticleArea h3 a,
.GridSet #blockchainArticleArea h2 span a,
.GridSet #blockchainArticleArea p,
.GridSet #blockchainEventArea h3 a,
.GridSet #blockchainEventArea h2 span a,
.GridSet #blockchainEventArea p,
.GridSet #blockchainCaseArea p,
.GridSet #blockchainCaseArea h2 span a,
.GridSet #blockchainPatternArea p,
.GridSet #blockchainPatternArea h2 span a,
.GridSet #blockchainServiceArea p,
.GridSet #blockchainServiceArea h2 span a,
.GridSet #blockchainApproachArea p,
.GridSet #blockchainApproachArea h2 a,
.GridSet #blockchainInquiryArea h2 span a,
.GridSet #blockchainInquiryArea p{
	color: #000000;
}


#blockchainFeaturesArea .blockchain3Column{
	flex-wrap: nowrap;
}

#blockchainArticleArea .blockchain3Column{
	flex-wrap: nowrap;
}

#blockchainEventArea .blockchain3Column{
	flex-wrap: nowrap;
}


#blockchainFutureArea h3,
#blockchainFeaturesArea h3,
#blockchainArticleArea h3,
#blockchainEventArea h3{
	padding: 0;
	font-weight: bold;
	border-bottom: none;
	text-align: center;
	margin-bottom: 20px
}



.GridSet #blockchainFutureArea h3,
.GridSet #blockchainFutureArea p.TextStyle1,
.GridSet #blockchainFeaturesArea h3,
.GridSet #blockchainFeaturesArea p.TextStyle1,
.GridSet #blockchainArticleArea h3,
.GridSet #blockchainArticleArea p.TextStyle1,
.GridSet #blockchainEventArea h3,
.GridSet #blockchainEventArea p.TextStyle1,
#blockchainPatternArea p.TextStyle1,
#blockchainServiceArea p.TextStyle1,
#blockchainApproachArea p.TextStyle1 {
	text-shadow: 1px 1px 2px #ffffff, -1px 1px 2px #ffffff, 1px -1px 2px #ffffff, -1px -1px 2px #ffffff;
}


/*--- ページトップボタン ---*/
@keyframes SlideUp {
	0% { transform:translate(68px,0px); }
	90% { transform:translate(-2px,0px); }
	100% { transform:translate(0px,0px); }
}

#PageTopControler {
	position: fixed;
	right: 20px;
	bottom: 150px;
	display: block;
	z-index: 1000;
	animation: SlideUp ease-in 0.8s 1 normal;
}

#PageTopControler button {
	display: block;
	width: 68px;
	height: 68px;
	padding: 0;
	white-space: nowrap;
	text-indent: 9999px;
	overflow: hidden;
	outline: none;
	border-style: none;
	background-image: url("/products/it/blockchain/images/top/pagetop_button.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
	cursor: pointer;
	-webkit-transition: 0.3s ease-in;
	-moz-transition: 0.3s ease-in;
	-o-transition: 0.3s ease-in;
	transition: 0.3s ease-in;
}
#PageTopControler button:hover,
#PageTopControler button:active,
#PageTopControler button:focus {
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	opacity: 0.8;
}




/* 第2階層ページタイトル
=========================================================================================== */
#blockchainGridL .PageTitleStyle3 {
	padding:0px;
	top:0px;
	height: 250px;

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

	align-items: center;
	justify-content: center;
}

#blockchainGridL .PageTitleStyle3 h1,
#blockchainGridL .PageTitleStyle3 p{
	max-width: 965px;
	margin: 0 auto;
	text-align: center;
}

#blockchainGridL .PageTitleStyle3 h1{
	font-size: 180%;
	font-weight: bold;
	margin-bottom:1em;
}

#blockchainGridL .PageTitleStyle3 h1 span{
	padding: 0 0.5em 0 0.5em;
	display:inline-block;
	border-bottom: solid 3px #1d6fb0;
}

#blockchainGridL .PageTitleStyle3 p.h1_catchcopy{
	font-size: 120%;
}

#blockchainGridL .PageTitleStyle3 h1 span,
#blockchainGridL .PageTitleStyle3 p.h1_catchcopy{
	text-shadow:     2px  2px 2px #ffffff,
			-2px  2px 2px #ffffff,
			 2px -2px 2px #ffffff,
			-2px -2px 2px #ffffff;
	color:#000000;
	font-weight:bold;
}

#blockchainGridL #blockchainPattern .PageTitleStyle3 h1 span{
	border-bottom: solid 3px #3a7e11;
}

#blockchainGridL #blockchainFeatures .PageTitleStyle3 h1 span,
#blockchainGridL #blockchainEvent .PageTitleStyle3 h1 span{
	border-bottom: solid 3px #ffffff;
}





#blockchainGridL #blockchainApproach .PageTitleStyle3 {
	background: url("/products/it/blockchain/images/header/header_approach.png") no-repeat center;
}

#blockchainGridL #blockchainService .PageTitleStyle3 {
	background: url("/products/it/blockchain/images/header/header_service.png") no-repeat center;
}

#blockchainGridL #blockchainCase .PageTitleStyle3 {
	background: url("/products/it/blockchain/images/header/header_case.png") no-repeat center;
	background-color:#f2f3f9;
}

#blockchainGridL #blockchainPattern .PageTitleStyle3 {
	background: url("/products/it/blockchain/images/header/header_pattern.png") no-repeat center;
}

#blockchainGridL #blockchainFeatures .PageTitleStyle3 {
	background: url("/products/it/blockchain/images/header/header_features.png") no-repeat center;
	background-color:#bddafa;
}

#blockchainGridL #blockchainFuture .PageTitleStyle3 {
	background:url("/products/it/blockchain/images/header/header_pattern.png") no-repeat center;
}

#blockchainGridL #blockchainEvent .PageTitleStyle3 {
	background:url("/products/it/blockchain/images/header/header_event.png") no-repeat center;
}

#blockchainGridL #blockchainArticle .PageTitleStyle3 {
	background:url("/products/it/blockchain/images/header/header_article.png") no-repeat center;
}

/* 補足
=========================================================================================== */

.blockchainWords dt{
	width:4em;
}

.blockchainWords dd{
	margin-left:4.5em;
}


/* [-] 共通クラス
=========================================================================================== */

/* オンマウスで透過 */
a:hover img{
	filter: alpha(opacity=80); /* IE7以下用 */
	-ms-filter: "alpha(opacity=80)"; /* IE8用 */
	opacity:0.8; /* Firefox 1.5以上, Opera, Safari用 */
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}


/*------リンク色-----*/
a:link {
	color: #005da6;
}

a:visited {
	color: #551a8b;
}

a:hover,
a:active {
	color: #b1000e;
}

/*------ボタン色-----*/

.ButtonStyle1 a:link, .ButtonStyle2 a:link, .ButtonStyle1 a:visited, .ButtonStyle2 a:visited {
	padding: 9px 22px 9px 15px;
	background-color: #000000;
}

.ButtonStyle1 a:hover,
.ButtonStyle2 a:hover,
.ButtonStyle1 a:active,
.ButtonStyle2 a:active {
	padding: 9px 24px 9px 15px;
}

/*------ボタンアイコン-----*/


.ButtonStyle1.inquiry a:visited,
.ButtonStyle2.inquiry a:visited,
.ButtonStyle1.inquiry a,
.ButtonStyle2.inquiry a {
	background-image: url("/image/jp/r1/icon/icon_inquiry_white_hd.png");
	padding: 15px 30px 15px 30px;
	background-position: right 5px center;
}

.ButtonStyle1.inquiry a:hover,
.ButtonStyle2.inquiry a:hover,
.ButtonStyle1.inquiry a:active,
.ButtonStyle2.inquiry a:active {
	padding: 15px 32px 15px 30px;
}

.ButtonStyle1.NewWin a:visited,
.ButtonStyle2.NewWin a:visited,
.ButtonStyle1.NewWin a,
.ButtonStyle2.NewWin a {
	background-image: url("/image/jp/r1/icon/icon_new_window_white_hd.png");
	padding: 9px 22px 9px 15px;
	background-position: right 5px center;
}
.ButtonStyle1.NewWin a:hover,
.ButtonStyle2.NewWin a:hover,
.ButtonStyle1.NewWin a:active,
.ButtonStyle2.NewWin a:active {
	padding: 9px 24px 9px 15px;
}

.ButtonStyle1.serviceButton a,
.ButtonStyle2.serviceButton a {
	margin:0px 0px 6px 0px;
}

.ButtonStyle1.serviceButton a span,
.ButtonStyle2.serviceButton a span {
	font-size:80%;
}


/* [-] ページ別
=========================================================================================== */

/*Topics & News*/
.TopicsPage h1{
	width:965px;
	margin:0 auto;
}
.TopicsPage #News{
	height:auto;
	margin:30px 0 0;
}
.TopicsPage #News dl.DateListStyle2{
	height:auto;
}

/* 日立のビジョン */
a.futureLinkBox{
	display:block;
	text-decoration:none;
}
a.futureLinkBox div.BoxPatternC{
	padding:0;
}
a.futureLinkBox div.BoxPatternC div.Inner{
	background:linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 50%, rgba(255, 255, 255, 0.3) 65%);
	min-height:110px;
	padding:20px 0 20px 20px;
}
a.futureLinkBox div.BoxPatternC.BackflowItem div.Inner{
	background:linear-gradient(270deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 50%, rgba(255, 255, 255, 0.3) 65%);
	padding:20px 20px 20px 50%;
}
a.futureLinkBox div#blockchainFuture_link01{
	background:url('/products/it/blockchain/future/images/blockchainFuture_link01.png') no-repeat left top;
	background-size:1150px auto;
}
a.futureLinkBox div#blockchainFuture_link02{
	background:url('/products/it/blockchain/future/images/blockchainFuture_link02.png') no-repeat right bottom;
	background-size:1000px auto;
}
a.futureLinkBox div#blockchainFuture_link03{
	background:url('/products/it/blockchain/future/images/blockchainFuture_link03.png') no-repeat right top;
	background-size:1150px auto;
}
a.futureLinkBox div.BoxPatternC div.Inner h2{
	background:none;
	font-size:200%;
	padding:0;
}
a.futureLinkBox div.BoxPatternC div.Inner p.TextStyle1{
	font-size:100%;
}
a.futureLinkBox div.BoxPatternC div.Inner h2 strong,
a.futureLinkBox div.BoxPatternC div.Inner p,
a.futureLinkBox:hover div.BoxPatternC div.Inner h2 strong,
a.futureLinkBox:hover div.BoxPatternC div.Inner p{
	color:#FFF;
	padding:0;
	margin:0;
	display:inline-block;
	max-width:50%;
}
a.futureLinkBox div.BackflowItem div.Inner h2 strong,
a.futureLinkBox div.BackflowItem div.Inner p,
a.futureLinkBox:hover div.BackflowItem div.Inner h2 strong,
a.futureLinkBox:hover div.BackflowItem div.Inner p{
	max-width:100%;
}

/* 事例 */
.blockCaseList li{
	margin-bottom:15px;
}

div.ImgLeftAdjust p.CaseImgOnlyStyle{
	margin-bottom:117px;
}


/* 特長 */

.blockchainFeaturesList {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

	align-items: center;
	flex-wrap: wrap;
}

.blockchainFeaturesList li{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

	align-items: center;
	justify-content: flex-start;

	width:calc((100% - 31px) / 3);
	height:200px;
}


.blockchainFeaturesList li a:hover,
.blockchainFeaturesList li a:visited,
.blockchainFeaturesList li a:active,
.blockchainFeaturesList li a{
	text-decoration: none;
}

.blockchainFeaturesList li a {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}


.blockchainFeaturesList li a p{
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	font-size: 110%;
	margin: 0;
	padding: 0 45px;
	text-align: center;
}

.blockchainFeaturesList li:hover{
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	opacity: 0.8;
}

.blockchainFeaturesList li:nth-child(1),
.blockchainFeaturesList li:nth-child(2){
	margin-right:15px;
}

.blockchainSmartContract{
	background-image:
	url("/products/it/blockchain/features/images/white_aroww.png"),
	url("/products/it/blockchain/features/images/features_smart_contract_bk.png");

	background-repeat:
	no-repeat,
	no-repeat;

	background-position:
	center right 15px,
	center;
}

.blockchainTransparency{
	background-image:
	url("/products/it/blockchain/features/images/white_aroww.png"),
	url("/products/it/blockchain/features/images/features_transparency_bk.png");

	background-repeat:
	no-repeat,
	no-repeat;

	background-position:
	center right 15px,
	center;
}

.blockchainAssurance{
	background-image:
	url("/products/it/blockchain/features/images/white_aroww.png"),
	url("/products/it/blockchain/features/images/features_assurance_bk.png");

	background-repeat:
	no-repeat,
	no-repeat;

	background-position:
	center right 15px,
	center;
}

.blockchainForm{
	background-image:
	url("/products/it/blockchain/features/images/white_aroww.png"),
	url("/products/it/blockchain/features/images/features_form_bk.png");

	background-repeat:
	no-repeat,
	no-repeat;

	background-position:
	center right 15px,
	center;
}

/* 取り組み */
div.ImgBoxStyle1.approachImgBox .ButtonStyle1 a:link,
div.ImgBoxStyle1.approachImgBox .ButtonStyle2 a:link,
div.ImgBoxStyle1.approachImgBox .ButtonStyle1 a:visited,
div.ImgBoxStyle1.approachImgBox .ButtonStyle2 a:visited{
	background-color:#E60027;
}

.blockchainApproachList .blockchainCommunity{
	background:url("/products/it/blockchain/approach/images/approach_link01.png") no-repeat center;
	background-size: auto , cover;
}
.blockchainApproachList .blockchainUsecase{
	background:url("/products/it/blockchain/approach/images/approach_link02.png") no-repeat center;
	background-size: auto , cover;
}
.blockchainApproachList .blockchainOriginal{
	background:url("/products/it/blockchain/approach/images/approach_link03.png") no-repeat center;
	background-size: auto , cover;
}
.blockchainApproachList{
	display:flex;
	flex-wrap:wrap;
}
.blockchainApproachList a{
	display:flex;
	align-items: stretch;
	justify-content: center;
	flex-wrap: wrap;
	margin:0 0 15px 25px;
	width:250px;
	text-decoration:none;
}
.blockchainApproachList a:first-child{
	margin-left:0;
}

.blockchainApproachList .blockchainCommunity p,
.blockchainApproachList .blockchainUsecase p,
.blockchainApproachList .blockchainOriginal p{
	font-size:100%;
	display:table-cell;
	height:200px;
	vertical-align:middle;
	background:rgba(0, 0, 0, 0.5) url("/products/it/blockchain/approach/images/red_arrow.png") no-repeat bottom right;
	background-size: auto , cover;
	padding:0 10px;
}
.blockchainApproachList div strong{
	color:#FFF;
}

/* サービス */
.blockchainFutureList {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

	align-items: stretch;
	justify-content: center;
	flex-wrap: wrap;
}

.blockchainFutureList a{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

	align-items: center;
	justify-content: center;

	width:calc((100% - 15px) / 2);
	margin-bottom:15px;
	text-decoration: none;
}

.blockchainFutureList a:nth-child(odd){
	margin-right:15px;
}

.blockchainFutureList p{
	margin:0px 15px 15px 15px;
}

.blockchainFutureList h2{
	margin:1em 15px 0px 0px;
	font-size:120%;
}

.blockchainFutureList div{
	min-height:200px;
	height: 100%;
}



.blockchainFutureList .blockchainTrade{
	background-image:
	url("/products/it/blockchain/future/images/red_arrow.png"),
	url("/products/it/blockchain/future/images/blockchainTrade_bk.png");

	background-repeat:
	no-repeat,
	no-repeat;

	background-position:
	bottom right,
	center;
	background-size: auto , cover;
}


.blockchainFutureList .blockchainTraceability{
	background-image:
	url("/products/it/blockchain/future/images/red_arrow.png"),
	url("/products/it/blockchain/future/images/blockchainTraceability_bk.png");

	background-repeat:
	no-repeat,
	no-repeat;

	background-position:
	bottom right,
	center;
	background-size: auto , cover;
}
.blockchainFutureList .blockchainInsurance{
	background-image:
	url("/products/it/blockchain/future/images/red_arrow.png"),
	url("/products/it/blockchain/future/images/blockchainInsurance_bk.png");

	background-repeat:
	no-repeat,
	no-repeat;

	background-position:
	bottom right,
	center;
	background-size: auto , cover;
}

.blockchainFutureList .blockchainPbi{
	background-image:
	url("/products/it/blockchain/future/images/red_arrow.png"),
	url("/products/it/blockchain/future/images/blockchainPbi_bk.png");

	background-repeat:
	no-repeat,
	no-repeat;

	background-position:
	bottom right,
	center;

	background-size: auto , cover;

}

.blockchainFutureListNavi .blockchainPbi{background-image:url("/products/it/blockchain/approach/usecase/images/blockchainPbi_bk2.png"); background-size:contain;}
.blockchainFutureListNavi .blockchainInsurance{background-image:url("/products/it/blockchain/approach/usecase/images/blockchainInsurance_bk2.png"); background-size:contain;}
.blockchainFutureListNavi .blockchainTraceability{background-image:url("/products/it/blockchain/approach/usecase/images/blockchainTraceability_bk2.png"); background-size:contain;}
.blockchainFutureListNavi .blockchainTrade{background-image:url("/products/it/blockchain/approach/usecase/images/blockchainTrade_bk2.png"); background-size:contain;}

.blockchainFutureListNavi {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

	align-items: center;
	flex-wrap: wrap;
}

.blockchainFutureListNavi a{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

	align-items: center;
	justify-content: center;

	width:calc((100% - 45px) / 4);
	text-decoration: none;

}

.blockchainFutureListNavi div{
	width:100%;
	height:97px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

	align-items: center;
	justify-content: center;
}



.blockchainFutureListNavi a p{
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 0 10px;
	text-align: center;
}

.blockchainFutureListNavi a:nth-child(1),
.blockchainFutureListNavi a:nth-child(2),
.blockchainFutureListNavi a:nth-child(3){
	margin-right:15px;
}


.blockchainPbi:hover,
.blockchainInsurance:hover,
.blockchainTrade:hover,
.blockchainTraceability:hover{
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	opacity: 0.8;
}

.blockchainFutureList a h2 span:visited,
.blockchainFutureList a h2 span:link,
.blockchainFutureList a h2 span,
.blockchainFutureList a p:visited,
.blockchainFutureList a p:link,
.blockchainFutureList a p,
.blockchainFutureList a h2:visited,
.blockchainFutureList a h2:link,
.blockchainFutureList a h2{
	background: none;
	color: #ffffff;
	text-decoration: none;
}

.blockchainFutureMessage{
	padding:30px;
	top:0px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

	align-items: center;
	justify-content: center;

	font-size: 150%;
	font-weight: bold;
	
	color:#ffffff;
	text-shadow:     2px  2px 2px #3a7e11,
			-2px  2px 2px #3a7e11,
			 2px -2px 2px #3a7e11,
			-2px -2px 2px #3a7e11;

	margin-bottom:1em;
	text-align:center;
	background-color: #3a7e11;
}

/* サービス */

.blockchainServiceList {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

	align-items: center;
	justify-content: center;
}

.blockchainServiceList dt{
	width:calc((100% - 45px) / 4);
	margin-right:15px;
}

.blockchainServiceList dd{
	width:calc(((100% - 45px) / 4 * 3));
}

.blockchainServiceList dt.noImg{
	background: #1d6fb0;
	color: #ffffff;
	font-weight: bold;
	position: relative;
	height: auto;
}

.blockchainServiceList dt.noImg:before {
	content: "";
	display: block;
	padding-top: 100%;
}

.blockchainServiceList dt.noImg span{
	display: block;
	position: absolute;
	top: 30%; 
	left: 0;
	text-align: center;
	margin:15px;
}

/* サービス図切り替え */
.blockchainServiceWidth img.pc{
	display: block !important;
}
.blockchainServiceWidth img.sp{
	display: none !important;
}

ul.ButtonStyle1 li.NewWin a,
ul.ButtonStyle2 li.NewWin a {
	background-image:url('/image/jp/r1/icon/icon_new_window_white_hd.png')!important;
	padding-right:25px;
	background-position:calc(100% - 7px) center;
	border: none;
}

ul.ButtonStyle1 li.NewWin a:hover,
ul.ButtonStyle2 li.NewWin a:hover {
	background-image:url('/image/jp/r1/icon/icon_new_window_white_hd.png')!important;
	padding-right:25px;
	background-position:calc(100% - 5px) center;
	border: none;
}



/* hyperledger */

#hbshf_grade div div h3{
	background-color: #1d6fb0;
	color: #ffffff;
	text-align: center;
	font-size: 180%;
	padding: 15px;
	position: relative;
	margin-bottom:30px;
}

#hbshf_grade div div h3:after{
	content: "";
	position: absolute;
	right: 0;
	bottom: -20px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-width: 20px 10px 0 10px;
	border-color: #1d6fb0 transparent transparent transparent;
}

#hbshf_grade div div dl{
	margin:15px;
	color: #000000;
}

#hbshf_grade div div dl dt{
	font-size: 110%;
	font-weight:bold;	
	line-height:110%:
}

#hbshf_grade div div dl dd{
	font-size: 90%;
}

#hbshf_grade div div dl dd:before {
	content:'●';
	color: #676155;
}

#hbshf_grade div div.hbshf_starter{
	background: url("/products/it/blockchain/service/hyperledger/images/hbshf_grade_01.png") no-repeat center;
}

#hbshf_grade div div.hbshf_standard{
	background: url("/products/it/blockchain/service/hyperledger/images/hbshf_grade_02.png") no-repeat center;
}

#hbshf_grade div{
	margin-bottom:15px;
}

.blockchainListWidhImg{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}

.blockchainListWidhImg div:nth-child(odd){
	margin-right:15px;
}


.blockchainListImg{
	width:311px;
}

.blockchainListImg img{
	width:100%;
	height:auto;
}

.blockchainListImgDefault{
	width:311px;
}

.blockchainListImgDefault img{
	height:auto;
}

.blockchainListContents{
	width:calc(100% - 311px - 15px);
}

.blockchainListContents h3{
	color: #000000;
	font-size: 110%;

}


/* お知らせ */

p.LinkSubText{
	font-size: 90%;
}



/* 問い合わせ */

#blockchainWebform p.TextStyle1 strong{
	display:block;
	font-size: 150%;
}

#blockchainWebform p.TextStyle1 span{
	display:block;
	margin:15px;
}

#blockchainWebform p.ButtonStyle1{
	font-size: 150%;
	font-weight:bold;
	margin:30px;
	padding:15px;
}


#blockchainWebform p.ButtonStyle1 span{
	display:block;
	font-size: 70%;
	font-weight:normal;
}



/* [-] RWD版グロナビ（メガメニュー代替）
========================================================================================= */
.JS #GlobalNaviTopSP li .HorizontalLocalNaviSP li a {
	position: relative;
	display: block;
	line-height: 140%;
	padding: 12px 15px 12px 30px;
	font-size: 90%;
	text-decoration: none;
}
.JS #GlobalNaviTopSP li .HorizontalLocalNaviSP li a:link,
.JS #GlobalNaviTopSP li .HorizontalLocalNaviSP li a:visited {
	color: #ccc;
	background-color: #333;
	border-top: solid 1px #444;
}
.JS #GlobalNaviTopSP li .HorizontalLocalNaviSP li a:hover,
.JS #GlobalNaviTopSP li .HorizontalLocalNaviSP li a:active {
	color: #fff;
	background-color: #b1000e;
	border-top: solid 1px #b1000e;
}

.JS #GlobalNaviTopSP li .HorizontalLocalNaviSP li a:after {
	content: "";
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	top: 50%;
	margin: -8px 0 0;
	background-image: url("/image/jp/r1/icon/icon_link_right_l_white_hd.gif");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
}
.JS #GlobalNaviTopSP li .HorizontalLocalNaviSP li a:link:after,
.JS #GlobalNaviTopSP li .HorizontalLocalNaviSP li a:visited:after {right: 7px;}
.JS #GlobalNaviTopSP li .HorizontalLocalNaviSP li a:hover:after,
.JS #GlobalNaviTopSP li .HorizontalLocalNaviSP li a:active:after {right: 5px;}

.JS #GlobalNaviTopSP li.Current .HorizontalLocalNaviSP li.Current a {
	line-height: 140%;
	padding: 0;
	border-top: 0 none;
}

.JS #GlobalNaviTopSP li.Current .HorizontalLocalNaviSP li.Current a em {
	position: relative;
	display: block;
	color: #fff;
	line-height: 140%;
	font-style: normal;
	font-weight: bold;
	padding: 12px 40px 12px 30px;
	background-image: none;
	border-top: solid 1px #444;
}
.JS #GlobalNaviTopSP li.Current .HorizontalLocalNaviSP li.Current a strong {
	position: relative;
	display: block;
	color: #fff;
	line-height: 140%;
	padding: 12px 40px 12px 30px;
	background-image: none;
	background-color: #b1000e;
	border-top: solid 1px #b1000e;
}

.JS #GlobalNaviTopSP li.Current .HorizontalLocalNaviSP li.Current a em:after {display: none;}

.JS #GlobalNaviTopSP li.Current .HorizontalLocalNaviSP li.Current a strong:after {
	content: "";
	position: absolute;
	z-index: 4;
	display: block;
	width: 16px;
	height: 16px;
	top: 50%;
	margin: -8px 0 0;
	background-image: url("/image/jp/r1/icon/icon_link_right_l_white_hd.gif");
	background-color: #b1000e;
	background-repeat: no-repeat;
	background-color: #b1000e;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
}
.JS #GlobalNaviTopSP li.Current .HorizontalLocalNaviSP li.Current a:link em:after,
.JS #GlobalNaviTopSP li.Current .HorizontalLocalNaviSP li.Current a:visited em:after {right: 7px;}
.JS #GlobalNaviTopSP li.Current .HorizontalLocalNaviSP li.Current a:hover em:after,
.JS #GlobalNaviTopSP li.Current .HorizontalLocalNaviSP li.Current a:active em:after {right: 5px;}
.JS #GlobalNaviTopSP li.Current .HorizontalLocalNaviSP li.Current a:link strong:after,
.JS #GlobalNaviTopSP li.Current .HorizontalLocalNaviSP li.Current a:visited strong:after {right: 7px;}
.JS #GlobalNaviTopSP li.Current .HorizontalLocalNaviSP li.Current a:hover strong:after,
.JS #GlobalNaviTopSP li.Current .HorizontalLocalNaviSP li.Current a:active strong:after {right: 5px;}


/* [-] タッチデバイス用ヘッダー（メガメニュー表示対策）
========================================================================================= */
.SP #Search .BtnOpen a {
	position: relative;
	display: block;
	width: 45px;
	min-width: 45px;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
}

.SP #Search .BtnOpen a img {
	position: absolute;
	display: block;
	margin: 0;
	top: 12px;
	left: 13px;
}

.SP #CountryRegion .BtnOpen a {
	position: relative;
	display: block;
	width: 45px;
	min-width: 45px;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
}

.SP #CountryRegion .BtnOpen a img {
	position: absolute;
	display: block;
	margin: 0;
	top: 12px;
	left: 13px;
}

.SP #GlobalNaviTopButtonSP {
	display: inline-block;
	margin: -5px 0 0;
	vertical-align: top;
}

.SP #GlobalNaviTopButtonSP a {
	position: relative;
	display: block;
	width: 45px;
	height: 50px;
	overflow: hidden;
}
.SP #GlobalNaviTopButtonSP a:link,
.SP #GlobalNaviTopButtonSP a:visited,
.SP #GlobalNaviTopButtonSP a:hover,
.SP #GlobalNaviTopButtonSP a:active {background-color: #e60027;}
.SP #GlobalNaviTopButtonSP a.Current {
	background: url("/image/jp/r1/bg_g_navi_current_rwd.gif") no-repeat center bottom #b1000e;
}

.SP #GlobalNaviTopButtonSP a img {
	position: absolute;
	display: block;
	top: 16px;
	left: 13px;
}

.SP #UltraGlobalNavi {
	position: absolute;
	display: none;
	width: 100%;
	min-width: 320px;
	height: 0px;
	top: 45px;
	left: 0px;
	background-color: #333;
	overflow: hidden;
}
.SP #UltraGlobalNavi .BtnOpen {display: none;}

.SP .SuperGlobalNavi {
	display: block;
	position: static;
	width: auto;
	height: auto;
	padding: 0 15px;
	background-color: transparent;
}
.SP #SuperGlobalNaviProducts {padding-top: 15px;}
.SP #SuperGlobalNaviCompany {padding-bottom: 15px;}

.SP .SuperGlobalNavi .Inner {
	height: auto;
	top: 0;
	margin: 0;
	padding: 0;
	background-color: transparent;
}
.SP .SGNOpen .SuperGlobalNavi .Inner {left: 0;}

.SP .SuperGlobalNavi h2 {
	margin: 0;
	padding: 0;
}

.SP .SuperGlobalNavi .ColumnSet,
.SP .SuperGlobalNavi ul {
	margin: 0;
	padding: 0;
}

.SP .SuperGlobalNavi .Column1 {
	float: none;
	width: auto;
	margin: 0;
}

.SP .SuperGlobalNavi h2 a {
	position: relative;
	display: block;
	width: auto;
	min-height: 20px;
	margin: 0;
	padding: 12px 25px 12px 15px;
	line-height: 140%;
	font-weight: normal;
	background-image: none;
}
.SP #SuperGlobalNaviCompany h2 a {border-top: 1px solid #b1000e;}

.SP .SuperGlobalNavi h2 a:link,
.SP .SuperGlobalNavi h2 a:visited {
	color: #fff;
	background-color: #e60027;
}
.SP .SuperGlobalNavi h2 a:hover,
.SP .SuperGlobalNavi h2 a:active {
	color: #fff;
	text-decoration: none;
	background-color: #b1000e;
}
.SP .SuperGlobalNavi h2 a:after {
	content: "";
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	top: 50%;
	margin: -8px 0 0;
	background-image: url("/image/jp/r1/icon/icon_link_right_l_white_hd.gif");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
}
.SP .SuperGlobalNavi h2 a:link:after,
.SP .SuperGlobalNavi h2 a:visited:after {right: 7px;}
.SP .SuperGlobalNavi h2 a:hover:after,
.SP .SuperGlobalNavi h2 a:active:after {right: 5px;}

.SP #UltraGlobalNavi .SuperGlobalNavi ul,
.SP #UltraGlobalNavi .SuperGlobalNavi .ColumnSet,
.SP #UltraGlobalNavi .SuperGlobalNavi .BtnClose {display: none;}


/* ------ Global Navi ------ */

.SP #GlobalNavi {display: none;}

.SP #GlobalNaviSP {
	display: block;
	margin: 0;
	padding: 0;
}

.SP #CourtesyNaviSP {
	display: block;
	width: auto;
	height: auto;
	margin: 0;
	padding: 15px;
	text-align: left;
	border-bottom: solid 1px #444;
}

.SP #CourtesyNaviSP li {line-height: 140%;}

.SP #CourtesyNaviSP li.RightSeparater {margin: 0 0 15px;}

.SP #CourtesyNaviSP li.RightSeparater a {padding: 10px 40px 10px 15px;}

.SP #CourtesyNaviSP li a {
	position: relative;
	display: block;
	padding: 12px 40px 12px 15px;
	font-size: 76%;
	line-height: 140%;
}
.SP #CourtesyNaviSP li a:link,
.SP #CourtesyNaviSP li a:visited {
	color: #fff;
	text-decoration: none;
	background-color: #555;
	border-top: solid 1px #444;
}
.SP #CourtesyNaviSP li a:hover,
.SP #CourtesyNaviSP li a:active {
	color: #fff;
	text-decoration: none;
	background-color: #b1000e;
	border-top: solid 1px #b1000e;
}
.SP #CourtesyNaviSP li:first-child a,
.SP #CourtesyNaviSP li.RightSeparater + li a {border-top: 0 none !important;}

.SP #CourtesyNaviSP li a:after {
	content: "";
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	top: 50%;
	margin: -8px 0 0;
	background-image: url("/image/jp/r1/icon/icon_link_right_l_white_hd.gif");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
}
.SP #CourtesyNaviSP li a:link:after,
.SP #CourtesyNaviSP li a:visited:after {right: 7px;}
.SP #CourtesyNaviSP li a:hover:after,
.SP #CourtesyNaviSP li a:active:after {right: 5px;}

.SP #GlobalNaviTopSP {
	width: auto;
	margin: 0;
	border-bottom: solid 1px #444;
}

.SP #GlobalNaviTopSP > li {float: none;}

.SP #GlobalNaviTopSP > li > a {
	position: relative;
	display: block;
	line-height: 140%;
	padding: 12px 15px;
	font-size: 90%;
}
.SP #GlobalNaviTopSP > li > a:link,
.SP #GlobalNaviTopSP > li > a:visited {
	color: #ccc;
	text-decoration: none;
	background-color: #333;
	border-top: solid 1px #444;
}
.SP #GlobalNaviTopSP > li > a:hover,
.SP #GlobalNaviTopSP > li > a:active {
	color: #fff;
	text-decoration: none;
	background-color: #b1000e;
	border-top: solid 1px #b1000e;
}

.SP #GlobalNaviTopSP > li:first-child > a:link,
.SP #GlobalNaviTopSP > li:first-child > a:visited,
.SP #GlobalNaviTopSP > li:first-child > a:hover,
.SP #GlobalNaviTopSP > li:first-child > a:active {border-top: 0 none;}

.SP #GlobalNaviTopSP > li > a:after {
	content: "";
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	top: 50%;
	margin: -8px 0 0;
	background-image: url("/image/jp/r1/icon/icon_link_right_l_white_hd.gif");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
}
.SP #GlobalNaviTopSP > li > a:link:after,
.SP #GlobalNaviTopSP > li > a:visited:after {right: 7px;}
.SP #GlobalNaviTopSP > li > a:hover:after,
.SP #GlobalNaviTopSP > li > a:active:after {right: 5px;}

.SP #GlobalNaviTopSP > li.Current > a {
	display: block;
	line-height: 140%;
	padding: 0;
	font-weight: bold;
	border-top: 0 none;
}

.SP #GlobalNaviTopSP > li.Current > a em {
	position: relative;
	display: block;
	line-height: 140%;
	padding: 12px 40px 12px 15px;
	font-style: normal;
	font-weight: bold;
	background-image: none;
}
.SP #GlobalNaviTopSP > li.Current > a:link em,
.SP #GlobalNaviTopSP > li.Current > a:visited em {
	color: #fff;
	background-color: #333;
	border-top: solid 1px #444;
}
.SP #GlobalNaviTopSP > li.Current > a:hover em,
.SP #GlobalNaviTopSP > li.Current > a:active em {
	color: #fff;
	background-color: #b1000e;
	border-top: solid 1px #b1000e;
}

.SP #GlobalNaviTopSP > li.Current > a strong {
	position: relative;
	display: block;
	color: #fff;
	line-height: 140%;
	padding: 12px 40px 12px 15px;
	background-image: none;
	background-color: #b1000e;
	border-top: solid 1px #b1000e;
}

.SP #GlobalNaviTopSP > li > a strong:after {
	content: "";
	position: absolute;
	z-index: 4;
	display: block;
	width: 16px;
	height: 16px;
	top: 50%;
	margin: -8px 0 0;
	background-image: url("/image/jp/r1/icon/icon_link_right_l_white_hd.gif");
	background-repeat: no-repeat;
	background-color: #b1000e;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
}

.SP #GlobalNaviTopSP > li > a:link strong:after,
.SP #GlobalNaviTopSP > li > a:visited strong:after {right: 7px;}
.SP #GlobalNaviTopSP > li > a:hover strong:after,
.SP #GlobalNaviTopSP > li > a:active strong:after {right: 5px;}


/* [-] パンくずリスト(手動)
=========================================================================================== */

div.ManualTopicPathExec{
	min-width: 965px;
	background-color: #fff;
}

div.ManualTopicPathExec ul{
	width: auto;
	max-width: 965px;
	padding: 20px 15px 5px;
	line-height: 100%;
	margin: 0 auto;
}

div.ManualTopicPathExec ul li{
	padding: 0 0 0 20px;
	float: left;
	font-size: 67%;
	word-break: break-all;
	background: url('/image/jp/r1/icon/icon_topic_path_transition_hd.gif') no-repeat 7px center;
	-webkit-background-size: 6px 6px;
}

div.ManualTopicPathExec ul li.FirstItem {
	padding: 0px;
	background: none;
}

div.ManualTopicPathExec ul li a {
	text-decoration: none;
}

div.ManualTopicPathExec ul li a:hover {
	text-decoration: underline;
}

div.ManualTopicPathExec ul li a:visited {
	color: #551a8b;
	text-decoration: none;
}

div.ManualTopicPathExec ul:after {
	content: "";
	display: block;
	clear: both;
}


/* [-] レスポンシブ対応
=========================================================================================== */


/* for - 1500px
=========================================================================================== */
@media screen and (max-width: 1500px) {

}



/* for - 994px
=========================================================================================== */
@media screen and (max-width: 994px) {

	.JS #blockchainGridM,
	.JS #blockchainGridL {
		max-width: none;
		margin-left: 0;
	}

	.JS #blockchainGridM .Grid4,
	.JS #blockchainGridL .Grid4 {
		padding-left: 0;
	}

	.JS .blockchainContentsWide {
		padding-left: 15px!important;
		padding-right: 15px!important;
	}

	/*------メガメニュー余白調整-----*/
	.JS #GlobalNavi #MegaMenu {
		width: auto;
	}
	.JS ul.MMLinkListStyle li {
		padding-left:15px;
	}


	/*------ページタイトル-----*/
	#blockchainGridL .PageTitleStyle3 {
		padding: 0 30px;
		font-size:70%;
	}

	#blockchainGridM .PageTitleStyle1 {
		margin-left: 15px;
		margin-right: 15px;
	}


	/* サービスページ
	========================================================================================= */
	.blockchainServiceList dt.noImg span{
		top: 2em;
		font-size:90%;
		line-height:110%;
	}

	/* トップページ
	========================================================================================= */
	.JS .blockchainTop #blockchainGridL {
		max-width: none;
		margin-left: 0;
	}

	.JS .blockchainTop #blockchainGridL .Grid4 {
		padding-left: 0;
	}

	.JS .blockchainTop .blockchainContentsWide {
		padding-left: 15px!important;
		padding-right: 15px!important;
	}

	.JS #blockchainBrandingArea .blockchainContentsWide {
		width: auto;
		max-width: 965px;
	}

	.JS .blockchainBrandingText {
		width: 44%;
	}

	.JS #blockchainBrandingArea h2 {
		width: 400px;
	}
	

	.JS #News,
	.JS .TopicsPage h1{
		width:auto;
		max-width:965px;
	}

	/* 事例
	========================================================================================= */
	div.ImgLeftAdjust p.CaseImgOnlyStyle{
		margin-bottom:220px;
	}
	
	/* [-] パンくずリスト(手動)
	=========================================================================================== */
	.JS div.ManualTopicPathExec{
		min-width: 320px;
	}

	.JS div.ManualTopicPathExec ul{
		width: auto;
		max-width: 965px;
		padding: 20px 15px 5px;
		line-height: 100%;
	}

}

/* for - 767px
=========================================================================================== */
@media screen and (max-width: 767px) {

	/* TopicPath
	========================================================================================= */

	.JS #TopicPath ul{
		padding: 15px 15px 5px;
	}

	.blockchainListContents {
		width: calc( 100% - 15px );
	}

	/* リンクリスト余白削除
	========================================================================================= */
	.JS .ResponsiveLinkListStyle{
		margin:0;
	}

	/* 問い合わせページ
	========================================================================================= */
	.blockchainInquiryBox p.TextStyle2{
		margin-top:30px;
	}

	/* サービスページ
	========================================================================================= */
	.blockchainServiceList dt.noImg span{
		top: 1.5em;
		font-size:80%;
	}
	
	/* サービス図切り替え */
	.blockchainServiceWidth img.pc{
		display: none !important;
	}
	.blockchainServiceWidth img.sp{
		display: block !important;
	}

	/* みらい
	========================================================================================= */
	.blockchainFutureList a:nth-child(odd),
	.blockchainFutureList a {
		width: calc(100% - 15px);
		margin-right: 0px;
		max-width:475px;
	}
	.JS a.futureLinkBox div#blockchainFuture_link01{
		background-position-x:-130px;
	}
	.JS a.futureLinkBox div.BoxPatternC div.Inner{
		background:linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 85%);
		min-height:110px;
		padding:20px 0 20px 20px;
	}
	.JS a.futureLinkBox div.BoxPatternC.BackflowItem div.Inner{
		background:linear-gradient(270deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 85%);
		padding:20px 20px 20px 30%;
	}
	.JS a.futureLinkBox div.BoxPatternC  h2{
		margin:0 0 5px;
	}
	.JS a.futureLinkBox div.BoxPatternC div.Inner h2 strong,
	.JS a.futureLinkBox div.BoxPatternC div.Inner p,
	.JS a.futureLinkBox:hover div.BoxPatternC div.Inner h2 strong,
	.JS a.futureLinkBox:hover div.BoxPatternC div.Inner p{
		color:#FFF;
		padding:0;
		margin:0;
		display:inline-block;
		max-width:70%;
	}
	.JS a.futureLinkBox div.BackflowItem div.Inner h2 strong,
	.JS a.futureLinkBox div.BackflowItem div.Inner p,
	.JS a.futureLinkBox:hover div.BackflowItem div.Inner h2 strong,
	.JS a.futureLinkBox:hover div.BackflowItem div.Inner p{
		max-width:100%;
	}
	
	#blockchainGridL #blockchainFuture .PageTitleStyle3 {
		background:url("/products/it/blockchain/images/header/header_pattern.png") no-repeat -650px 0px;
	}



	/* トップページ
	========================================================================================= */
	.JS #particlesArea {
		height: 260px;
	}

	.JS #blockchainBrandingArea {
		height: 260px;
		margin-top: -260px;
		background-size: auto 100%;
	}

	.JS #blockchainBrandingArea .blockchainContentsWide {
		height: 100%;
	}

	.JS #blockchainBrandingArea h2 {
		width: 100%;
	}

	.JS #blockchainBrandingArea h2 span {
		font-size: 180%;
		padding: 0;
	}

	.JS #blockchainBrandingArea h2 span span {
		padding-bottom: 5px;
		font-size: 130%;
	}

	.JS #blockchainBrandingArea p {
		margin-bottom: 0;
		font-size: 83%;
	}

	.JS .blockchainTop h2 span {
		font-size: 150%;
	}

	.JS .blockchainTop h3 a {
		max-width: 180px;
	}

	.JS .blockchainTop h3 a img {
		box-sizing: border-box;
	}

	.JS #blockchainFutureArea {
		padding-top: 40px;
		background-position: center bottom;
		background-size:auto;
		height:300px;
	}

	.JS #blockchainFutureArea h2 br {
		display: none;
	}

	.JS #blockchainPatternArea {
		height: 400px;
		padding-top: 50px;
		background-size: auto 100%;
	}

	.JS #blockchainCaseArea {
		height: 310px;
		padding-top: 100px;
		background-size: auto 150%;
	}

	.JS #blockchainServiceArea {
		/*height: auto;*/
		padding-top: 20px;
		background-position: center 15px;
		background-size: auto 100%;
	}

	.JS #blockchainApproachArea {
		height: 360px;
		padding-top: 50px;
		background-position: center 50px;
		background-size: auto 100%;
	}

	.JS #blockchainFeaturesArea {
		height: auto;
		padding-bottom: 50px;
		background-size: auto 100%;
	}

	.JS #blockchainArticleArea {
		height: auto;
		padding-bottom: 50px;
		background-size: auto 100%;
	}

	.JS #blockchainEventArea {
		height: auto;
		padding-bottom: 50px;
		background-size: auto 100%;
	}

	.blockchain2Column{
		display:block;
	}

	.blockchain2Column div{
		width:100%;
		margin:0;
	}

	/* 特長 */

	.blockchainFeaturesList li a p{
		font-size:90%;
		padding: 0 40px;
	}

	/* トップページ(更新履歴) */
	#News {
		background-color: #ffffff;
		padding-top: 30px;
		padding-left: 30px;
		padding-right: 15px;
		width:calc(100% - 60px);
		height:auto;
		padding-bottom:0;
	}

	#News dl.DateListStyle2{
		height:auto;
		padding-bottom:10px;
	}

	#News dl.DateListStyle2 dt{
		font-size: 105%;
		text-align:left;
	}
	#News dl.DateListStyle2 dd{
		font-size: 105%;
		margin-left: 7em;
	}
	#News dl.DateListStyle2 dd span{
		float: none;
	}
	#News dl.DateListStyle2 li{
		display:inline-block;
		line-height: 180%;
		text-align:left;
	}
	#News h2 {
		background: none;
	}
	
	#News dl.DateListStyle2 ul.ListStyle1 li{
	padding: 0 0 0 0em;
	background: none;
	}

	/* 事例
	========================================================================================= */
	div.ImgLeftAdjust p.CaseImgOnlyStyle{
		margin-bottom:0px;
	}

	/* [-] パンくずリスト(手動)
	=========================================================================================== */
	.JS div.ManualTopicPathExec ul{
		display: block;
		float: none;
		line-height: 140%;
		letter-spacing: normal;
		word-break: break-all;
	}

}

/* for - 579px
=========================================================================================== */
@media screen and (max-width: 579px) {

	/* ブランディング
	=========================================================================================== */

	/* サービスページ
	========================================================================================= */
	.blockchainServiceList {
		display:block;
	}

	.blockchainServiceList dt,
	.blockchainServiceList dd{
		width: 100%;
		margin-right:0px;
	}

	.blockchainServiceList dt.noImg:before {
		display: none;
	}

	.blockchainServiceList dt.noImg span{
		display: block;
		position: relative;
		padding:15px;
	top: 0;
	font-size: 100%;
	}

	/* トップページ
	========================================================================================= */
	.JS #particlesArea {
		height: 185px;
	}

	.JS #blockchainBrandingArea {
		height: 185px;
		margin-top: -185px;
		background-position: 60px center;
	}

	.JS .blockchainBrandingText {
		width: 300px;
	}

	.JS #blockchainBrandingArea h2 span {
		font-size: 145%;
	}

	.JS #blockchainBrandingArea p {
		font-size: 76%;
	}

	.JS .blockchainTop h2 span {
		font-size: 120%;
	}

	.JS #blockchainSecondArea h3 {
		width: calc((100% - 20px) / 2);
	}

	.JS #blockchainSecondArea .TextStyle1 {
		font-size: 83%;
	}

	.JS #blockchainFutureArea {
		padding-top: 25px;
		background-size: auto 100%;
		height:250px
	}

	.JS #blockchainPatternArea {
		height: 340px;
		padding-top: 30px;
		background-size: auto 100%;
	}

	.JS #blockchainCaseArea {
		height: 300px;
		padding-top: 80px;
		background-size: auto 100%;
	}

	.JS #blockchainServiceArea {
		height: 520px;
		padding-top: 5px;
		background-position: center 25px;
		background-size: auto 95%;
	}

	.JS #blockchainApproachArea {
		height: 300px;
		padding-top: 30px;
		background-position: center 60px;
		background-size: auto 90%;
	}

	.JS #blockchainFeaturesArea {
		height: 600px;
		padding-top: 45px;
		background-position: center 40px;
		background-size: auto 95%;
	}

	.JS #blockchainArticleArea {
		height: 300px;
		padding-top: 45px;
		background-position: center 40px;
		background-size: auto 95%;
	}

	.JS #blockchainEventArea {
		height: 300px;
		padding-top: 30px;
		background: url("/products/it/blockchain/images/top/top_event_bg.jpg") no-repeat center bottom, linear-gradient(to right, #cee4fc 0%, #bddafa 50%, #cee4fc 100%) no-repeat center center;
		background-size: auto 95%, auto;
	}

	.JS #blockchainFeaturesArea .blockchain3Column {
		flex-wrap: wrap;
	}

	.JS #blockchainArticleArea .blockchain3Column {
		flex-wrap: wrap;
	}

	.JS #blockchainEventArea .blockchain3Column {
		flex-wrap: wrap;
	}

	.JS #PageTopControler {
		bottom: 100px;
	}

	.JS #PageTopControler button {
		width: 50px;
		height: 50px;
		background-size: 100% auto;
	}

	/* みらい
	========================================================================================= */
	.JS	.blockchainFutureList a {
		width: 100%;
		margin:0 0 15px 0;
	}

	.JS	.blockchainFutureList {
		display: block;
		margin:0;
		padding:0;
	}

	.JS .blockchainFutureListNavi {
		flex-direction: column;
	}

	.JS .blockchainFutureListNavi a{
		width: 100%;
		max-width: 230px;
		margin-bottom: 15px;
		margin-right: 0;
	}


	/*日立のビジョン*/
	.JS a.futureLinkBox div.BoxPatternC{
		padding-top:150px;
	}
	.JS a.futureLinkBox div.BoxPatternC div.Inner,
	.JS a.futureLinkBox div.BoxPatternC.BackflowItem div.Inner{
		padding:20px;
		background:#000;
	}
	.JS a.futureLinkBox div#blockchainFuture_link01{
		background:url('/products/it/blockchain/future/images/blockchainFuture_link01.png') no-repeat center top;
		background-size:1150px auto;
	}
	.JS a.futureLinkBox div#blockchainFuture_link02{
		background:url('/products/it/blockchain/future/images/blockchainFuture_link02.png') no-repeat right top;
		background-size:700px auto;
	}
	.JS a.futureLinkBox div#blockchainFuture_link03{
		background:url('/products/it/blockchain/future/images/blockchainFuture_link03.png') no-repeat right top;
		background-size:1150px auto;
	}
	.JS a.futureLinkBox div.BoxPatternC div.Inner h2{
		background:none;
		font-size:200%;
		padding:0;
	}
	.JS a.futureLinkBox div.BoxPatternC div.Inner p.TextStyle1{
		font-size:100%;
	}
	.JS a.futureLinkBox div.BoxPatternC div.Inner h2 strong,
	.JS a.futureLinkBox div.BoxPatternC div.Inner p,
	.JS a.futureLinkBox:hover div.BoxPatternC div.Inner h2 strong,
	.JS a.futureLinkBox:hover div.BoxPatternC div.Inner p{
		color:#FFF;
		padding:0;
		margin:0;
		display:inline-block;
		max-width:100%;
	}
	.JS a.futureLinkBox div.BackflowItem div.Inner h2 strong,
	.JS a.futureLinkBox div.BackflowItem div.Inner p,
	.JS a.futureLinkBox:hover div.BackflowItem div.Inner h2 strong,
	.JS a.futureLinkBox:hover div.BackflowItem div.Inner p{
		max-width:100%;
	}

	.JS .blockchainApproachList a{
		width:calc(50% - 12.5px);
	}


	/* 特長
	========================================================================================= */
	.blockchainFeaturesList {
		display: block;
	}

	.blockchainFeaturesList li{
		width:calc(100% - 30px);
		margin-right: 0px;
		margin:15px;
	}

	.blockchainFeaturesList li a p{
		font-size:120%;
		padding: 0 45px;
	}

	.blockchainFeaturesList li {
		background-position: center right 10%, center;
		max-width: 360px;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.blockchainFeaturesList li a {
		max-width: 311px;
		margin-left: auto;
		margin-right: auto;
	}

	/* 特長 */

	.blockchainFeaturesList li a p{
		font-size:90%;
		padding: 0 40px;
	}

	/* トップページ(更新履歴) */
	#News {
		background-color: #ffffff;
		padding-top: 30px;
		padding-left: 30px;
		padding-right: 15px;
	}


	#News dl.DateListStyle2 dt{
		font-size: 105%;
		text-align:left;
		float: left !important;
	}
	#News dl.DateListStyle2 dd{
		font-size: 105%;
		margin-left: 7em;
	}
	#News dl.DateListStyle2 li{
		display:inline-block;
		line-height: 180%;
		text-align:left;
	}
	#News h2 {
		background: none;
	}

}

	/* お知らせ */

	.ImgRightAdjust p{
		font-size:70%;
		padding: 0 10px;
		text-align: center;
	}


/* for - 399px
=========================================================================================== */
@media screen and (max-width: 399px) {

	/* トップページ
	========================================================================================= */
	.JS #blockchainBrandingArea {
		background-position: left center;
	}

	.JS #blockchainBrandingArea p {
		width: 240px;
	}

	.JS #blockchainFutureArea h2 br {
		display: inline;
	}

	.JS #blockchainFutureArea p br,
	.JS #blockchainServiceArea p br {
		display: none;
	}

	.JS #blockchainServiceArea {
		height: 520px;
	}

	.JS #blockchainSecondArea h3 {
		width: 50%;
	}

	.JS #blockchainCaseArea {
		background-size: auto 75%;
		background-position: center bottom;
	}

	.JS #blockchainFeaturesArea {
		background-size: auto 95%, auto;
	}

	.JS #blockchainArticleArea {
		background-size: auto 95%, auto;
	}

	.JS #blockchainEventArea {
		background-size: auto 95%, auto;
	}

	.JS .ButtonStyle1 a,
	.JS .ButtonStyle2 a {
		display: inline-block;
		min-width: 130px;
	}

	.JS .blockchainApproachList{
		display:block;
	}
	.JS .blockchainApproachList a{
		width:300px;
		margin-left:0;
	}

	#blockchainGridL #blockchainFuture .PageTitleStyle3 {
		background:url("/products/it/blockchain/images/header/header_pattern.png") no-repeat -900px 0px;
	}
}

/*====================================*/
/*   Utility Classes                  */
/*====================================*/

.mb0 {margin-bottom: 0!important;}
.mb2 {margin-bottom: 2px!important;}
.mb5 {margin-bottom: 5px!important;}
.mb10 {margin-bottom: 10px!important;}
.mb15 {margin-bottom: 15px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb25 {margin-bottom: 25px!important;}
.mb30 {margin-bottom: 30px!important;}
.mb35 {margin-bottom: 35px!important;}
.mb40 {margin-bottom: 40px!important;}
.mb45 {margin-bottom: 45px!important;}
.mb50 {margin-bottom: 50px!important;}
.mb55 {margin-bottom: 55px!important;}
.mb60 {margin-bottom: 60px!important;}
.mb65 {margin-bottom: 65px!important;}
.mb70 {margin-bottom: 70px!important;}
.mb75 {margin-bottom: 75px!important;}
.mb80 {margin-bottom: 80px!important;}
.mb85 {margin-bottom: 85px!important;}
.mb90 {margin-bottom: 90px!important;}
.mb95 {margin-bottom: 95px!important;}
.mb100 {margin-bottom: 100px!important;}

.ml0 {margin-left: 0!important;}
.ml2 {margin-left: 2px!important;}
.ml5 {margin-left: 5px!important;}
.ml10 {margin-left: 10px!important;}
.ml15 {margin-left: 15px!important;}
.ml20 {margin-left: 20px!important;}
.ml25 {margin-left: 25px!important;}
.ml30 {margin-left: 30px!important;}
.ml35 {margin-left: 35px!important;}
.ml40 {margin-left: 40px!important;}
.ml45 {margin-left: 45px!important;}
.ml50 {margin-left: 50px!important;}
.ml55 {margin-left: 55px!important;}
.ml60 {margin-left: 60px!important;}
.ml65 {margin-left: 65px!important;}
.ml70 {margin-left: 70px!important;}
.ml75 {margin-left: 75px!important;}
.ml80 {margin-left: 80px!important;}
.ml85 {margin-left: 85px!important;}
.ml90 {margin-left: 90px!important;}
.ml95 {margin-left: 95px!important;}
.ml100 {margin-left: 100px!important;}

.mr0 {margin-right: 0!important;}
.mr5 {margin-right: 5px!important;}
.mr10 {margin-right: 10px!important;}
.mr15 {margin-right: 15px!important;}
.mr20 {margin-right: 20px!important;}
.mr25 {margin-right: 25px!important;}
.mr30 {margin-right: 30px!important;}
.mr35 {margin-right: 35px!important;}
.mr40 {margin-right: 40px!important;}
.mr45 {margin-right: 45px!important;}
.mr50 {margin-right: 50px!important;}
.mr55 {margin-right: 55px!important;}
.mr60 {margin-right: 60px!important;}
.mr65 {margin-right: 65px!important;}
.mr70 {margin-right: 70px!important;}
.mr75 {margin-right: 75px!important;}
.mr80 {margin-right: 80px!important;}
.mr85 {margin-right: 85px!important;}
.mr90 {margin-right: 90px!important;}
.mr95 {margin-right: 95px!important;}
.mr100 {margin-right: 100px!important;}

/* table セルの幅を%で指定   */

.tw0 {width: 0;}
.tw5 {width: 5%;}
.tw10 {width: 10%;}
.tw15 {width: 15%;}
.tw20 {width: 20%;}
.tw25 {width: 25%;}
.tw30 {width: 30%;}
.tw35 {width: 35%;}
.tw40 {width: 40%;}
.tw45 {width: 45%;}
.tw50 {width: 50%;}
.tw55 {width: 55%;}
.tw60 {width: 60%;}
.tw65 {width: 65%;}
.tw70 {width: 70%;}
.tw75 {width: 75%;}
.tw80 {width: 80%;}
.tw85 {width: 85%;}
.tw90 {width: 90%;}
.tw95 {width: 95%;}
.tw100 {width: 100%;}

.posiTop10{ padding-top:10px !important; }
.posiTop15{ padding-top:15px !important; }
.posiTop20{ padding-top:20px !important; }
.posiTop25{ padding-top:25px !important; }
.posiTop30{ padding-top:30px !important; }

/* 文字サイズ */
.fontSize100{ font-size:100% !important; }
.fontSize110{ font-size:110% !important; }
.fontSize120{ font-size:120% !important; }
.fontSize130{ font-size:130% !important; }
.fontSize140{ font-size:140% !important; }
.fontSize150{ font-size:150% !important; }

/*テーブル内のリンク・pタグ-文字サイズ修正*/
table.DataTableStyle1 p.TextStyle1,
table.DataTableStyle3 p.TextStyle1,
table.DataTableStyle1 ul.LinkListStyle1,
table.DataTableStyle1 ul.LinkListStyle3,
table.DataTableStyle1 ul.LinkListStyle5,
table.DataTableStyle2 ul.LinkListStyle1,
table.DataTableStyle2 ul.LinkListStyle3,
table.DataTableStyle2 ul.LinkListStyle5,
table.DataTableStyle3 ul.LinkListStyle1,
table.DataTableStyle3 ul.LinkListStyle3,
table.DataTableStyle3 ul.LinkListStyle5,
table.TableStyle1 p.TextStyle1,
table.TableStyle3 p.TextStyle1,
table.TableStyle1 ul.LinkListStyle1,
table.TableStyle1 ul.LinkListStyle3,
table.TableStyle1 ul.LinkListStyle5,
table.TableStyle2 ul.LinkListStyle1,
table.TableStyle2 ul.LinkListStyle3,
table.TableStyle2 ul.LinkListStyle5,
table.TableStyle3 ul.LinkListStyle1,
table.TableStyle3 ul.LinkListStyle3,
table.TableStyle3 ul.LinkListStyle5{
	font-size:100%;
}

.hoverAction:hover{
	opacity:0.7;
}
.flexItem{
	display:flex;
	flex-wrap:wrap;
}