@charset "Shift_JIS";

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

Name: custom.css

Description: custom CSS

Create: 2015.05.19

Copyright 2015 Hitachi Technical Communications Co., Ltd. 

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

.PageTitleStyle h1, .PageTitleStyle1 h1, .PageTitleStyle2 h1{
	margin-bottom:10px;
}
.PageTitleStyle1 .Date, .PageTitleStyle2 .Date{
	text-align:right;
}

.PageTitleStyle1.Interview{
  border-bottom: 1px solid #999;
	margin-bottom:0;
}

.PageTitleStyle1.Common{
  border-bottom: 1px solid #999;
}

div#articlesArea{
	padding-top:15px;
	width:100%;
}
div.articleColumn{
	display: flex;
	flex-wrap: wrap;
}
div.article{
	position:relative;
	display:block;
	height:auto;
	width:230px;
	margin-bottom:15px;
	border:3px solid #e5e1d9;
	background:none #ffffff;
	box-sizing:border-box;
}
@media screen and (min-width: 1305px) {
	div.article:nth-child(4n+1){
		margin-left: 0;
	}
	div.article:not(:nth-child(4n+1)){
		margin-left: 10px;
	}
}
div.article a:link,
div.article a:visited,
div.article a:hover,
div.article a:active{
	color:#333333;
	text-decoration:none;
}
div.article img{
	width:100%;
}
div.article .ImgOnlyStyle,
div.article .ImgOnlyStyle img{
	margin:0;
}
div.article .date{
	position:relative;
	padding:0 5px 5px;
	font-size:75%;
	background:none #ffffff;
	text-align:right;
	line-height:1em;
}

.super{
	display:inline;
	padding:0;
	font-size:50%;
	vertical-align: super;
	background:none transparent;
}

/*事例*//* 2019.10.01 新規追加 */
div.col_fffdde .articleHeader{background-color:#fffdde;}
div.col_fffdde .articleHeader .corner{background-color:#ada303;}
div.col_fffdde {border: 2px solid #ada303;}

/*ソリューション／サービス*/
div.col_e0fadf .articleHeader{background-color:#e0fadf;}
div.col_e0fadf .articleHeader .corner{background-color:#2e7330;}
div.col_e0fadf {border: 2px solid #2e7330;}

/*ビジネスレポート*/
div.col_f7e4fa .articleHeader{background-color:#CCE3F1;}
div.col_f7e4fa .articleHeader .corner{background-color:#296484;}
div.col_f7e4fa {border: 2px solid #296484;}

/*編集部が行く！ イベントレポート*/
div.col_b36c2b .articleHeader{background-color:#FDE9D1;}
div.col_b36c2b .articleHeader .corner{background-color:#F5911F;}
div.col_b36c2b {border: 2px solid #F5911F;}

/*紹介記事*/
div.col_cc33cc .articleHeader{background-color:#FAEDF5;}
div.col_cc33cc .articleHeader .corner{background-color:#FF7BAA;}
div.col_cc33cc {border: 2px solid #FF7BAA;}


div.col_fff8f2 .articleHeader{background-color:#fff8f2;}/*ITフェアリー　シン＆しん*/
div.col_fff8f2 .articleHeader .corner{background-color:#9b6c43;}
div.col_fff8f2{border: 2px solid #9b6c43;}
div.col_f6f8e2 .articleHeader{background-color:#f6f8e2;}/*なるほどニュース*/
div.col_f6f8e2 .articleHeader .corner{background-color:#747a39;}
div.col_f6f8e2{border: 2px solid #747a39;}
div.col_ebf9ff .articleHeader{background-color:#ebf9ff;}/*パートナーソリューション*/
div.col_ebf9ff .articleHeader .corner{background-color:#3d7d98;}
div.col_ebf9ff{border: 2px solid #3d7d98;}
div.col_f4f9ff .articleHeader{background-color:#f4f9ff;}/*サポート小説*/
div.col_f4f9ff .articleHeader .corner{background-color:#3d7d98;}
div.col_f4f9ff{border: 2px solid #3d7d98;}
div.col_efffff .articleHeader{background-color:#efffff;}/*ストレージ管理のススメ*/
div.col_efffff .articleHeader .corner{background-color:#3e7f7f;}
div.col_efffff{border: 2px solid #3e7f7f;}
div.col_f4ffea .articleHeader{background-color:#f4ffea;}/*お嬢さま、日立ストレージにお任せを*/
div.col_f4ffea .articleHeader .corner{background-color:#617e47;}
div.col_f4ffea{border: 2px solid #617e47;}
div.col_f9f4ff .articleHeader{background-color:#f9f4ff;}/*ITプラットフォームにまつわるエトセトラ*/
div.col_f9f4ff .articleHeader .corner{background-color:#8266a5;}
div.col_f9f4ff{border: 2px solid #8266a5;}
div.col_e0ffff .articleHeader{background-color:#e0ffff;}/*日立にまつわるエトセトラ Vol.02*//* 2016.06.21 追加 */
div.col_e0ffff .articleHeader .corner{background-color:#66cdaa;}
div.col_e0ffff{border: 2px solid #66cdaa;}
div.col_f4fff9 .articleHeader{background-color:#f4fff9;}/*JP1 News*/
div.col_f4fff9 .articleHeader .corner{background-color:#4e7f64;}
div.col_f4fff9{border: 2px solid #4e7f64;}
div.col_fff3f3 .articleHeader{background-color:#fff3f3;}/*変革はITから*/
div.col_fff3f3 .articleHeader .corner{background-color:#bb5959;}
div.col_fff3f3{border: 2px solid #bb5959;}
div.col_f5eef9 .articleHeader{background-color:#f5eef9;}/*新人遼子が行く 展示会レポート*/
div.col_f5eef9 .articleHeader .corner{background-color:#816691;}
div.col_f5eef9{border: 2px solid #816691;}
div.col_fffde3 .articleHeader{background-color:#fffde3;}/*日立プラットフォームのオクユキ*/
div.col_fffde3 .articleHeader .corner{background-color:#7f781a;}
div.col_fffde3{border: 2px solid #7f781a;}
div.col_ffeaf4 .articleHeader{background-color:#ffeaf4;}/*日立プラットフォームのオクユキ Vol.03*//* 2016.03.31 追加 */
div.col_ffeaf4 .articleHeader .corner{background-color:#b44c97;}
div.col_ffeaf4{border: 2px solid #b44c97;}
div.col_d1e8ff .articleHeader{background-color:#d1e8ff;}/*日立プラットフォームのオクユキ Vol.04*//* 2016.06.10 追加 */
div.col_d1e8ff .articleHeader .corner{background-color:#1e90ff;}
div.col_d1e8ff{border: 2px solid #1e90ff;}
div.col_ffeddb .articleHeader{background-color:#ffeddb;}/*日立プラットフォームのオクユキ Vol.05*//* 2016.10.05 追加 */
div.col_ffeddb .articleHeader .corner{background-color:#e17b34;}
div.col_ffeddb{border: 2px solid #e17b34;}
div.col_e6ecfb .articleHeader{background-color:#e6ecfb;}/*Business Book Academy  レポート*/
div.col_e6ecfb .articleHeader .corner{background-color:#566487;}
div.col_e6ecfb{border: 2px solid #566487;}
div.col_ffe5f2 .articleHeader{background-color:#ffe5f2;}/*遼子が行く 展示会レポート*//* 2016.10.19 追加 */
div.col_ffe5f2 .articleHeader .corner{background-color:#dc6b9a;}
div.col_ffe5f2{border: 2px solid #dc6b9a;}
div.col_fffafa .articleHeader{background-color:#fffafa;}/*遼子が行く！ イベントレポート2017*//* 2017.11.27 追加 */
div.col_fffafa .articleHeader .corner{background-color:#e83929;}
div.col_fffafa{border: 2px solid #e83929;}

/*サポート小説シーズン２*//* 2015.11.24 追加 */
div.col_f4f9ff_s2 .articleHeader{background-color:#f4f9ff;}
div.col_f4f9ff_s2 .articleHeader .corner{background-color:#4f81bd;}
div.col_f4f9ff_s2{border: 2px solid #4f81bd;}

/*ワークライフバランス探索
	ITプラットフォーム
	HA8000-bdシリーズ
	常設アンケート（pip-maker）*/
div.col_fbf5e1 .articleHeader{background-color:#fbf5e1;}
div.col_fbf5e1 .articleHeader .corner{background-color:#7a6c3b;}
div.col_fbf5e1{border: 2px solid #7a6c3b;}


/*グローバルITを紐解く*//* 2016.5.30 追加 */
div.col_f1f0ff .articleHeader{background-color:#F1F0FF;}
div.col_f1f0ff .articleHeader .corner{background-color:#434EAF;}
div.col_f1f0ff{border: 2px solid #434EAF;}


div.col_c8c8c8 .articleHeader{background-color:#c8c8c8;}/*ストレージ　※5月時点はHM800のPR HA8000-bdシリーズ 常設アンケート（pip-maker）PR・オススメ*/
div.col_c8c8c8 .articleHeader .corner{background-color:#c8c8c8;}
div.col_c8c8c8{border: 2px solid #c8c8c8;}




/* 記事ボックス デザイン修正　2019/10/01 */
div.article .articleHeader{
	padding:0 0 10px 0;
}

div.article .articleHeader p{
	margin:0 8px;
	padding:0;
	font-size:75%;
	line-height:126%;
}
div.article .articleHeader .corner{
	display: inline-block;
	color:#ffffff;
	margin:8px 3px 0;
	padding:5px 8px;
	font-size:62.5%;
	border-radius: 10px;
}

div.article .articleHeader h2{
	margin:0;
	padding:10px 8px 0 8px;
	font-size:112.5%;
	background:none transparent;
	line-height:111%;
}
div.article .articleHeader h2 + .subTitle,
div.article .articleHeader h2 + .summary{
	margin-top:4px;
}
div.article .subTitle + .summary{
	margin-top:4px;
	padding-top:0;
}

/*
div.article .subTitle:before,
div.article .subTitle:after{content:"-";}
div.article .subTitle::before,
div.article .subTitle::after{content:"-";}
*/

/*comment*/
div.article div.comment{
	position:relative;
	display:table;
	width:100%;
	margin:0;
	padding:14px 10px 10px;
	background:none #fcfcfc;
	box-sizing:border-box;
}

div.article div.comment > div:first-child {
	float:left;
}

div.article div.comment img,
div.article div.comment dl{
	display:table-cell;
	vertical-align:top;
}
div.article div.comment img{
	width:auto;
}
div.article div.comment dl{
	padding-left:10px;
	box-sizing:border-box;
}
div.article div.comment dl dt{
	color:#6e6e6e;
	font-size:68.75%;
}
div.article div.comment dl dd{
	line-height:116.6%;
	color:#6e6e6e;
	font-size:62.5%;
}

div.article div.comment a:link,
div.article div.comment a:visited,
div.article div.comment a:hover,
div.article div.comment a:active{
	text-decoration:underline;
}
div.article div.comment a:hover{
	color:#0066cc;
}

/*comment IE8*/
div.article div.comment:after{
	content:"";
	position:absolute;
	top:4px;
	left:18%;
	width:0;
	height:0;
	border:4px solid transparent;
	border-top-color:#e5e1d9;
	border-top-width:6px;
}
div.article div.comment:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:4px;
	background:none #e5e1d9;
}

div.article div.comment::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:4px;
	background:none #e5e1d9;
}
div.article div.comment::after{
	content:"";
	position:absolute;
	top:4px;
	left:18%;
	width:0;
	height:0;
	border:6px solid transparent;
	border-top-color:#e5e1d9;
	border-top-width:9px;
}

/*オススメ IE8*/
div.article dl dt:after{
	content:url("../image/icon_recommend.gif");
	position:relative;
	top:2px;
	vertical-align:middle;
	margin-left:5px;
}
/*オススメ*/
div.article dl dt::after{
	content:url("../image/icon_recommend.gif");
	position:relative;
	top:2px;
	vertical-align:middle;
	margin-left:5px;
}

/*PR&new IE8*/
div.article.pr:after,
div.article.new:after{
	content:url("../image/label_pr.png");
	position:absolute;
	right:0;
	top:0;
}

/*PR&new*/
div.article.pr::after,
div.article.new::after{
	content:url("../image/label_pr.png");
	position:absolute;
	right:0;
	top:0;
}
div.article.new::after{
	content:url("../image/label_new.png");
}
div.article.new:after{
	content:url("../image/label_new.png");
}
/*
div.article.new .corner{
	padding-right:40px;
}
*/

/*articlePager*/
div#articlePager{
	position:static;
	margin-bottom:15px;
	width:100%;
	background:none #f2f2f2;
	text-align:center;
}
div#articlePager ul li{
	display:inline-block;
	padding:0 0 0 10px;
	width:44px;
	line-height:44px;
	height:44px;
	font-size:100%;
}
div#articlePager ul li:first-child{
	padding:0 0 0 0;
}

div#articlePager ul li a:link,
div#articlePager ul li a:visited,
div#articlePager ul li a:hover,
div#articlePager ul li a:active{
	display:block;
	color:#0078c5;
	text-decoration:none;
}

div#articlePager ul li.firstPage a,
div#articlePager ul li.lastPage a{
	font-size:130%;
}

div#articleLoader {
	display: flex;
	height: 40px;
	margin-top: 20px;
	margin-bottom: 20px;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: #c02;
	cursor: pointer;
}
div#articleLoader:hover {
	opacity: 0.7;
}

/* JSで制御
@media screen and (max-width: 579px) {
	div#articlePager ul li:nth-last-of-type(3),
	div#articlePager ul li:nth-last-of-type(4){
		display:none;
	}
}
@media screen and (max-width: 450px) {
	div#articlePager ul li:nth-last-of-type(5){
		display:none;
	}
}
@media screen and (max-width: 405px) {
	div#articlePager ul li:nth-last-of-type(6){
		display:none;
	}
}
*/

/*under1305*/
@media screen and (min-width: 995px) {
	html.Under1305 div.article{
		width: calc((100% - 20px) / 3);
	}
	html.Under1305 div.article:nth-child(3n+1){
		margin-left: 0;
	}
	html.Under1305 div.article:not(:nth-child(3n+1)){
		margin-left: 10px;
	}
}

/*under995*/
@media screen and (min-width: 580px) {
	html.Under995 div.article{
		width: calc((100% - 10px) / 2);
	}
	html.Under995 div.article:nth-child(2n+1){
		margin-left: 0;
	}
	html.Under995 div.article:not(:nth-child(2n+1)){
		margin-left: 10px;
	}
}
html.Under995 div.article h2{
	margin:0;
}
html.Under995 div.footer_pr{
	display:none;
}
html.Under995 div.ask{
	display:none;
}

/*under579*/
@media screen and (max-width: 579px) {
	html.Under995 div.article{
		width: 100%;
	}
}

.Grid1{
	padding-top:15px;
}

/*サイト内検索*/
.Grid1 .BoxPatternC{
/*	margin-top:15px; */
	padding:10px 0;
	background:none #efefef;
	border:3px solid #e5e1d9;
	box-sizing:border-box;
	text-align:center;
}

.Grid1 .BoxPatternC input,
.Grid1 .BoxPatternC button{
	display:inline-block;
	height:33px;
	box-sizing:border-box;
	outline:none;
	vertical-align:top;
}
.Grid1 .BoxPatternC input{
	width:154px;
	margin:0;
	padding:5px 30px 0;
	border:1px solid #fafafa;
	border-top-color:#c9c9c9;
	border-left-color:#c9c9c9;
	background:url("../image/icon_search.gif") no-repeat 5px 5px #ffffff;
	font-size:75%;
}

.Grid1 .BoxPatternC button{
	margin-left:1px;
	border:2px solid #0b69a5;
	border-top-color:#4db2f2;
	border-left-color:#4db2f2;
	background:none #117cc0;
	color:#ffffff;
	font-size:87.5%;
}

.Under995 .Grid1 {
	padding-top:15px;
}

.Under995 .Grid1 .BoxPatternC{
	display:none;
}


@media screen and (max-width: 767px){
	html.Under995 .Grid1 .BoxPatternC{
		display:none;
	}
}


.Grid1 .BoxPatternC.meilMagazine{
	padding:0;
}

.Grid1 .ImgOnlyStyle img{
	width:100%;
}

.Under995 .Grid1 .ImgOnlyStyle img{
	width:auto;
}

/*CourtesyNavi*/
.CourtesyNavi li {
  margin: 0 0 0 5px;
}
@media screen and (max-width: 767px){
	.JS #CourtesyNaviSP {
	  display:none;
	}
}

/*VerticalLocalNavi*/
#VerticalLocalNavi h2{
	margin-top:15px;
}

#VerticalLocalNavi ul{
	overflow:hidden;
}
#VerticalLocalNavi ul li{
	position:relative;
	padding:0 5px;
	background:none #faf9f7;
	font-size:87.5%;
}

#VerticalLocalNavi ul li a:link,
#VerticalLocalNavi ul li a:visited,
#VerticalLocalNavi ul li a:hover,
#VerticalLocalNavi ul li a:active{
	color:#000000;
	background-color:#faf9f7;
}

#VerticalLocalNavi ul li a{
	padding-left:7px;
	padding-right:30px;
	border:0px none;
	border-top:1px dashed #aea89d;
}

/*IE8*/
#VerticalLocalNavi ul li a:after{
	content:"";
	position:absolute;
	right:0;
	top:0;
	width:11px;
	height:100%;
	padding-right:13px;
	background:url("/it-pf/image/icon_linkarrow.png") no-repeat left center;
}

#VerticalLocalNavi ul li a::after{
	content:"";
	position:absolute;
	right:0;
	top:0;
	width:11px;
	height:100%;
	padding-right:13px;
	background:url("/it-pf/image/icon_linkarrow.png") no-repeat left center;
}
/*more*/
#VerticalLocalNavi .more{
	text-align:right;
}
#VerticalLocalNavi .more a{
	background:none;
	padding-right:7px;
	border-top:1px solid #d4d1ca;
	color:#0078c5;
	background-color:#faf9f7;
}
#VerticalLocalNavi .more a span{	display:none;}
#VerticalLocalNavi .more a span:first-child{display:inline;}
#VerticalLocalNavi ul.open + .more a span:first-child {display:none;}
#VerticalLocalNavi ul.open + .more a span:first-child + span{display:inline;}

/*more IE8*/
#VerticalLocalNavi .more a:before{
	content:"";
	position:relative;
	top:1px;
	display:inline-block;
	margin-right:3px;
	vertical-align:middle;
}
#VerticalLocalNavi .more a:before{content:url("../image/icon_open.gif");}
#VerticalLocalNavi ul.open + .more a:before{content:url("../image/icon_close.gif");}

#VerticalLocalNavi .more a::before{
	content:"";
	position:relative;
	top:1px;
	display:inline-block;
	margin-right:3px;
	vertical-align:middle;
}
#VerticalLocalNavi .more a::before{content:url("../image/icon_open.gif");}
#VerticalLocalNavi ul.open + .more a::before{content:url("../image/icon_close.gif");}

#VerticalLocalNavi ul {
	display:block;
}



#VerticalLocalNavi h2 > span {
  display: block;
  margin: 0;
  padding: 12px 15px;
	font-size:100%;
  font-weight: normal;
  border-top: none;
  border-bottom: solid 1px #fff;
  color: #fff;
  text-decoration: none;
  background-image: none;
  vertical-align: top;
  line-height: 140%;
  text-decoration: none;
  background-color: #737373;
  zoom: 1;
}

@media screen and (max-width: 767px){
	.JS .Grid1 {
		padding:0 15px;
		background-color:transparent;
	}
	#VerticalLocalNavi h2 {
		margin:0 0 1px 0;
	}
	#VerticalLocalNavi ul {
		display:none;
	}
	#VerticalLocalNavi .more{display:none;}

	.JS #VerticalLocalNavi h2 span,
	.JS #VerticalLocalNavi h2 a{
		position:relative;
	}
	.JS #VerticalLocalNavi h2 span::after,
	.JS #VerticalLocalNavi h2 a::after{
		content:"";
		position:absolute;
		top:50%;
		right:12px;
		width:15px;
		height:15px;
		margin:-7px 0 0 0;
		padding:0;
		background-image:url("../image/icon_linkarrow_head_close.png"),url("../image/icon_linkarrow_head_open.png");
		background-position:left center, -50px center;
		background-repeat:no-repeat,no-repeat;
	}
	.JS #VerticalLocalNavi h2.open span::after,
	.JS #VerticalLocalNavi h2.open a::after{
		background-position:-50px center,left center;
	}

	#VerticalLocalNavi h2.open + ul {
		display:block;
	}
}


/* SNSボタンセッティング
=========================================================================================== */
.PageTitleStyle ~ #BtnSocial,
.PageTitleStyle1 ~ #BtnSocial,
.PageTitleStyle2 ~ #BtnSocial{
	margin-top:.5em;
}

/*-- SNS btn --*/
div#BtnFb,
div#BtnTw {
	float: right;
	margin: .2em;
/*	position: absolute;
	top: 770px;
}
div#BtnFb { left: 38px; }
div#BtnTw { left: 158px; */}

#BtnTw:after {

	content: "";
	display: block;
	clear: both;
}

div#BtnSocial {}
div#BtnSocial:after {
	content: "";
	display: block;
	clear: both;
}




/* 注目のキーワード
=========================================================================================== */
div.PKOBackGround { background-color: #c7c7c7; }
div.PKOBackGround .ClearFix {
	display: flex;
	width: 100%;
	max-width: 1305px;
	margin: 0 auto;
}

div.PKOBackGround .PKOTitle {
	width: 150px;
	flex-shrink: 0;
}
div.PKOBackGround .PKOTitle h2 {
	background: none;
	margin: 0;
	padding: 0;
}
div.PKOBackGround .PKOTitle h2 span {
	display: block;
	padding: 10px 15px;
	font-size: 83%;
	font-weight: normal;
	background-color: #c7c7c7;
	color: #272727;
	line-height: 130%;
}


div.PKOBackGround .PKOKeyword {
	padding: 10px 0;
	width: 100%;
}
div.PKOBackGround .PKOKeyword .LinkListStyle1 { font-size: 83%; }
div.PKOBackGround .PKOKeyword .LinkListStyle1 li{ float: left; }

div.PKOBackGround .PKOKeyword .LinkListStyle1 li a {
	padding: 0 17px 0 17px;
	background-repeat: no-repeat;
	background-position: left center;
}
div.PKOBackGround .PKOKeyword .LinkListStyle1 li a:link,
div.PKOBackGround .PKOKeyword .LinkListStyle1 li a:visited {
	text-decoration: none;
	background-image: url(/products/it/it-pf/image/icon_keyword_tag.png);
	background-size: 17px 17px;
	-moz-background-size: 17px 17px;
	-webkit-background-size: 17px 17px;
	-o-background-size: 17px 17px;
	-ms-background-size: 17px 17px;
}
div.PKOBackGround .PKOKeyword .LinkListStyle1 li a:hover,
div.PKOBackGround .PKOKeyword .LinkListStyle1 li a:active {
	text-decoration: underline;
	background-image: url(/products/it/it-pf/image/icon_keyword_tag_over.png);
	background-size: 17px 17px;
	-moz-background-size: 17px 17px;
	-webkit-background-size: 17px 17px;
	-o-background-size: 17px 17px;
	-ms-background-size: 17px 17px;
}




@media screen and (max-width: 994px){
	div.PKOBackGround .ClearFix {
		padding: 0 15px;
		width: 100%;
	}
}



/* 注目のキーワード ボタン */
div.PKOButtonStyleBG { background-color: #ffffff; }
.PKOButtonStyle a {
	display: inline-block;
	min-width: 50%;
	min-height: 18px;
	margin: 15px 0 0;
	text-align: center;
	font-size: 100%;
	line-height: 130%;
	background-image: url(/image/jp/r1/icon/icon_link_right_l_white_hd.gif);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
	word-break: break-all;
}
.PKOButtonStyle a:link,
.PKOButtonStyle a:visited {
	padding: 9px 22px 9px 15px;
	background-color: #727272;
	color: #fff;
	text-decoration: none;
	border-right: solid 3px transparent;
}
.PKOButtonStyle a:hover,
.PKOButtonStyle a:active {
	padding: 9px 24px 9px 15px;
	background-color: #565656;
	color: #fff;
	text-decoration: none;
	border-right: solid 1px transparent;
}




/* PRエリア
=========================================================================================== */
.PRarea {
	margin-bottom: 40px;
}

.PRarea .ThumbW90SetStyle {
	border-bottom: dotted 2px #a7a7a7;
	margin-top: 15px;
}
.PRarea .LinkListStyle1 {
	font-size: 83%;
}


.ThumbW90SetStyle .Img {
	float: left;
	padding: 0 10px 15px 0;
}

.ImgW90SetStyle .Img {
	float: left;
	padding-bottom: 15px;
}

.ThumbW90SetStyle .Img,
.ImgW90SetStyle .Img {width: 90px;}

.ThumbW90SetStyle .ImgSet {overflow: hidden;}

.ImgW90SetStyle .ImgSet {
	float: right;
	width: 100%;
}

.ImgW80SetStyle .ImgSet {margin-left: -90px;}

.ImgW80SetStyle .ImgSet dl {margin-left: 110px;}



@media screen and (max-width:767px){
	.PRarea .ThumbW90SetStyle {
		width: 80%;
		margin: 15px auto;
	}
	.PRarea .ThumbW90SetStyle p.Img img {
		width: 100%;
	}
}




/* 新ガイドライン適用
=========================================================================================== */
#Footer,
.JS #Footer {
	min-width: auto;
	padding: 0;
	background: none;
	overflow: visible;
}




/* フローティングバナー
=========================================================================================== */
#FooterFloatArea {
	position: relative;
	height: 60px;
	background: #fff;
}
#FooterFloatBanner {
	position: fixed;
	width: 100%;
	height: 60px;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,0.7);
	opacity: 0;
	transform: translateY(100%);
	transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	z-index: 10;
}
#FooterFloatBanner.show {
	opacity: 1;
	transform: translateY(0);
}
#FooterFloatBanner.static {
	position: static;
}
#FooterFloatBanner .FooterFloatBannerInner {
	display: flex;
	position: relative;
	width: 100%;
	max-width: 1305px;
	height: 100%;
	margin: auto;
	align-items: center;
	justify-content: center;
}
#FooterFloatBanner .footer_float_btn {
	display: flex;
	width: 400px;
	max-width: 90%;
	height: 40px;
	padding-top: 2px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	align-items: center;
	justify-content: center;
	border: 1px solid #c02;
	background: #c02;
}
@media screen and (max-width:767px){
#FooterFloatBanner .footer_float_btn {
	font-size: 14px;
}
}
#FooterFloatBanner .footer_float_btn:hover {
	color: #c02;
	background: #fff;
}