@charset "UTF-8";
/*制作作業用colortank
メイン：#e50065
セカンド：#0096be
最薄線：#e5e5e5
*/

/*IE8以下のための新要素のブロック要素への変換*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
display:block;
}

figure{
margin:0;
}

/*reset*/
html,body,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
padding: 0;
margin: 0;
line-height: 1;
}
ul,ol{
margin: 0;
padding: 0;
list-style:none;
}
small{
font-size:100%;
}
body{
font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#333;
font-size:13px;
-webkit-text-size-adjust: 100%;	/*スマホで文字を拡大縮小させない*/
}
a{
color:#333;
text-decoration:none;
}
a:hover{
color:#878787;
text-decoration:underline;
}
a:visited{
color:#878787;
text-decoration:none;
}
		#wrapper > header a:visited,
		#wrapper > footer a:visited{
		color:#333;
		text-decoration:none;
		}
		#wrapper > header a:hover,
		#wrapper > footer a:hover{
		color:#878787;
		text-decoration:underline;
		}

img{
vertical-align:bottom;
border:none;
}
input{
vertical-align:middle;
}
input[type="radio"], input[type="checkbox"]{
margin:0 5px 0 1px;
}
/*clearfixハック*/
/* モダンブラウザ（Firefox Opera Safari）対策 */
.clearfix:after{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

/* Win版IE7とMac版IE5対策 */
.clearfix{
display:inline-block;
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html .clearfix{
height:1px;
}

.clearfix{
display:block;
}
/* End hide from IE-mac */

/* ITPA追加 */
#bpGlobalNavi .common{ display:inline; position:relative; }
#bpGlobalNavi .common * { position:absolute; }


					/*==============================================
					グローバルナビに対する調整
					==============================================*/
					/* グローバルナビの横幅 */
					/*
					div.gnav-201601 ,
					div.gnav-201601 ul#bpGlobalNavi,
					div.gnav-201601 #bpGlobalHeaderContent{ width: 100%; }
					*/
					div.gnav-201601{
					width: 100%;
					height:24px;
					text-align:center;
					z-index:250;
					}
					div.gnav-201601 ul#bpGlobalNavi{
					display:inline-block;
					width:auto;
					}

					.globalFooter{
					background:#fff;
					max-width:100%;
					padding: 15px 10px;
					}
					.globalFooter ul{
					width:1000px;
					overflow: hidden;
					margin:0 auto;
					text-align:center;
					}
					.globalFooter ul li {
					float: left;
					margin: 0;
					padding: 0 0 0 10px;
					line-height: 16px;
					height: 16px;
					vertical-align: baseline;
					border-left: 1px solid #999;
					border-right: none !important;
					list-style: none;
					}
					.globalFooter ul li a { padding-right: 10px; }
					/*==============================================
					ヘッダ
					==============================================*/
					#wrapper > header{
					margin:0 0 15px;
					}

					#headerBlock{
					min-width:1000px;
					height:78px;
					background:#fff;
					position:relative;
					margin:0 auto;
					z-index:200;
					}

					.siteLogo{
					position:absolute;
					left:50%;
					top:19px;
					width:342px;
					margin-left:-200px;
					}

					.byMedia{
					position:absolute;
					left:50%;
					top:21px;
					margin-left:159px;
					}


					/*--------------------------
					ヘッダボタン
					----------------------------*/

					#wrapper > header .head_ico ul li{
					font-size:10px;
					padding-top:30px;
					position:absolute;
					left:50%;
					top:21px;
					}
					#wrapper > header .head_ico ul li a{
					text-decoration:none;
					padding-top:30px;
					}
					.side_panel_open_btn{
					margin-left:-490px;
					background:url(/images/active/2019/head_ico_burger.png) no-repeat center top;
					}
					#wrapper > header .head_ico ul li.header_search{
					margin-left:-430px;
					padding-top:11px;
					}

					.header_search input[type="text"]{
					font-size:13px;
					height:20px;
					width:120px;
					padding:0 10px;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
					border:1px solid #b5b5b5;
					border-radius:3px 0 0 3px;
					vertical-align: top;
					}

					.header_search input[type="text"]:placeholder-shown { color: #666; }
					.header_search input[type="text"]::-webkit-input-placeholder { color: #666; }
					.header_search input[type="text"]:-moz-input-placeholder { color: #666; }
					.header_search input[type="text"]::-moz-input-placeholder { color: #666; }
					.header_search input[type="text"]:-ms-input-placeholder { color: #666; }

					.header_search input[type="submit"]{
					text-indent:-9999px;
					width:26px;
					height:20px;
					border:1px solid #909090;
					border-radius:0 3px 3px 0;
					background:url(/images/active/2019/headerSearch.png) no-repeat 50% 50% #909090;
					}

					#hElogin{
					margin-left:380px;
					background:url(/images/active/2019/head_ico_login.png) no-repeat center top;
					}
					#hEntry{
					margin-left:450px;
					background:url(/images/active/2019/head_ico_entry.png) no-repeat center top;
					}
					#hMypage{
					margin-left:450px;
					background:url(/images/active/2019/head_ico_mypage.png) no-repeat center top;
					}

					/*=============================================
					お知らせ
					=============================================*/
					#headerInfo{
					background: #fffaf5;
					overflow:hidden; zoom:1;
					margin:0 0 10px;
					}

					#headerInfo h3{
					float:left;
					font-size:11px;
					margin: 5px 16px 5px 5px;
					padding: 3px 5px;
					background:#e40065;
					color:#fff;
					position:relative;
					border-radius:3px;
					}

					#headerInfo h3::after{
					content:'';
					display:block;
					position:absolute;
					right:-8px;
					top:0;
					border-left:10px solid #e40065;
					border-top:9px solid transparent;
					border-bottom:8px solid transparent;
					border-radius:3px;
					}

					#headerInfo ul{
					overflow:hidden; zoom:1;
					padding:6px 0 3px;
					}
					#headerInfo li{
					display:inline-block;
					font-size:12px;
					margin:0 10px 0 0;
					padding:2px 0 0 16px;
					background:url(/images/active/2019/headerInfo.png) no-repeat;
					height:14px;
					}


					/*==================================================
					サイドパネル
					==================================================*/

					/*-------------------------
					サイドパネル部分
					-------------------------*/
					.side_panel{
					position:fixed;
					left:-300px;
					top:0;
					-webkit-transform:translate3d(0,0,0);
					transform:translate3d(0,0,0);
					-webkit-transition: all .2s ease;
					transition: all .2s ease;
					width:300px;
					height:100%;
					padding:46px 0 0;
					box-sizing: border-box;
					background:#fff;
					z-index:510;
					}


					/*-------------------------
					サイドパネル-ヘッダ
					-------------------------*/
					.status{
					left:0;
					top:0;
					position:absolute;
					padding:16px 0;
					}
					#wrapper > header .status a{
					font-size:14px;
					line-height:1em;
					padding-left:28px;
					background: url(/images/active/2019/more.png) 10px center no-repeat;
					text-decoration:none;
					}

					/*-------------------------
					サイドパネル閉じるボタン
					-------------------------*/
					.side_panel_close_btn{
					width: 44px;
					height: 46px;
					right:0;
					top:0;
					position:absolute;
					text-indent: -9999px;
					background: url(/images/active/2019/icon_menu_close.png) no-repeat #fff;
					background-size: 44px 46px;
					}

					/*-------------------------
					スクロール可能エリア
					-------------------------*/
					.side_menu_list{
					width: 100%;
					height: 100%;
					display: block;
					overflow: auto;
					}

					/*-------------------------
					グレーアウト
					-------------------------*/
					.greyout {
					position: fixed;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					display: none;
					background: rgba(0,0,0,.6);
					z-index: -1;
					}

					/*---------------------------------------------------------------------------
					■■■■■■サイドパネル表示時■■■■■■
					---------------------------------------------------------------------------*/
					.side_panel_opener .side_panel{
					-webkit-transform:translate3d(300px,0,0);
					transform:translate3d(300px,0,0);
					}

					.side_panel_opener .greyout{
					display:block;
					z-index: 300;
					}

					/*-------------------------
					サイドパネルの開閉時にスクロールロックすると、スクロールバーが出なくなるため、ページが左右にガタつく。
					それを避けるため、常時スクロールバーを出しておく。
					-------------------------*/
					html {
					 overflow-y: scroll;
					}

					/*---------------------------------------------------------------------------
					サイドパネル-アコーディオン
					---------------------------------------------------------------------------*/
					/*下に階層を持たない階層*/
					#wrapper > header ul.accordion a {
					text-decoration:none;
					color:#464646;
					}
					#wrapper > header ul.accordion a:hover {
					text-decoration:none;
					color:#7d7d7d;
					}
					#wrapper > header ul.accordion > li.now > h3 > a {
					color:#fff;
					}
					#wrapper > header ul.accordion > li.now > h3 > a:hover {
					color:#e0e8ff;
					}

					/*開閉アイコン*/
					ul.accordion span {
					display:block;
					width:34px; height:34px;
					border-left:1px solid #dedede;
					background:#333;
					cursor:pointer;
					position:absolute;
					right:0; top:2px;
					}
							ul.accordion li.now span {
							border-left:1px solid rgba(255,255,255,0.3);
							}

					/*はじめに消しておく*/
					ul.accordion ul {
					display:none;
					background:#ebebeb;
					padding:10px 0;
					}

					/*================第1階層のバーデザイン=============*/
					/*下に階層のあるバー*/
					ul.accordion > li:first-child {
					border-top:1px solid #dedede;
					}
					ul.accordion li h3 {
					position:relative;
					font-size:14px;
					line-height:1em;
					padding:12px;
					color:#464646;
					border-bottom:1px solid #dedede;
					background: #f5f5f5;
					}
					ul.accordion li.now h3 {
					color:#fff;
					background: #666677;
					}

							ul.accordion li h3::before {
							position:absolute;
							content:'';
							background:transparent;
							width:3px; height:34px; top:2px; left:2px;
							}
									ul.accordion li.color_it h3::before { background:#e50065; }
									ul.accordion li.color_dm h3::before { background:#3f5eb3; }
									ul.accordion li.color_kn h3::before { background:#30754c; }

							ul.accordion li.now h3 {
							color:#fff;
							}
							ul.accordion li.now h3 a {
							color:#fff!important;
							}
							ul.accordion li.color_it.now h3 { background: #e50065; }
							ul.accordion li.color_dm.now h3 { background: #3f5eb3; }
							ul.accordion li.color_kn.now h3 { background: #30754c; }




/*
							ul.accordion li.color_it h3 {
							color:#fff;
							background: #e50065;
							}
							ul.accordion li.color_it h3 a {
							color:#fff!important;
							}
							ul.accordion li.color_dm h3 {
							color:#fff;
							background: #3f5eb3;
							}
							ul.accordion li.color_dm h3 a {
							color:#fff!important;
							}
							ul.accordion li.color_kn h3 {
							color:#fff;
							background: #30754c;
							}
							ul.accordion li.color_kn h3 a {
							color:#fff!important;
							}
*/
					/*================第2階層のバーデザイン=============*/
					/*下に階層がないバー*/
					ul.accordion li ul li {
					font-size:14px;
					line-height:1.3em;
					width:50%;
					display:inline-block;
					vertical-align:top;
					}
					ul.accordion li ul li a{
					display: block;
					padding:8px 8px 8px 20px;
					background: url(/images/active/2019/accordion_subdir_plain.png) 10px 12px no-repeat;
					}
							ul.accordion li.color_it ul li a{
							background: url(/images/active/2019/accordion_subdir_it.png) 10px 12px no-repeat;
							}
							ul.accordion li.color_dm ul li a{
							background: url(/images/active/2019/accordion_subdir_dm.png) 10px 12px no-repeat;
							}
							ul.accordion li.color_kn ul li a{
							background: url(/images/active/2019/accordion_subdir_kn.png) 10px 12px no-repeat;
							}

					/*================1段目の開閉アイコン=============*/
					ul.accordion li h3 span {background: url(/images/active/2019/accordion_close_s_plain.png) 50% no-repeat; background-size:17px auto;}
					ul.accordion li h3 span.open {background: url(/images/active/2019/accordion_open_s_plain.png) 50% no-repeat; background-size:17px auto;}

					ul.accordion li.now h3 span {background: url(/images/active/2019/accordion_close_s_plain_now.png) 50% no-repeat; background-size:17px auto;}
					ul.accordion li.now h3 span.open {background: url(/images/active/2019/accordion_open_s_plain_now.png) 50% no-repeat; background-size:17px auto;}



					/*--------------------------
					サイドパネル-MYページ
					----------------------------*/
					.side_mypage{
					padding:15px 15px;
					}
					.side_mypage h3{
					height:22px;
					background: url(/images/active/2019/side_mypage.png) no-repeat;
					color:#6e6e6e;
					padding:4px 0 0 25px;
					font-size:14px;
					line-height:1em;
					}
					.side_mypage li{
					background:#828282;
					border-bottom:1px solid #fff;
					}
					.side_mypage li:first-child{
					border-radius:4px 4px 0 0;
					}
					.side_mypage li:last-child{
					border-radius:0 0 4px 4px;
					border-bottom:none;
					}
					#wrapper > header .side_mypage a{
					display:block;
					padding:13px;
					color:#fff;
					}
					#wrapper > header .side_mypage a:hover{
					text-decoration:none;
					}
					#wrapper > header .side_mypage li:hover{
					opacity:0.7;
					}

/* NXT修正 */
.side_magazine ul.accordion li ul li,.side_feature ul.accordion li ul li  {
	width: 100%;
}

.side_general{
padding:8px 5px;
}

.side_general h3 {
height:22px;
color:#697882;
padding:4px 0 0 25px;
font-size:14px;
line-height:1em;
}

.side_general ul{
padding-bottom:5px;
margin-bottom:5px;
border-bottom:1px dashed #d8dee4;
}
.side_general ul:last-child{
padding-bottom:2px;
margin-bottom:2px;
border-bottom:none;
}
.side_general li{
width:50%;
display:inline-block;
vertical-align:top;
}
.side_general li a:before{
content:'・';
}

#wrapper > header .side_general a{
display:block;
padding:6px;
}
#wrapper > header .side_general a:hover{
text-decoration:none;
}
#wrapper > header .side_general li:hover{
opacity:0.7;
}

					/*--------------------------
					サイドパネル-登録ボタン
					----------------------------*/
					.side_entry{
					padding:15px 15px;
					}

					/*-------------------------
					サイドパネル-SNSアカウント
					-------------------------*/
					.snsAcount{
					overflow:hidden;
					background:#333;
					padding:10px 6px;
					}

					.snsAcount h3{
					float:left;
					font-size:12px;
					font-weight:normal;
					color:#fff;
					margin:12px 0 0;
					}

					.snsAcount ul{
					overflow:hidden;
					float:right;
					}
					.snsAcount li{
					float:left;
					}
					.snsAcount li a{
					display:block;
					text-indent:-9999px;
					}
					.snsAcount li a.facebook{
					width:38px;
					height:37px;
					background: url(/images/active/2019/logo_facebook.png) 50% no-repeat;
					background-size: 14px 27px;
					}
					.snsAcount li a.twitter{
					width:38px;
					height:37px;
					background: url(/images/active/2019/logo_twitter.png) 50% no-repeat;
					background-size: 28px 23px;
					}


					#side_copyright{
					text-align:center;
					font-size:10px;
					line-height:1.3em;
					padding:10px 0;
					border-top:1px solid #e6e6e6;
					}

					/*==================================================
					検索エリア
					==================================================*/
					/*-------------------------
					検索エリア
					-------------------------*/
					.search_box{
					opacity:0;
					width:100%;
					padding: 25px 20px;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
					background: #f7faff;
					border-bottom: 1px solid #b9c3d7;
					position:absolute;
					left:0;
					z-index:110;

					-webkit-transform:translate3d(0,-100px,0);		/*検索エリアの高さ分*/
					transform:translate3d(0,-100px,0);

					-webkit-transition:all .2s ease;
					transition:all .2s ease;

					}

					.search_box form{
					width:1000px;
					margin:0 auto;
					}

					fieldset.searchBasic {
					border:none;
					}

					.searchBasic input[type="text"]{
					border:1px solid #bebebe;
					border-radius:3px;
					width:465px;
					height:30px;
					padding:0 10px 0 28px;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
					font-size:14px;
					margin-right:3px;
					background:url(/images/active/2019/search.png) 5px 50% no-repeat #fff;
					}
					.searchBasic input[type="submit"]{
					font-size:18px;
					color:#fff;
					background:#4664b4;
					border:none;
					border-radius:3px;
					width:88px;
					height:30px;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
					}


					/*---------------------------------------------------------------------------
					■■■■■■検索エリア表示時■■■■■■
					---------------------------------------------------------------------------*/
					.search-open .search_box{
					opacity:1!important;

					-webkit-transform:translate3d(0,0px,0);
					transform:translate3d(0,0px,0);
					}

					.search-open .greyout {
					display:block;
					z-index:100;
					}



					/*==================================================
					分野全体カラー
					==================================================*/

					.color_it .fieldNavi ul.main_tab{
					border-bottom:5px solid #e50065;
					}
					.color_dm .fieldNavi ul.main_tab{
					border-bottom:5px solid #3f5eb3;
					}
					.color_kn .fieldNavi ul.main_tab{
					border-bottom:5px solid #30754c;
					}


					/*==================================================
					分野タブ
					==================================================*/
					/*-------------------------
					分野タブ
					-------------------------*/

.fieldNavi{
position:relative;
border-bottom: 1px solid #23325a;
min-width:1000px;
}

.fieldNavi ul.main_tab{
text-align:center;
margin-bottom:1px;
border-bottom:5px solid #000;
}
					.fieldNavi ul.main_tab.tabBlock_it{
					border-bottom:5px solid #e50065;
					}
					.fieldNavi ul.main_tab.tabBlock_dm{
					border-bottom:5px solid #3f5eb3;
					}
					.fieldNavi ul.main_tab.tabBlock_kn{
					border-bottom:5px solid #30754c;
					}
.fieldNavi ul.main_tab li{
display:inline-block;
vertical-align:top;
width:118px;
margin:0 1px;
font-size:16px;
font-weight:bold;
}
.fieldNavi ul.main_tab li a{
display:block;
border-top:1px solid #c9c9c9;
border-left:1px solid #c9c9c9;
border-right:1px solid #c9c9c9;
border-radius:2px 2px 0 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height:27px;
padding-top:5px;
}
.fieldNavi ul.main_tab li#tab_it a{
border-top:3px solid #e50065;
}
.fieldNavi ul.main_tab li#tab_dm a{
border-top:3px solid #3f5eb3;
}
.fieldNavi ul.main_tab li#tab_kn a{
border-top:3px solid #30754c;
}
		.fieldNavi ul.main_tab li#tab_it a:hover,
		.color_it .fieldNavi ul.main_tab li#tab_it a{
		background:#e50065;
		text-decoration:none;
		border-top:3px solid #e50065;
		border-left:1px solid #e50065;
		border-right:1px solid #e50065;
		color:#fff;
		}
		.fieldNavi ul.main_tab li#tab_dm a:hover,
		.color_dm .fieldNavi ul.main_tab li#tab_dm a{
		background:#3f5eb3;
		text-decoration:none;
		border-top:3px solid #3f5eb3;
		border-left:1px solid #3f5eb3;
		border-right:1px solid #3f5eb3;
		color:#fff;
		}
		.fieldNavi ul.main_tab li#tab_kn a:hover,
		.color_kn .fieldNavi ul.main_tab li#tab_kn a{
		background:#30754c;
		text-decoration:none;
		border-top:3px solid #30754c;
		border-left:1px solid #30754c;
		border-right:1px solid #30754c;
		color:#fff;
		}

.fieldNavi ul.ralate_site{
position:absolute;
width:300px;
left:50%;
margin:9px 0 0 200px;
top:0;
text-align:right;
}
.fieldNavi ul.ralate_site li{
display:inline-block;
vertical-align:top;
margin-left:15px;
font-size:13px;
font-weight:bold;
}
.fieldNavi ul.ralate_site li a{
display:block;
padding:1px 0 0 14px;
background:url(/images/active/2019/relate_site.png) no-repeat;
}


/*--------------------------
ローカルナビ
----------------------------*/
.localNavi{
overflow:hidden; zoom:1;
background:#e50065;
border-radius:10px 10px 0 0;
}


.localNavi ul{
float:left;
margin:0 0 0 10px;
}
.searchBox{
float:right;
margin:9px 13px 5px 10px;
}


.localNavi li{
display:inline-block;
font-size:14px;
margin:0 6px;
}

#wrapper > header .localNavi li a{
color:#fff;
display:block;
padding:12px 3px;
}

#wrapper > header .localNavi li a:hover{
color:#fff;
text-decoration:none;
background:#ff8c8c;
}

#wrapper > header .localNavi li a:visited{
color:#fff;
}


.searchBox input[type="text"]{
border:none;
font-size:12px;
width:110px;
height:20px;
padding:0 10px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius:3px 0 0 3px;
}

.searchBox input[type="text"]:placeholder-shown { color: 666; }
.searchBox input[type="text"]::-webkit-input-placeholder { color: 666; }
.searchBox input[type="text"]:-moz-input-placeholder { color: 666; }
.searchBox input[type="text"]::-moz-input-placeholder { color: 666; }
.searchBox input[type="text"]:-ms-input-placeholder { color: 666; }


.searchBox input[type="submit"]{
text-indent:-9999px;
width:26px;
height:20px;
border:none;
border-radius:0 3px 3px 0;
background:url(/images/active/2019/headerSearch.png) no-repeat 50% 50% #464646;
}

#wrapper > header .searchBox .detailLink{
font-size:12px;
margin:0 0 0 10px;
}

#wrapper > header .searchBox .detailLink a,
#wrapper > header .searchBox .detailLink a:hover,
#wrapper > header .searchBox .detailLink a:visited{
color:#fff;
}












/*--------------------------
カテゴリーナビ;NXT修正
----------------------------*/
					.categoryNavi{
					background:#414141;
					min-width:1000px;
					}

					.categoryNavi > div{
					margin:0 auto;
					width:1000px;
					}

					.categoryNavi > div >.left{
					float:left;
					}
					.categoryNavi > div >.right{
					float:right;
					}
					.categoryNavi > div > ul > li{
					float:left;
					position:relative;
					font-size:12px;
					padding:2px 0;
					}
					#wrapper > header .categoryNavi > div > ul > li > a{
					color:#fff;
					text-decoration:none;
					display:block;
					padding:4px 10px 4px;
					}
					#wrapper > header .categoryNavi > div > ul > li:hover > a{
					background:#f6f6f6;
					color:#333;
					}

					.categoryNavi > div > ul > li > ul{
					visibility: hidden;
					position:absolute;
					top:24px;
					z-index:1;
					background:#f6f7fb;
					border-left:1px solid #c7d0e8;
					border-right:1px solid #c7d0e8;
					border-bottom:1px solid #c7d0e8;
					padding:5px;
					max-width:400px;
					min-width:100px;
					}
					.categoryNavi > div > ul.left > li:hover > ul{
					visibility: visible;
					left:-1px;
					margin-right:-400px;
					}
					.categoryNavi > div > ul.right > li:hover > ul{
					visibility: visible;
					right:-1px;
					margin-left:-400px;
					}


					.categoryNavi > div > ul > li:hover > ul > li{
					display:inline-block;
					}
					#wrapper > header .categoryNavi > div > ul > li > ul > li a{
					display:block;
					padding:5px 10px;
					text-decoration:none;
					color:#284696;
					}
					#wrapper > header .categoryNavi > div > ul > li > ul > li a:hover{
					opacity:0.7;
					}

					#wrapper > header .categoryNavi li#categoryNavi_home a{
					background:url(/images/active/2019/categoryNavi_home.png) 50% 2px no-repeat;
					text-indent:-9999px;
					background-size:18px 14px;
					width:22px;
					}













/*--------------------------
トピックナビ
----------------------------*/
#topicNavi{
position:relative;
padding:0 0 16px;
width: 1000px;
margin: 0 auto;
}

#topicNavi ul{
padding:5px 10px;
overflow:hidden;
max-height:66px;
background:#fffaf5;

border-bottom:3px solid #828282;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;

-webkit-transition:all .2s ease;
transition:all .2s ease;
}

#topicNavi li{
display:inline-block;
font-size:12px;
line-height:1.3em;
margin:0;
padding:2px 0 2px 16px;
background:url(/images/active/2019/topicNavi.png) no-repeat 0 4px;
width:20%;
vertical-align:top;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;

}

#topicNavi .accordion{
position:absolute;
width:182px;
height:16px;
bottom:0;
left:40%;
font-size:11px;
color:#fff;
text-align:right;
background:url(/images/active/2019/topicNavi_expand.png?170927) no-repeat;
cursor:pointer;
}

#topicNavi .accordion span{
display:inline-block;
}

#topicNavi .accordion span.expand{
display:block;
padding:2px 35px 0 0;
}
#topicNavi .accordion span.short{
display:none;
}

/*topicNaviが開いているとき*/
#topicNavi.opened ul{
/*height:auto;*/
max-height:300px;
}
#topicNavi.opened .accordion{
width:109px;
left:42%;
background:url(/images/active/2019/topicNavi_short.png) no-repeat;
}

#topicNavi.opened .accordion span.expand{
display:none;
}
#topicNavi.opened .accordion span.short{
display:block;
padding:2px 40px 0 0;
}

/*--------------------------
特設サイトナビ
----------------------------*/
#siteNavi{
background:#ff8081;
padding:6px 0;
border-radius:0 0 4px 4px;
margin-top:-1px;
}

#siteNavi li{
display:inline-block;
margin:0 0 0 11px;
}

#siteNavi li a{
font-size:12px;
display:block;
background:#fafcff;
border:1px solid #becde6;
padding:3px 7px 2px;
border-radius:3px;
}


/*--------------------------
スーパーバナー
----------------------------*/
#headerSuperBanner{
margin:20px auto 0;
text-align:center;			/*制作作業用。実際には有効ではないので最終的に不要*/
}



					/*--------------------------
					記事の種類
					----------------------------*/
.asideRight section.kiji_type{
margin-top:0px;
}
.kiji_type h3{
font-size:14px;
line-height:1.2em;
margin:0 0 1px;
}
.kiji_type li{
display:inline-block;
vertical-align:top;
width:50%;
}
.kiji_type li a{
display:block;
font-size:13px;
line-height:1em;
margin:1px;
padding:4px 5px 2px;
border:1px solid #dcdcdc;
color:#333;
background:url(/images/active/2019/kijitype_arrow.png) no-repeat center right;
}
.kiji_type li a:hover{
background:url(/images/active/2019/kijitype_arrow.png) no-repeat center right #f0f0f0;
text-decoration:none;
}



					/*==============================================
					フッタ
					==============================================*/

					#wrapper > footer{
					width:1000px;
					margin:0 auto;
					}

					.localFooter{
					margin:0 0 0px;
					padding:20px 0;
					overflow:hidden; zoom:1;
					border-top:1px solid #999;
					border-bottom:1px solid #999;
					}

					#footer_logo_block{
					float:left;
					width:170px;
					}

					/*--------------------------
					ロゴとパソコン版、スマホ版
					----------------------------*/
					#footerLogo{
					overflow:hidden; zoom:1;
					margin: 0 0 50px;
					}

					#footerLogo h2{
					width:170px;
					height:28px;
					margin:20px 0 0;
					background: url(/images/active/2019/siteLogo_active.png) center no-repeat;
					text-indent:-9999px;
					background-size:170px auto;
					}

					#footerLogo p {
					overflow: hidden; zoom: 1;
					text-align:center;
					}

					#footerLogo p span{
					display:inline-block;
					width:70px;
					border-radius:3px;
					/*border:1px solid #006cb8;*/
					border:1px solid #666677;
					font-size:12px;
					text-align:center;
					margin:0 2px;
					padding:3px 0;
					}

					#footerLogo p a,
					#footerLogo p a:visited{
					color:#333;
					display:block;
					}
					#footerLogo p span.active{
					color:#fff;
					/*background:#006cb8;*/
					background:#666677;
					}
					#footerLogo p a:hover{
					/*color:#006cb8;*/
					color:#666677;
					text-decoration:none;
					}


					/*----------------------------
					会員登録と有料トップ
					----------------------------*/
					a.entryBtn,
					a.tollBtn{
					display:block;
					color:#fff;
					border-radius:4px;
					font-size:14px;
					line-height:1em;
					font-weight:bold;
					text-align:center;
					margin: 0 0 10px;
					padding:16px;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
					}
					a.entryBtn{
					background:#e50065;
					}
					a.tollBtn{
					background:#bfa97b;
					}

					a.entryBtn:hover,
					a.tollBtn:hover{
					text-decoration:none !important;
					color:#fff !important;
					opacity:0.7 !important;
					}
					a.entryBtn:visited,
					a.tollBtn:visited{
					text-decoration:none !important;
					color:#fff !important;
					}

					.entry_toll li p{
					font-size:13px;
					line-height:18px;
					margin:0 0 20px;
					}

					.more_inline_arrow_left{
					display:inline-block;
					background: url(/images/active/2019/more.png) left center no-repeat;
					margin:0 0 0 10px;
					padding:0 0 0 15px;
					}

					/*----------------------------
					フッター右段
					----------------------------*/
					#footer_sitemap{
					float:right;
					width:800px;
					overflow:hidden; zoom:1;
					}
					.footer_sitemap_list{
					float:left;
					width:170px;
					padding:0 0 0 30px;
					overflow:hidden; zoom:1;
					}
					.footer_sitemap_list h2{
					font-size:13px;
					line-height:1.5em;
					border-bottom:1px dotted #333;
					margin:0 0 10px;
					}
					.footer_sitemap_list li{
					font-size:13px;
					line-height:1.4em;
					margin:0 0 5px;
					}
					.footer_sitemap_list ul + h2{
					margin-top:20px;
					}



/*--------------------------
雑誌表紙
----------------------------*/
/*#footerRelativeMag{
width:950px;
margin:18px auto 0;
padding:18px 0 0;
border-top:1px solid #dce1e6;
}

#footerRelativeMag li{
display:inline-block;
vertical-align:top;
width:20%;
padding:6px 5px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

#footerRelativeMag .icon img{
width:60px;
height:80px;
}

#footerRelativeMag .icon{
margin-right:7px;
}

#footerRelativeMag .text h4{
font-size:12px;
line-height:16px;
font-weight:normal;
margin:0 0 5px;
}

#footerRelativeMag .text p{
font-size:10px;
line-height:12px;
}
*/

/*--------------------------
関連リンク
----------------------------*/
/*基本的に201601.css側で調整*/
/*.globalFooter{
overflow:hidden; zoom:1;
margin:0 0 15px;
}

.globalFooter li{
display:inline-block;
font-size:12px;
line-height:18px;
}

.globalFooter li::after,
.globalFooter li:first-child::before{
content:'｜';
}*/


					/*--------------------------
					コピーライト表記
					----------------------------*/
					.footerCopyright{
					overflow:hidden; zoom:1;
					padding:10px 0 20px;
					}

					.corpLogo{
					display:block;
					float:right;
					margin:4px 0 0 5px;
					}
					.corpLogo a{
					display:block;
					width:119px;
					height:22px;
					text-indent:-9999px;
					background:url(/images/bplogo/logo.svg) no-repeat;
					}

					.copyright{
					overflow:hidden; zoom:1;
					display:block;
					font-size:10px;
					line-height:13px;
					padding:0;
					margin:0;
					}





/*==============================================
コンテンツエリア
==============================================*/
.content{
width:1000px;
margin:0 auto 40px;
overflow:hidden; zoom:1;
}

article{
width:640px;
float:left;
}

.asideRight{
width:300px;
float:right;
}

.content header h1 img {
  margin-bottom: 20px;
}
/*==============================================
トップページ
==============================================*/
body.all article{
width:1000px;
}
body.all article section{
width:33.3%;
float:left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding:0 10px;
}
		body.all article section:nth-child(1){
		padding:0 20px 0 0;
		}
		body.all article section:nth-child(3){
		padding:0 0 0 20px;
		}
body.all article > .articleList > section > .title_A {
    margin-top: 10px;
}
body.all article > .articleList > section.color_it > .title_A {
    background: url(/images/active/2019/md_base_it.png) no-repeat 190px top;
}
body.all article > .articleList > section.color_dm > .title_A {
    background: url(/images/active/2019/md_base_dm.png) no-repeat 190px top;
}
body.all article > .articleList > section.color_kn > .title_A {
    background: url(/images/active/2019/md_base_kn.png) no-repeat 190px top;
}


/*==============================================
一覧系ページ　共通デザイン
==============================================*/
section{margin: 0 0 30px;}
	#articleList section{
	margin:0 0 30px;
	}
	.asideRight section{
	margin:0 0 30px;
	}

.icon{
background:#fff;
border:1px solid #ccc;
padding:1px;
float:left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position:relative;
}

.icon img:hover{
opacity:0.7;
filter: "alpha(opacity=70)";
}

.adImg .icon img,
.adImg.icon img{
width:80px;
height:auto;
}

.text{
overflow:hidden; zoom:1;
padding-left:1px;	/*左アイコン、右テキストのリストを、アイコンの横位置ハラキリによってテキストを下に回すのに必要*/
text-align:left;
}

time{
font-size:12px;
line-height:12px;
display:inline-block;
margin:0 0 0 5px;
font-weight:normal;
color:#666;
}

.pr_ico{
display:inline-block;
background:#999;
color:#fff;
margin:0 5px;
padding:2px 4px 0px;
border-radius:2px;
font-weight:normal;
font-size:12px;
line-height:12px;
}

.pr_ico_a{
display:inline-block;
background:#f06464;
color:#fff;
margin:0 5px;
padding:2px 4px 0px;
border-radius:2px;
font-weight:normal;
font-size:10px;
line-height:10px;
}

.pr_ico_v{
display:inline-block;
background:#82c364;
color:#fff;
margin:0 5px;
padding:2px 4px 0px;
border-radius:2px;
font-weight:normal;
font-size:10px;
line-height:10px;
}


.icon .pr_ico{
position:absolute;
top:5px;
right:0;
}

.roundText .text{
overflow:visible;
}

.dag-rectangle{
text-align:center;
}
.dag-rectangle > div > div{
margin:0 0 10px;
}
.dag-rectangle > div{
display:inline-block;
}
.dag-rectangle li + li{
margin-top:20px;
}
/*ITP追加*/
.dag-rectangle > ul{
margin:0 0 10px;
}

.more{
font-size:12px!important;
line-height:1em!important;
text-align:right;
margin:5px 0 0;
padding:0 20px 0 0;
background:url(/images/active/2019/more_plain.png) right 1px no-repeat;
}
		.color_it .more{
		background:url(/images/active/2019/more_it.png) right 1px no-repeat;
		}
		.color_dm .more{
		background:url(/images/active/2019/more_dm.png) right 1px no-repeat;
		}
		.color_kn .more{
		background:url(/images/active/2019/more_kn.png) right 1px no-repeat;
		}

#page-top{
cursor: pointer;
width:45px;
height:45px;
border-radius:23px;
background:url(/images/active/2019/page-top.png) 50% 50% no-repeat #d20000;
position: fixed;
bottom: 30px;
right: 30px;
}

/*--------------------------
タイトル肩の特集や連載名
----------------------------*/
.parentTitle{
font-weight:normal;
display:block;
color:#666677;
font-size:12px;
line-height:15px;
}
		.color_it .parentTitle{
		color:#d20064;
		}
		.color_dm .parentTitle{
		color:#005ae1;
		}
		.color_kn .parentTitle{
		color:#009900;
		}
.parentTitle a,
.parentTitle a:visited{
color:#666677;
}
.parentTitle a:hover{
color:#666677;
text-decoration:underline;
}
		.color_it .parentTitle a,
		.color_it .parentTitle a:visited,
		.color_it .parentTitle a:hover{
		color:#d20064;
		}
		.color_dm .parentTitle a,
		.color_dm .parentTitle a:visited,
		.color_dm .parentTitle a:hover{
		color:#005ae1;
		}
		.color_kn .parentTitle a,
		.color_kn .parentTitle a:visited,
		.color_kn .parentTitle a:hover{
		color:#009900;
		}

.list_genre{
background:#666677;
color:#fff;
margin:0 5px 0 0;
padding:3px 0 2px;
width:36px;
text-align:center;
line-height:1em;
display:inline-block;
}
		.color_it .list_genre{
		background:#e50065;
		}
		.color_dm .list_genre{
		background:#3f5eb3;
		}
		.color_kn .list_genre{
		background:#30754c;
		}

.list_theme::after{
content:'：';
}


	body.leaf .parentTitle{
	padding:2px 5px;
	line-height:1em;
	position:relative;
	border-left:3px solid #666677;
	font-size:15px;
	font-weight:bold;
	overflow:hidden;
	color:#333;/* ITPA追加 */
	}
			body.leaf.color_it .parentTitle{
			border-left:3px solid #e50065;
			}
			body.leaf.color_dm .parentTitle{
			border-left:3px solid #3f5eb3;
			}
			body.leaf.color_kn .parentTitle{
			border-left:3px solid #30754c;
			}

	body.leaf .parentTitle a,
	body.leaf .parentTitle a:visited{
	color:#333;
	}

	.article_type{
	float:right;
	}
	.article_type span{
	margin:0 0 0 5px;
	}

/*--------------------------
共通ボタン
----------------------------*/
.button{
text-align:center;
margin:20px 0 0;
}
.button li{
display:inline-block;
}
.button a{
font-size:20px;
line-height:1.3em;
color:#fff!important;
text-decoration:none!important;
display:inline-block;
border-radius:4px;
min-width:300px;
background:#4664b4;
margin:10px;
padding:15px 10px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
vertical-align:middle;
text-align:center;
}
.button a:hover{
opacity:0.7;
}

/*キャンセルボタンにする*/
.button a.cancel{
background:#788ca0;
}

/*ボタンを左寄せにする*/
.button.left{
text-align:left;
}

.button a.nolink{
background:#ccc;
}

/*--------------------------
共通ボタン（白背景）
----------------------------*/
.button.white a{
color:#333!important;
background:#fff;
border:1px solid #707070;
}
.button.white a:hover{
color:#fff!important;
background:#5097eb;
border:1px solid #5097eb;
opacity:1;
}

/*前後の矢印をつける*/
.button.white a.prev{
background:url(/images/active/2019/page_arrow_prev.png) left 50% no-repeat #fff;
background-size:20px auto;
padding-left:20px;
}
.button.white a.next{
background:url(/images/active/2019/page_arrow_next.png) right 50% no-repeat #fff;
background-size:20px auto;
padding-right:20px;
}
.button.white a.prev:hover{
background:url(/images/active/2019/page_arrow_white_prev.png) left 50% no-repeat #5097eb;
background-size:20px auto;
}
.button.white a.next:hover{
background:url(/images/active/2019/page_arrow_white_next.png) right 50% no-repeat #5097eb;
background-size:20px auto;
}

/*--------------------------
共通ボタン（サイズ中）
----------------------------*/
.button.middle a{
font-size:12px;
font-size:14px;
min-width:auto;
margin:10px 5px;
padding:15px 10px;
}

/*--------------------------
共通ボタン（サイズ小）
----------------------------*/
.button.small a{
font-size:12px;
min-width:auto;
margin:10px 5px;
padding:5px 10px;
}

/*--------------------------
タイトルA
----------------------------*/
.title_A{
position:relative;
font-size:20px;
line-height:23px;
margin:25px 0 10px 0px;
padding:10px 15px 10px 5px;
border-top:2px solid #666677;
color:#333;
background:url(/images/active/2019/md_base_plain.png) no-repeat top right;
}
		.color_it .title_A{
		border-top:2px solid #e50065;
		background:url(/images/active/2019/md_base_it.png) no-repeat top right;
		}
		.color_dm .title_A{
		border-top:2px solid #3f5eb3;
		background:url(/images/active/2019/md_base_dm.png) no-repeat top right;
		}
		.color_kn .title_A{
		border-top:2px solid #30754c;
		background:url(/images/active/2019/md_base_kn.png) no-repeat top right;
		}


article > .articleList > section:first-child > .title_A{
margin-top:10px;
}

.title_A::before{
content:'';
width:15px;
height:15px;
display:inline-block;
margin:0 5px 0 0;
background:#666677;
}
		.color_it .title_A::before{
		background:#e50065;
		}
		.color_dm .title_A::before{
		background:#3f5eb3;
		}
		.color_kn .title_A::before{
		background:#30754c;
		}

.title_A .pr_ico{
position:absolute;
right:0;
top:15px;
}
.title_A a:visited{
color:#333;
}

/*--------------------------
タイトルB
----------------------------*/
.title_B{
position:relative;
font-size:16px;
line-height:19px;
color:#333;
border-left:3px solid #666677;
margin:0 0 5px;
padding:7px 0 3px 16px;
border-bottom:1px solid #666677;
}
		.color_it .title_B{
		border-left:3px solid #e50065;
		border-bottom:1px solid #e50065;
		}
		.color_dm .title_B{
		border-left:3px solid #3f5eb3;
		border-bottom:1px solid #3f5eb3;
		}
		.color_kn .title_B{
		border-left:3px solid #30754c;
		border-bottom:1px solid #30754c;
		}

.title_B::before{
position:absolute;
top:4px;
left:2px;
content:'';
background:#666677;
width:3px;
height:20px;
}
.title_B::after{
position:absolute;
top:8px;
left:7px;
content:'';
background:#666677;
width:3px;
height:12px;
}
		.color_it .title_B::before,
		.color_it .title_B::after{
		background:#e50065;
		}
		.color_dm .title_B::before,
		.color_dm .title_B::after{
		background:#3f5eb3;
		}
		.color_kn .title_B::before,
		.color_kn .title_B::after{
		background:#30754c;
		}
.title_B .pr_ico{
position:absolute;
right:0;
top:10px;
}

/*--------------------------
タイトルC
----------------------------*/
.title_C{
position:relative;
margin:0 0 8px;
}
.title_C span{
font-size:14px;
color:#333;
display:inline-block;
background:#fff;
padding-right:10px;
position:relative;
z-index:2;
}
		.color_it .title_C span{
		color:#e50065;
		}
		.color_dm .title_C span{
		color:#3f5eb3;
		}
		.color_kn .title_C span{
		color:#30754c;
		}
.title_C::before{
content:'';
border-top:1px dotted #666677;
position: absolute;
top: 50%;
left: 0;
width: 100%;
z-index: 1;
}
		.color_it .title_C::before{
		border-top:1px dotted #e50065;
		}
		.color_dm .title_C::before{
		border-top:1px dotted #3f5eb3;
		}
		.color_kn .title_C::before{
		border-top:1px dotted #30754c;
		}

ul + .title_C{
margin-top:8px;
}

/*--------------------------
パネルタイプA
----------------------------*/
.panel_A{
overflow:hidden; zoom:1;
}
.panel_A li{
display:inline-block;
vertical-align:top;
width:33.3%;
margin:0 0 10px;
padding:0 8px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.panel_A .icon{
float:none;
width:196px;
margin:0 auto 7px;
}
.panel_A .icon img{
width:192px;
height:auto;
}
.panel_A .text h3{
font-size:14px;
line-height:21px;
font-weight:normal;
}

/*--------------------------
パネルタイプB
----------------------------*/
.panel_B{
overflow:hidden; zoom:1;
}
.panel_B li{
display:inline-block;
vertical-align:top;
width:25%;
margin:0 0 10px;
padding:0 8px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.panel_B .icon{
float:none;
width:140px;
margin:0 auto 7px;
height: 106px; /* ITPA追加 */
overflow: hidden; /* ITPA追加 */
}
.panel_B .icon img{
width:136px;
height:auto;
}
.panel_B .text h3{
font-size:14px;
line-height:21px;
font-weight:normal;
}

/*--------------------------
パネルタイプC
----------------------------*/
.panel_C{
overflow:hidden; zoom:1;
}
.panel_C li{
display:inline-block;
vertical-align:top;
width:20%;
margin:0 0 10px;
padding:0 5px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.panel_C .icon{
float:none;
width:116px;
margin:0 auto 7px;
}
.panel_C .icon img{
width:112px;
height:auto;
}
.panel_C .text h3{
font-size:12px;
line-height:18px;
font-weight:normal;
}


/*--------------------------
トップリスト
----------------------------*/
.topList{
margin:0 0 30px;
overflow:hidden; zoom:1;
}

.topList .list_A h3{
font-size:30px;
line-height:40px;
}
.topList .list_A .text p{
font-size:16px;
line-height:26px;
}
.topList .list_A .icon img{
width:192px;
height:auto;
}

.topList .list_B{
float:left;
width:319px;
border-right:1px solid #e5e5e5;
margin-bottom:20px;
}

.topList .list_B .text{
margin-bottom:0;
}
.topList .list_C .text{
margin-bottom:10px;
}

.topList .list_C{
float:left;
width:319px;
padding-left:15px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-left:1px solid #e5e5e5;
margin-left:-1px;
margin-bottom:20px;
}
		.topList .list_B li:nth-child(n),
		.topList .list_C li:nth-child(n){
		margin-right:0;
		margin-left:0;
		}


/*--------------------------
リストタイプA
----------------------------*/
.list_A li{
overflow:hidden; zoom:1;
border-bottom:1px solid #e5e5e5;
font-size:13px!important;
line-height:1em!important;
margin:0 0 10px!important;
text-indent:0!important;
}
.list_A li::before{
content:none!important;
}
.list_A .icon{margin: 0px 20px 12px 0;}
.list_A .icon img{
width:120px;
height:auto;
}
.list_A .text{
/*margin:5px 0 10px;*/
margin: 0 0 10px;
}
.list_A h3{
font-size:20px;
line-height:30px;
margin-bottom:5px;
}
.list_A .parentTitle + h3{
margin-top:5px;
}
.list_A .text p{
font-size:14px;
line-height:1.5em;
color:#4B4B4B;
}
.list_A li h4 {
/*margin: 8px 0 3px;*/
margin: 3px 0;
}

/*--------------------------
リストタイプB
----------------------------*/
.list_B li{
overflow:hidden; zoom:1;
display:inline-block;
width:305px;
vertical-align:top;
}
		.list_B li:nth-child(2n+1){
		margin-right:15px;
		}
		.list_B li:nth-child(2n){
		margin-left:15px;
		}
.list_B .icon{
float:right;
margin:5px 0 10px 15px;
}
.list_B .icon img{
width:120px;
height:auto;
}
.list_B .text{
overflow:visible;
margin:5px 0 20px;
}
.list_B h3{
font-size:24px;
line-height:30px;
margin-bottom:10px;
}
.list_B .parentTitle + h3{
margin-top:5px;
}
.list_B .text p{
font-size:14px;
line-height:24px;
color:#4B4B4B;
}

/*--------------------------
リストタイプC
----------------------------*/
.list_C li{
overflow:hidden; zoom:1;
display:inline-block;
width:305px;
vertical-align:top;
}
		.list_C li:nth-child(2n+1){
		margin-right:15px;
		}
		.list_C li:nth-child(2n){
		margin-left:15px;
		}
.list_C .icon{
float:right;
margin:5px 0 5px 15px;
}
.list_C .icon img{
width:90px;
height:auto;
}
.list_C .text{
margin:5px 0 5px;
}
.list_C .text h3{
font-size:14px;
line-height:1.5em;
}

/*--------------------------
リストタイプD
----------------------------*/
.list_D li{
overflow:hidden; zoom:1;
width:50%;
display:inline-block;
vertical-align:top;
}
.list_D .text{
margin:1px 0;
}
.list_D .text h4{
font-size:14px;
line-height:21px;
font-weight:normal;
padding:0 0 0 14px;
background:url(/images/active/2019/list_D.png) 4px 7px no-repeat;
}


/*--------------------------
リストタイプE
----------------------------*/
.list_E li{
overflow:hidden; zoom:1;
border-top:1px solid #e5e5e5;
width:305px;
display:inline-block;
vertical-align:top;
}
		.list_E li:first-child,
		.list_E li:nth-child(2){
		border-top:none;
		}
		.list_E li:nth-child(2n+1){
		margin-right:15px;
		}
		.list_E li:nth-child(2n){
		margin-left:15px;
		}
.list_E .icon{
margin:10px 18px 10px 5px;
}
.list_E .text{
margin:10px 0;
}
.list_E .text h3{
font-size:14px;
line-height:21px;
}
.list_E .text p{
font-size:12px;
line-height:18px;
color:#4B4B4B;
margin-top:3px;
}
.list_E .text p + p{
margin-top:10px;
}



/*--------------------------
リストタイプF
----------------------------*/
.list_F li{
overflow:hidden; zoom:1;
border-bottom:1px solid #e5e5e5;
}
.list_F .icon{
margin:5px 18px 5px 5px;
}
.list_F img {
	width: 96px;
	height: auto;
}
.list_F .text{
margin:5px 0;
}
.list_F .text h3{
font-size:14px;
line-height:21px;
}
.list_F .text p{
font-size:12px;
line-height:18px;
color:#4B4B4B;
margin-top:3px;
}
.list_F .text p + p{
margin-top:10px;
}

/*ITP追加*/
.recommend .list_F img {
	width: 40px;
}

.dag-text li div > div {
    display: inline-flex;
}

.dag-text li div > div > a > img {
    margin: 5px 18px 5px 5px;
}

.dag-text li div > div > p {
    font-size: 14px;
    line-height: 21px;
    margin: 5px 0;
}


/*--------------------------
リストタイプG
----------------------------*/
.list_G li{
overflow:hidden; zoom:1;
}
.list_G .text h3{
font-size:14px;
line-height:21px;
margin:2px 0 1px;
font-weight:normal;
}

.topList .list_C + .list_G{
clear:both;
display:block;
margin-top:20px;
}

.panel_A + .list_G,
.panel_B + .list_G,
.panel_C + .list_G,
.list_B + .list_G,
.list_C + .list_G,
.list_D + .list_G,
.list_E + .list_G{
margin-bottom:20px;
padding:8px 0;
border-top:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
}

.list_D + .list_G{
margin-top:10px;
margin-bottom:10px;
padding:8px 0;
border-top:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
}

.list_A + .list_G{
margin-top:-10px;
margin-bottom:20px;
padding:8px 0;
border-bottom:1px solid #e5e5e5;
}

.list_F + .list_G,
.list_rank + .list_G{
margin-bottom:20px;
padding:8px 0;
border-bottom:1px solid #e5e5e5;
}

.more + .list_G{
margin-top:20px;
padding:8px 0;
border-top:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
}

article > .list_G {
padding:8px 0;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
margin-bottom:20px;
}



/*--------------------------
list_Fのアレンジ
----------------------------*/
.list_F.dag_pickup li {
	border-bottom: none;
}
/*配信時のDOMに合わせて当て直し*/
.list_F.dag_pickup li > div > div{
	height:70px;
}
.list_F.backcolor li > div > div{
	background:#fff7e3;
	border-bottom:2px solid #fff;
}
.list_F.backcolor li > .text{
	padding-left:5px;
	padding-right:5px;
}
.list_F.backcolor li > .icon + .text{
	padding-left:0;
}
.list_F.backcolor li > div > div > p{
	padding-right:5px;
}
.list_F.dag_pickup img {
	width: 50px;
	height: auto;
}

/*--------------------------
ランキングリスト
----------------------------*/
.list_rank li{
overflow:hidden; zoom:1;
border-bottom:1px solid #e5e5e5;
}

.list_rank .rank_ico_top3,
.list_rank .rank_ico{
float:left;
font-size:12px;
color:#fff;
padding-top:4px;
width:20px;
height:20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align:center;
border-radius:3px;
margin:5px 6px 5px 3px;
}
	.list_rank .rank_ico_top3{
	background:#666677;
	}
	.list_rank .rank_ico{
	background:#8c8c96;
	}

			.color_it .list_rank .rank_ico_top3{
			background:#d20000;
			}
			.color_it .list_rank .rank_ico{
			background:#ff5050;
			}
			.color_dm .list_rank .rank_ico_top3{
			background:#465ab9;
			}
			.color_dm .list_rank .rank_ico{
			background:#5f82cd;
			}
			.color_kn .list_rank .rank_ico_top3{
			background:#237332;
			}
			.color_kn .list_rank .rank_ico{
			background:#69a569;
			}

.list_rank .text{
margin:5px 0;
}
.list_rank .text h3{
font-size:14px;
line-height:21px;
}
.list_rank .text p{
font-size:12px;
line-height:18px;
color:#4B4B4B;
}
.list_rank .text p + p{
margin-top:10px;
}


.rankContent{
margin:0 0 50px;
}
.rankContent .list_rank .text{
margin:15px 0;
}
.rankContent .list_rank .text .parentTitle + h3{
margin-top:5px;
}
.rankContent .list_rank .text h3{
font-size:18px;
line-height:24px;
}

.rankContent .list_rank .rank_ico_top3,
.rankContent .list_rank .rank_ico{
font-size:24px;
padding-top:10px;
width:40px;
height:40px;
border-radius:20px;
margin:15px 18px 15px 3px;
}

/*--------------------------
リストバナー
----------------------------*/
.list_banner li{
margin:0 0 15px;
text-align:center;
}
.list_banner li:last-child{
margin-bottom:0;
}


/*--------------------------
パネルタイプBとリストタイプCを使った広告での左右間隔調整
----------------------------*/
.panel_B.PR_horizontal{
text-align: center;
}
.panel_B.PR_horizontal li{
margin-left: -2px;
margin-right: -2px;
}
.list_C.PR_horizontal li:nth-child(2n+1){
margin-right:12px;
margin-bottom:15px; /*ITP追加*/
}
.list_C.PR_horizontal li:nth-child(2n){
margin-left:12px;
margin-bottom:15px; /*ITP追加*/
}

/*--------------------------
CXENSE内の特定のパネルで画像の高さを固定
ITP追加
----------------------------*/

#cxenseActBiz > .panel_B .icon {
height: 106px;
overflow: hidden;
}


/*--------------------------
Google広告の高さ調整（このセレクタは削除してもおそらく問題なし；削除）
.list_F li iframe[id*="pickup"]{
height:94px!important;
}
----------------------------*/

/*ITP追加*/
.list_C li iframe[id*="infeed2x2"]{
height:100px!important;
}


/*--------------------------
list_Fなどの記事間の区切り線を消す
----------------------------*/
.list_F.noborder li {
border: none;
}


/*--------------------------
タブ切り替え
----------------------------*/
.tab{
overflow:hidden; zoom:1;
position:relative;
margin:0 0 20px;
}
		.asideRight .tab{
		margin:15px 0 5px;
		}

.tab li{
font-size:12px;
float:left;
cursor: pointer;
padding:7px 7px 6px;
border:1px solid transparent;
}
		.asideRight .tab li{
				padding:7px 15px 6px;
		}

.tab li:hover{
color:#878787;
}
.tab li.active{
border-top:1px solid #b4b4b4;
border-left:1px solid #b4b4b4;
border-right:1px solid #b4b4b4;
border-bottom:1px solid #fff;
border-radius:3px 3px 0 0;
color:#e50065;
font-weight:bold;
}
.tab::after{
content:'';
display:block;
width:100%;
height:1px;
background:#b4b4b4;
position:absolute;
left:0; bottom:0;
z-index:-1;
}

.tabContent {display:none;}
.show {display:block;}




/*--------------------------
カテゴリ見出し
----------------------------*/
#categoryHeader {
border-top:1px solid #e50065;
margin:0 0 20px;
padding:17px 0 13px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ebf0f0+0,ffffff+50 */
background: #ebf0f0; /* Old browsers */
background: -moz-linear-gradient(top,  #ebf0f0 0%, #ffffff 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ebf0f0 0%,#ffffff 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ebf0f0 0%,#ffffff 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf0f0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
position:relative;
}

#categoryHeader h1{
font-size:24px;
color:#e50065;
border-left:7px solid #8eb1d4;
margin:0 0 0 10px;
padding:0 0 0 12px;
}
#categoryHeader h1::before{
content:"";
display:block;
width:100%;
height:2px;
background:#fff;
position:absolute;
top:0; left:0;
}

/*--------------------------
パンくず
----------------------------*/
.breadcrumb{
margin-bottom:10px;
}
.breadcrumb li{
font-size:12px;
display:inline-block;
vertical-align: bottom;
}
.breadcrumb li a{
display:inline-block;
height:13px;
}
.breadcrumb li + li::before{
content:' > ';
}
.breadcrumb li.home_ico{
text-indent:-9999px;
width:16px;
height:13px;
background:url(/images/active/2019/home_ico.png) no-repeat;
}
.breadcrumb li.home_ico a{
text-indent:-9999px;
display:block;
}

/*--------------------------
検索設定エリア
----------------------------*/
.searchBlock{
margin:0 0 30px;
padding:25px 20px 15px;
background:#fafafa;
border:1px solid #a8a8a8 ;
}
.searchBlock fieldset{
border:none;
}



.searchBasic input[type="text"]{
border:1px solid #bebebe;
border-radius:3px;
width:465px;
height:30px;
padding:0 10px 0 28px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size:14px;
margin-right:3px;
background:url(/images/active/2019/search.png) 5px 50% no-repeat #fff;
}
.searchBasic input[type="submit"]{
font-size:18px;
color:#fff;
background:#333;
border:none;
border-radius:3px;
width:88px;
height:30px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.displayOption,
.hideOption{
font-size:12px;
display:inline-block;
margin:10px 0 0;
padding:0 0 0 15px;
cursor: pointer;
}
	.displayOption{
	background:url(/images/active/2019/closed.png) no-repeat;
	}
	.hideOption{
	background:url(/images/active/2019/opened.png) no-repeat;
	}

/*開いている状態*/
.searchBlock.opened .displayOption{
display:none;
}
.searchBlock.opened .hideOption{
display:inline-block;
}
.searchBlock.opened .optionBlock{
display:block;
}

/*閉じている状態*/
.searchBlock .displayOption{
display:inline-block;
}
.searchBlock .hideOption,
.searchBlock .optionBlock{
display:none;
}

.optionBlock{
overflow:hidden; zoom:1;
margin:0 0 10px;
}
.option_L{
float:left;
width:150px;
margin-right:30px;
}
.option_R{
overflow:hidden; zoom:1;
}


.optionBlock > div > fieldset{
margin:15px 0 0;
}

.optionBlock > div > fieldset > legend{
color:#333;
border-bottom:1px solid #666677;
display:block;
width:100%;
font-size:14px;
font-weight:bold;
margin:0 0 10px;
padding:2px 0 4px;
}

.optionBlock label{
font-size:12px;
line-height:1.3em;
}

.selectGenre li{
margin:0 0 5px;
padding:1px;
}

.seachTargeting label{
margin-right:15px;
}

.optionSetting .target li{
margin:0 0 5px;
}

.dateNarrow p{
font-size:12px;
line-height:1.3em;
margin:0 0 10px;
}
.dateSetting{
font-size:12px;
line-height:1.3em;
}
.dateSetting input{
border:1px solid #bebebe;
border-radius:3px;
width:35px;
height:24px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align:center;
font-size:14px;
margin-right:3px;
}
.dateSetting input.yearSetting{
width:55px;
}

.optionSetting fieldset{
overflow:hidden; zoom:1;
}
.optionSetting fieldset + fieldset{
margin-top:5px;
}
.optionSetting fieldset legend{
float:left;
width:130px;
font-size:12px;
line-height:1.3em;
}
.optionSetting fieldset label{
margin-right:10px;
}

.optionSetting fieldset.order ul{
overflow:hidden;
}
.optionSetting fieldset.order li{
display:inline-block;
}

.option_R input[type="submit"],
.option_R input[type="button"]{
border:1px solid #fa8a8a ;
background:#fff;
margin:2px;
padding:10px 12px;
border-radius:4px;
cursor:pointer;
}


/*--------------------------
検索結果リスト
----------------------------*/
.searchResult{
position:absolute;
top:10px;
right:10px;
display:inline-block;
font-weight:normal;
font-size:12px;
line-height:14px;

}
.list_search li{
overflow:hidden; zoom:1;
border-bottom:1px solid #e5e5e5;
margin:0 0 10px;
}
.list_search .text{
margin:5px 0 10px;
}
.list_search h3{
font-size:18px;
line-height:24px;
margin-bottom:5px;
}
.list_search .parentTitle + h3{
margin-top:5px;
}
.list_search .text p{
font-size:12px;
line-height:18px;
color:#4B4B4B;
}


/*--------------------------
ページャー
----------------------------*/
nav.pagenation{
}

nav.pagenation ul{
overflow:hidden; zoom:1;
text-align:center;
margin:15px 0;
}
nav.pagenation li{
display:inline-block;
font-size:20px;
margin:0 2px;
padding:6px 8px;
}
nav.pagenation a,
nav.pagenation a:visited{
color:#333;
text-decoration:none;
}
nav.pagenation a:hover{
color:#878787;
text-decoration:underline;
}
nav.pagenation li.now{
/*background:#e50065;*/
background:#666677;
color:#fff;
}
nav.pagenation li.now a,
nav.pagenation li.now a:hover,
nav.pagenation li.now a:visited{
color:#fff;
text-decoration:none;
}
nav.pagenation li.prev,
nav.pagenation li.next{
font-size:16px;
padding-top:6px;
padding-bottom:6px;
}
nav.pagenation li.prev{
padding-left:20px;
background:url(/images/active/2019/more_left_plain.png) left 9px no-repeat;
}
		.color_it nav.pagenation li.prev{
		background:url(/images/active/2019/more_left_it.png) left 9px no-repeat;
		}
		.color_dm nav.pagenation li.prev{
		background:url(/images/active/2019/more_left_dm.png) left 9px no-repeat;
		}
		.color_kn nav.pagenation li.prev{
		background:url(/images/active/2019/more_left_kn.png) left 9px no-repeat;
		}
nav.pagenation li.next{
padding-right:20px;
background:url(/images/active/2019/more_plain.png) right 9px no-repeat;
}
		.color_it nav.pagenation li.next{
		background:url(/images/active/2019/more_it.png) right 9px no-repeat;
		}
		.color_dm nav.pagenation li.next{
		background:url(/images/active/2019/more_dm.png) right 9px no-repeat;
		}
		.color_kn nav.pagenation li.next{
		background:url(/images/active/2019/more_kn.png) right 9px no-repeat;
		}



/*==============================================
リーフ記事ページ
==============================================*/

/*--------------------------
記事基本
----------------------------*/
#article{
margin:0 auto 50px;
}
.articleBody{
overflow:hidden; zoom:1;
margin:20px auto 20px;
word-wrap:break-word;
overflow-wrap:break-word;
}
.articleBody a {
color: #d20064;
text-decoration: underline;
}
.articleBody section a {
color: #333;
text-decoration: none;
}
.articleBody section a:hover{
color:#878787;
text-decoration:underline;
}
.articleBody section a:visited{
color:#878787;
text-decoration:none;
}

/*--------------------------
記事ヘッダ
----------------------------*/
body.index .articleHeaderTop{
border-top:1px solid #bebebe;
border-bottom:1px solid #bebebe;
padding:30px 5px 25px 15px;
margin:0 0 25px;
position:relative;
}
body.index .articleHeaderTop::before{
content:'';
width:200px;
height:1px;
display:block;
position:absolute;
top:-1px;
left:0;
background:#666677;
}
          body.index.color_it .articleHeaderTop::before{
          background:#f06291;
          }
          body.index.color_dm .articleHeaderTop::before{
          background:#7891dc;
          }
          body.index.color_kn .articleHeaderTop::before{
          background:#8cbe8c;
          }

body.parents article header{
border-top:1px solid #ccc;
padding:5px 0 0;
}
body.leaf article header{
border-top:1px solid #ccc;
padding:12px 0 0;
}
body.parents .articleHeaderTop{
border-left:5px solid #e50065;
padding:15px 5px 15px 15px;
}
body.index .articleHeaderTop h1{
font-size:25px;
line-height:1em;
}
.articleHeaderTop h1{
font-size:30px;
line-height:40px;
}
.articleHeaderTop .parentTitle + h1{
margin-top:7px;
word-break: break-word;
}
.articleHeaderTop h2{
font-size:16px;
line-height:24px;
font-weight:normal;
}
.articleHeaderTop h1 + h2{
margin-top:7px;
}


.articleHeaderMiddle, .articleHeaderBottom{
overflow:hidden; zoom:1;
margin:5px auto;
}
.articleHeaderMiddle{
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
display:table;
padding:9px 0;
width:100%;
min-height:30px;
}


.articleHeaderMiddle address,
.articleHeaderMiddle time,
.articleHeaderMiddle span{
display:table-cell;
vertical-align:middle;
padding:0 5px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
	.articleHeaderMiddle address{ width:60%; font-style:normal;}
		.articleHeaderMiddle address a,
		.articleHeaderMiddle address a:visited{ color:#d20064; }
	.articleHeaderMiddle time{ width:15%; color:#333; text-align:center; border-left:1px solid #ccc; }
	.articleHeaderMiddle span.media{ width:25%; text-align:center; border-left:1px solid #ccc; padding:0 5px; }
		.articleHeaderMiddle span.media img{ max-height:30px; max-width:140px; }



.articleHeaderBottom span{
display:block;
}
.articleHeaderBottom .source{
float:left;
font-size:12px;
line-height:1.5em;
}
.articleHeaderBottom .contentList{
float:right;
font-size:12px;
text-align:right;
margin:6px 0 0;
padding:0 20px 0 0;
background:url(/images/active/2019/more_plain.png) right 1px no-repeat;
}
		.color_it .articleHeaderBottom .contentList{
		background:url(/images/active/2019/more_it.png) right 1px no-repeat;
		}
		.color_dm .articleHeaderBottom .contentList{
		background:url(/images/active/2019/more_dm.png) right 1px no-repeat;
		}
		.color_kn .articleHeaderBottom .contentList{
		background:url(/images/active/2019/more_kn.png) right 1px no-repeat;
		}



/*--------------------------
SNSボタンなど
----------------------------*/
.tools{
overflow:hidden; zoom:1;
margin:22px 0;
}
.tools li{
display:inline-block;
vertical-align:middle;
margin:0 3px;
padding:4px 0;
}

.tools .socialButtons{
overflow:hidden; zoom:1;
float:left;
}

.tools .mail_print{
overflow:hidden; zoom:1;
float:right;
}
.tools .mail_print img{
margin:0 2px;
}

div.tools ul.socialButtons li a {
	font-size: 10px;
	font-weight: bold;
	border-radius: 4px;
	background: #090;
	padding: 2px 6px;
	vertical-align: top;
	color: #fff;
	text-decoration: none;
}


/*--------------------------
次ページ誘導
----------------------------*/
nav.pagenation p{
overflow:hidden; zoom:1;
background:#f0f0f0;
padding:16px 20px;
border-radius:3px;
}
nav.pagenation p span{
display:block;
}
.nextPage_L{
float:left;
margin:0 15px 0 0;
padding:6px 30px 4px 10px;
font-size:14px;
color:#fff;
border-radius:6px;
background:url(/images/active/2019/more_white.png) right 6px no-repeat #666677;
}
		.color_it .nextPage_L{
		background:url(/images/active/2019/more_white.png) right 6px no-repeat #e50065;
		}
		.color_dm .nextPage_L{
		background:url(/images/active/2019/more_white.png) right 6px no-repeat #3f5eb3;
		}
		.color_kn .nextPage_L{
		background:url(/images/active/2019/more_white.png) right 6px no-repeat #30754c;
		}

.nextPage_R{
font-size:16px;
line-height:1.3em;
font-weight:bold;
margin:3px 0 0;
white-space: nowrap;
overflow:hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}



/*--------------------------
挿入広告A
----------------------------*/
.insertAd_A{
/*background:#fff5d7;*/
overflow:hidden; zoom:1;
padding:15px 25px 15px 15px;
border-radius:6px;
margin:0 0 25px;
}
.insertAd_A .icon{
margin:0 18px 0 0;
}
.insertAd_A .text{
padding:8px 8px 0 8px;
}
.insertAd_A .text h3{
font-size:18px;
line-height:24px;
margin:0 0 10px;
padding:0 10px 5px;
border-bottom:1px solid #be0056;
position:relative;
}
.insertAd_A .text h3 a,
.insertAd_A .text h3 a:visited,
.insertAd_A .text .more a,
.insertAd_A .text .more a:visited{
color:#333;
text-decoration:none;
}
.insertAd_A .text h3 a:hover,
.insertAd_A .text .more a:hover{
color:#878787;
text-decoration:underline;
}

.insertAd_A .text h3::before,
.insertAd_A .text h3::after{
content:'';
display:block;
background:#be0056;
width:6px; height:6px;
border-radius:3px;
position:absolute;
bottom:-3px;
}
	.insertAd_A .text h3::before{ left:-8px; }
	.insertAd_A .text h3::after{ right:-8px; }

.insertAd_A .text p{
font-size:13px;
line-height:20px;
color:#4B4B4B;
margin-top:3px;
}
.insertAd_A .text p + p{
margin-top:10px;
}

/*--------------------------
挿入広告B
----------------------------*/
.insertAd_B{
background:#fff5d7;
overflow:hidden; zoom:1;
padding:7px 10px;
border-radius:6px;
margin:0 0 25px;
}
.insertAd_B a{
text-decoration:none;
}
.insertAd_B a:hover{
text-decoration:underline;
}

.insertAd_B h3{
font-size:14px;
font-weight:normal;
}

.flag{
display:inline-block;
background:#DC9646;
color:#fff;
margin:0 5px 0 0;
padding:2px 4px 0px;
border-radius:2px;
font-weight:normal;
font-size:12px;
line-height:12px;
}

/*--------------------------
新規登録・ログイン
----------------------------*/
.articleBody .loginBox{
position:relative;
margin:50px 0;
}
.articleBody .loginBox::before{
position:absolute;
content:'';
display:block;
width:100%;
height:200px;
top:-250px;
left:0;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}

.articleBody .loginBox h3{
font-size:20px;
line-height:1.3em;
text-align:center;
margin:0 0 23px;
}
.articleBody .loginBox ul{
overflow:hidden; zoom:1;
text-align:center;
}
.articleBody .loginBox li{
display:inline-block;
text-align:center;
margin:0 15px!important;
padding-top:10px;
position:relative;
font-size:13px!important;
line-height:1em!important;
text-indent:0!important;
}
.articleBody .loginBox li::before{
content:none!important;
}
.articleBody .loginBox li a{
display:block;
width:225px;
height:108px;
padding-top:15px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius:6px;
text-decoration:none!important;
}
		.articleBody .loginBox li.login a{
		background:#f5faff;
		border:1px solid #b4c5e5;
		}
		.articleBody .loginBox li.entry a{
		background:#fffaf5;
		border:1px solid #d2beb4;
		}
.articleBody .loginBox li a:hover{
text-decoration:none;
color:#333;
}
		.articleBody .loginBox li.login a:hover{
		background:#ebf5ff;
		}
		.articleBody .loginBox li.entry a:hover{
		background:#fff5eb;
		}
.articleBody .loginBox li a:visited{
color:#333;
}

.articleBody .loginBox li a > span{
display:block;
font-size:14px;
line-height:1em;
margin:0 0 8px;
padding:0 0 25px;
}
		.articleBody .loginBox li.login a > span{
		color: #333;
		background:url(/images/active/2019/induction_login.png) 50% bottom no-repeat;
		}
		.articleBody .loginBox li.entry a > span{
		color: #333;
		background:url(/images/active/2019/induction_entry.png) 50% bottom no-repeat;
		}
.articleBody .loginBox li a > strong{
display:block;
font-size:28px;
line-height:1em;
font-weight:normal;
}
		.articleBody .loginBox li.login a > strong{
		color:#333351;
		}
		.articleBody .loginBox li.entry a > strong{
		color:#882d28;
		}
.articleBody .loginBox li a > strong > span{
font-size:14px;
line-height:1em;
}

.articleBody .loginBox li .entry_ballon{
background:#b42319;
color:#fff;
font-size:12px;
line-height:1.5em;
padding:8px 14px;
border-radius:12px;
position:absolute;
top:0;
right:-75px;
}

.articleBody .loginBox li .entry_ballon > strong{
font-weight:bold;
font-size:14px;
}

.articleBody .loginBox li .entry_ballon::after{
content:'';
border-top:10px solid #b42319;
border-right:10px solid transparent;
position:absolute;
bottom:-9px;
left:50%;
}

.loginBox p {
	border: 1px solid #333;
	padding: 1em;
	font-weight: normal;
	border-radius: 3px;
	color: #333;
	margin-left: 2em;
}


/* ================================================
■標準CSS（ITpro用）
================================================  */

/* ------------------------------ *
	リード
 * ------------------------------ */
.articleBody .bplead {
font-size: 14px;
line-height: 1.7em;
font-weight: bold;
margin-bottom: 30px;
}

	body.parents .articleBody .bplead {
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: normal;
	}

/* ------------------------------ *
	中見出し
 * ------------------------------ */
.articleBody > h3 {
margin: 30px 0 20px;
padding: 0 0 2px;
font-size: 22px;
line-height: 1.5em;
border-bottom: 3px solid #888899;
clear: both;
}
		.color_it .articleBody > h3 {
		border-bottom: 3px solid #ff9e9e;
		}
		.color_dm .articleBody > h3 {
		border-bottom: 3px solid #a0b4f0;
		}
		.color_kn .articleBody > h3 {
		border-bottom: 3px solid #b9dcaf;
		}

/* ------------------------------ *
	小見出し
 * ------------------------------ */
.articleBody > h4 {
margin: 20px 0 10px;
font-size: 20px;
line-height: 1.5em;
color: #666677;
clear: both;
}
		.color_it .articleBody > h4 {
		color: #e50065;
		}
		.color_dm .articleBody > h4 {
		color: #3f5eb3;
		}
		.color_kn .articleBody > h4 {
		color: #30754c;
		}

.articleBody > h5 {
margin: 15px 0 5px;
font-size: 18px;
line-height: 1.5em;
color: #333;
clear: both;
}
.articleBody > h5::before {
content:'';
display:inline-block;
width:6px;
height:15px;
background:#666677;
vertical-align:middle;
margin:0 5px 0 0;
border-radius:4px;
}
		.color_it .articleBody > h5::before {
		background:#e50065;
		}
		.color_dm .articleBody > h5::before {
		background:#3f5eb3;
		}
		.color_kn .articleBody > h5::before {
		background:#30754c;
		}
.articleBody > h6 {
margin: 10px 0 5px;
font-size: 16px;
line-height: 1.5em;
color: #333;
clear: both;
}

/* ------------------------------ *
	地の文
 * ------------------------------ */
.articleBody p {
font-size: 16px;
line-height: 1.7em;
margin:0 0 20px;
}

	body.index .articleBody > p {
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: normal;
	}

/* ------------------------------ *
	箇条書き
 * ------------------------------ */
/*
.articleBody ul {
    margin-top: 20px;
    margin-bottom: 20px;
}
.articleBody > ul > li {
    font-size: 16px;
    line-height: 1.5em;
    margin: 0 0 10px 30px;
    text-indent: -16px;
}
.articleBody > ul > li:before,
.bpbox_text li:before {
    content: '';
    width: 6px;
    height: 6px;
    background: #999;
    display: inline-block;
    border-radius: 3px;
    vertical-align: middle;
    margin-right: 10px;
}
.articleBody ol>li{
list-style-type:decimal;
text-indent: 0;
}
*/

/* ------------------------------ *
	質問
 * ------------------------------ */
.articleBody .bpquestion{
font-size: 16px;
line-height: 1.7em;
font-weight: bold;
margin:0 0 10px;
}
	 .articleBody .bpquestion::before{
	content:'――';
	}
/* ------------------------------ *
	質問への回答
 * ------------------------------ */
.articleBody .bpanswer {
font-size: 16px;
line-height: 1.7em;
}

/* ------------------------------ *
	画像
 * ------------------------------ */
.articleBody .bpimage_image {
margin-bottom:10px;
}
.articleBody .bpimage_title + .bpimage_image {
margin-top:5px;
}
.articleBody .bpimage_image img {
max-width: 100%;
}

/* ------------------------------ *
	画像のキャプション
 * ------------------------------ */
.articleBody .bpimage_title {
font-size: 13px;
line-height: 1.5em;
font-weight: bold;
}
.articleBody .bpimage_caption {
font-size: 12px;
line-height: 1.5em;
}
.articleBody .bpimage_click {
font-size: 12px;
line-height: 1.5em;
color:#d20064;
}

/* ------------------------------ *
	図（回り込み：左）右配置
 * ------------------------------ */
.articleBody .bpimage_right {
float: right;
margin: 10px 0 15px 30px;
}

/* ------------------------------ *
	図（回り込み：右）左配置
 * ------------------------------ */
.articleBody .bpimage_left {
float: left;
margin: 10px 30px 15px 0;
}

/* ------------------------------ *
	図（スタンダード）中央配置
 * ------------------------------ */
/*.articleBody .bpbox_center{ text-align:center; }*/
.articleBody .bpimage_center {
width: 500px;
margin: 10px auto 30px;
}


/* ------------------------------ *
	図（二つ並び）
 * ------------------------------ */
.articleBody .bpimage_double {
width: 500px;
margin: 10px auto 30px;
overflow: hidden;
}
.articleBody .bpimage_double .bpimage_left{
margin:0;
}
.articleBody .bpimage_double .bpimage_right {
margin: 0;
}


/* ------------------------------ *
	図（三つ並び）
 * ------------------------------ */
.articleBody .bpimage_triple {
width: 500px;
margin: 10px auto 30px;
overflow: hidden;
}
.articleBody .bpimage_triple .bpimage_wrap {
margin: 0;
float: left;
overflow: hidden;
}
.articleBody .bpimage_triple .bpimage_left {
margin: 0;
}
.articleBody .bpimage_triple .bpimage_center{
float:right;
margin:0;
}
.articleBody .bpimage_triple .bpimage_right{
margin:0;
}



/* ------------------------------ *
	図（縦積み）
 * ------------------------------ */
.articleBody .bpbox_left{ float:left; margin:10px 10px 10px 0; }
.articleBody .bpbox_right{ float:right; margin:10px 0 10px 10px; }
.articleBody .bpimage_set{ margin:0 0 10px 0; }



/* ------------------------------ *
	図（エトキ右配置）
 * ------------------------------ */
.articleBody .bpimage_caption_right {
margin: 0 auto 20px;
overflow:hidden; zoom:1;
}
	.articleBody .bpimage_caption_right .bpimage_left {
	margin-bottom:0;
	}
.articleBody .bpimage_caption_right .bpimage_title{
padding:10px 0 0;
clear:none;
}
.articleBody .bpimage_caption_right .bpimage_caption{
clear:none;
}


/* ------------------------------ *
	プロフィール
 * ------------------------------ */
.articleBody .bpprofile,
.articleBody .bpprofile_photo {
width: auto;
clear: both;
border-top: 3px solid #999;
margin: 50px 0 50px;
padding: 18px 5px 0;
overflow: hidden; zoom: 1;
}
.articleBody .bpprofile_profile{
margin:0 0 15px;
}

.articleBody .bpprofile_position {
font-size: 14px;
line-height: 1.3em;
display: inline-block;
margin: 5px 0 0;
}

.articleBody .bpprofile_name {
font-size: 16px;
line-height: 1.3em;
font-weight: bold;
display: inline-block;
margin: 0;
}
.articleBody .bpprofile_text {
font-size: 12px;
line-height: 21px;
margin:15px 0 0;
}

/* ------------------------------ *
	プロフィール（顔写真付）
 * ------------------------------ */
.articleBody .bpprofile_photo .bpprofile_text img {
float: right;
margin: 0 0 0 30px;
padding: 0;
}

/* ------------------------------ *
	インタビュープロフィール用
 * ------------------------------ */
.articleBody .bpinterview {
width: auto;
margin: 30px 0;
padding:15px;
border: 1px solid #ccc;
}
.articleBody .bpinterview_profile {
margin: 0 0 15px;
}
.articleBody .bpinterview_position {
font-size: 14px;
line-height: 1.3em;
display: inline-block;
margin: 0 0 5px;
}
.articleBody .bpinterview_name {
font-size: 16px;
line-height: 1.3em;
font-weight: bold;
display: inline-block;
}
.articleBody .bpinterview_text{
font-size: 12px;
line-height: 21px;
margin: 15px 0 0;
}

/* ------------------------------ *
	囲み共通
 * ------------------------------ */
.articleBody .bpbox,
.articleBody .bpbox2,
.articleBody .bpbox3,
.articleBody .bpbox4,
.articleBody .bpframe {
width: auto;
clear: both;
margin: 30px 0;
padding: 20px 30px;
}
.articleBody .bpbox_title {
font-size: 16px;
line-height: 1.3em;
font-weight: bold;
margin: 0 0 15px;
padding:0 0 5px;
}
.articleBody .bpbox_text h3 {
    font-size: 16px;
    line-height: 1.3em;
    margin-bottom: 10px;
}
.articleBody .bpbox_text h4 {
    font-size: 14px;
    line-height: 1.7em;
    margin-bottom: 10px;
}
.articleBody .bpbox_text p + h3 ,
.articleBody .bpbox_text p + h4 {
    margin-top: 20px;
}
.articleBody .bpbox_text,
.articleBody .bpbox_text p {
font-size: 14px;
line-height: 1.7em;
margin: 0;
overflow:hidden;
}
.articleBody .bpbox_text .bpimage_left{margin: 0 15px 0 0;}

.articleBody .bpbox_text p + p {
margin-top: 15px;
}
.articleBody .bpbox_text li {
    font-size: 14px;
    line-height: 1.5em;
    margin: 0 0 8px 30px;
}

/* ------------------------------ *
	囲み1
 * ------------------------------ */
.articleBody .bpbox {
border: 1px solid #fca8a8;
background: #fffafa;
}
.articleBody .bpbox .bpbox_title {
color:#e50065;
border-bottom:1px solid #e50065;
}
.articleBody .bpbox .bpbox_text h3 {
color:#e50065;
}

/* ------------------------------ *
	囲み2
 * ------------------------------ */
.articleBody .bpbox2 {
border: 1px solid #b4c8c8;
background: #f3fafa;
}
.articleBody .bpbox2 .bpbox_title {
color:#3c7878;
border-bottom:1px solid #3c7878;
}
.articleBody .bpbox2 .bpbox_text h3 {
color:#3c7878;
}

/* ------------------------------ *
	囲み3
 * ------------------------------ */
.articleBody .bpbox3 {
border: 1px solid #ccccaa;
background: #fffae6;
}
.articleBody .bpbox3 .bpbox_title {
color:#be6400;
border-bottom:1px solid #be6400;
}
.articleBody .bpbox3 .bpbox_text h3 {
color:#be6400;
}

/* ------------------------------ *
	囲み4
 * ------------------------------ */
.articleBody .bpbox4 {
border: 1px solid #99afc6;
background: #f5faff;
}
.articleBody .bpbox4 .bpbox_title {
color:#2a65a0;
border-bottom:1px solid #2a65a0;
}
.articleBody .bpbox4 .bpbox_text h3 {
color:#2a65a0;
}

/* ------------------------------ *
	シンプル囲み
 * ------------------------------ */
 .articleBody .bpframe {
border: 1px solid #ccc;
background: #fafafa;
}
.articleBody .bpframe .bpbox_title {
color:#333;
border-bottom:1px solid #333;
}
.articleBody .bpframe .bpbox_text h3 {
color:#333;
}

/* ------------------------------ *
	訂正
 * ------------------------------ */
.articleBody div.bpteisei_box {
width: auto;
clear: both;
margin: 30px 0;
padding: 15px 20px;
background: #f0f0f0;
border-radius: 3px;
}
.articleBody div.bpteisei_box .bpteisei{
font-size:12px;
line-height:1.5em;
}
.articleBody div.bpteisei_box .bpteisei b{
/*color:#e50065;*/
color:#333;
margin:0 0 5px;
}

/* ------------------------------ *
	用語解説
 * ------------------------------ */
.articleBody div.bpword {
font-size: 16px;
line-height: 1.7em;
padding: 0;
margin: 30px 0;
}

/* ------------------------------ *
	アンケートなどdl
 * ------------------------------ */
/*
この以下2つのinputとlabelのセレクタは、よりレイアウトをキレイにするもの。
不可欠ではない。
他とコンフリクトするようであれば、セレクタで狭めるなど対処する。
*/
.articleBody input[type="radio"],
.articleBody input[type="checkbox"] {
    float: left;
    margin-top:5px;
}
.articleBody label {
    display: block;
    overflow: hidden;
}

.articleBody dt {
font-size: 16px;
font-weight:bold;
line-height: 1.7em;
padding: 0;
margin: 30px 0 15px;
/*アンケート用により整形したいときは
padding: 0 0 0 45px;
text-indent: -45px;*/
}
.articleBody dd {
font-size: 16px;
line-height: 1.7em;
padding: 0;
margin: 15px 0 0px;
display:block;
}
.articleBody dd label::after {
content: "\A" ;
/*white-space: pre ;*/
display:block;
}
.articleBody input[type="text"]{
border:1px solid #bebebe;
border-radius:3px;
width:100%;
height:30px;
padding:0 10px 0 10px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size:14px;
-webkit-box-shadow:inset 0px 1px 5px rgba(0, 0, 0, 0.15);
box-shadow:inset 0px 1px 5px rgba(0, 0, 0, 0.15);
}
.articleBody textarea{
border:1px solid #bebebe;
border-radius:3px;
width:100%;
height:160px;
padding:10px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size:14px;
-webkit-box-shadow:inset 0px 1px 5px rgba(0, 0, 0, 0.15);
box-shadow:inset 0px 1px 5px rgba(0, 0, 0, 0.15);
}
.articleBody input[type="submit"]{
font-size:18px;
color:#fff;
background:#666677;
border:none;
border-radius:3px;
width:300px;
height:30px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display:block;
margin:0 auto 30px;
}
		.color_it .articleBody input[type="submit"]{
		background:#e50065;
		}
		.color_dm .articleBody input[type="submit"]{
		background:#3f5eb3;
		}
		.color_kn .articleBody input[type="submit"]{
		background:#30754c;
		}


/* ------------------------------ *
	注釈
 * ------------------------------ */
.articleBody div.bpannotation {
font-size: 14px;
line-height: 1.5em;
margin: 30px 0;
}

/* ------------------------------ *
	参考文献
 * ------------------------------ */
.articleBody div.bpreference {
font-size: 12px;
line-height: 1.5em;
border-top: 1px solid #ccc;
padding: 15px 20px;
}

/* ------------------------------ *
	テーブル基本
 * ------------------------------ */
.articleBody .bptable{
/*width:600px;*/
margin:10px auto 30px;
overflow:auto;
}
.articleBody .bptable table{
/*width:600px;*/
border-collapse:collapse;
}

.articleBody .bptable th,
.articleBody .bptable td{
border:1px solid #bebebe;
padding:9px;
font-size:13px;
line-height:1.3em;
}
.articleBody .bptable th{
text-align:left;
background:#f0f0f0;
}
		.color_it .articleBody .bptable th{
		text-align:left;
		background:#faf0f0;
		}
		.color_dm .articleBody .bptable th{
		text-align:left;
		background:#f0f2fa;
		}
		.color_kn .articleBody .bptable th{
		text-align:left;
		background:#f5faf0;
		}

.articleBody .bptable_title {
font-size: 13px;
line-height: 1.5em;
font-weight: bold;
}
.articleBody .bptable_caption {
font-size: 12px;
line-height: 1.5em;
}
.articleBody .bptable_title + table,
.articleBody .bptable_caption + table{
margin-top:10px;
}

/* ------------------------------ *
	テーブル（イ）表左寄せ
 * ------------------------------ */
.articleBody .bptable_left{
float:left;
clear:both;
margin:0 30px 10px 0;
}
/* ------------------------------ *
	テーブル（ウ）表右寄せ
 * ------------------------------ */
.articleBody .bptable_right{
float:right;
clear:both;
margin:0 0 10px 30px;
}
/* ------------------------------ *
	テーブル（エ）表中央
 * ------------------------------ */
.articleBody .bptable_center{
clear:both;
}







/* ================================================
■標準CSS追加2016.12
================================================  */

    .articleBody .fontSizeXXL { font-size: 3em; line-height:1.5em;}
    .articleBody .fontSizeXL { font-size: 2em;  line-height:1.5em;}
    .articleBody .fontSizeL { font-size: 1.5em;  line-height:1.5em;}
    .articleBody .fontSizeS { font-size: 0.8em;  line-height:1.5em;}
    .articleBody .fontSizeXS { font-size: 0.4em;  line-height:1.5em;}




    /* 文字色と背景色 */
    .articleBody .textCol { color: #e50065; } /* サイトカラーに合わせてcolorを変更 */
    .articleBody .textColTintA { color: #FE3030; } /* サイトカラーに合わせてcolorを変更 */
    .articleBody .textColTintB { color: #FE6060; } /* サイトカラーに合わせてcolorを変更 */
    .articleBody .textColShade { color: #FF9090; } /* サイトカラーに合わせてcolorを変更 */
    .articleBody .textColShadeA { color: #FFC0C0; } /* サイトカラーに合わせてcolorを変更 */
    .articleBody .textColShadeB { color: #FFF0F0; } /* サイトカラーに合わせてcolorを変更 */
    .articleBody .bgCol { background-color: #e50065; }
    .articleBody .bgColTintA { background-color: #FE3030; }
    .articleBody .bgColTintB { background-color: #FE6060; }
    .articleBody .bgColShade { background-color: #FF9090; }
    .articleBody .bgColShadeA { background-color: #FFC0C0; }
    .articleBody .bgColShadeB { background-color: #FFF0F0; }
    .articleBody .textColBlackTintA { color: dimgray; }
    .articleBody .textColBlackTintB { color: darkgray; }
    .articleBody .textColBlackShade { color: lightgrey; }
    .articleBody .textColBlackShadeA { color: gainsboro; }
    .articleBody .textColBlackShadeB { color: whitesmoke;}
    .articleBody .bgColBlack { background-color: black; }
    .articleBody .bgColBlackTintA { background-color: dimgray; }
    .articleBody .bgColBlackTintB { background-color: darkgray; }
    .articleBody .bgColBlackShade { background-color: lightgrey; }
    .articleBody .bgColBlackShadeA { background-color: gainsboro; }
    .articleBody .bgColBlackShadeB { background-color: whitesmoke;}
    .articleBody .textColBlack { color: black; }
    .articleBody .textColGray { color: gray; }
    .articleBody .textColSilver { color: silver; }
    .articleBody .textColWhite { color: white; }
    .articleBody .textColRed { color: red; }
    .articleBody .textColYellow { color: yellow; }
    .articleBody .textColLime { color: lime; }
    .articleBody .textColAqua { color: aqua; }
    .articleBody .textColBlue { color: blue; }
    .articleBody .textColFuchsia { color: fuchsia; }
    .articleBody .textColMaroon { color: maroon; }
    .articleBody .textColOlive { color: olive; }
    .articleBody .textColGreen { color: green; }
    .articleBody .textColTeal { color: teal; }
    .articleBody .textColNavy { color: navy; }
    .articleBody .textColPurple { color: purple; }
    .articleBody .bgColBlack { background-color: black; }
    .articleBody .bgColGray { background-color: gray; }
    .articleBody .bgColSilver { background-color: silver; }
    .articleBody .bgColWhite { background-color: white; }
    .articleBody .bgColRed { background-color: red; }
    .articleBody .bgColYellow { background-color: yellow; }
    .articleBody .bgColLime { background-color: lime; }
    .articleBody .bgColAqua { background-color: aqua; }
    .articleBody .bgColBlue { background-color: blue; }
    .articleBody .bgColFuchsia { background-color: fuchsia; }
    .articleBody .bgColMaroon { background-color: maroon; }
    .articleBody .bgColOlive { background-color: olive; }
    .articleBody .bgColGreen { background-color: green; }
    .articleBody .bgColTeal { background-color: teal; }
    .articleBody .bgColNavy { background-color: navy; }
    .articleBody .bgColPurple { background-color: purple; }


    /* テキストの強調 */
    .articleBody b, .articleBody .fontBold { font-weight: bold; }
    .articleBody .fontNormal { font-weight: normal; }
    .articleBody i, .articleBody .fontItalic { font-style: italic; }
    .articleBody em, .articleBody strong { font-style:normal; font-weight: normal; } /* emとstrongのスタイルリセット */
    .articleBody u, .articleBody .textSolidUndrLine { text-decoration: none; padding-bottom: 0em; border-bottom: solid 0.1em gray; }
    .articleBody .textUnsolidUndrLine { padding-bottom: 0em; border-bottom: dashed 0.1em gray; }
    .articleBody s, .articleBody del, .articleBody .textLineThrough { text-decoration: line-through; }


    /* 対談、インタビュー */
    .articleBody p span.speaker01 { color: blue; font-weight: bold; margin-right: 0.5em;}
    .articleBody p span.speaker02 { color: red; font-weight: bold; margin-right: 0.5em;}
    .articleBody p span.speaker03 { color: green; font-weight: bold; margin-right: 0.5em;}
    .articleBody p span.speaker04 { color: lime; font-weight: bold; margin-right: 0.5em;}
    .articleBody p span.speaker05 { color: olive; font-weight: bold; margin-right: 0.5em;}
    .articleBody p span.speaker06 { color: yellow; font-weight: bold; margin-right: 0.5em;}
    .articleBody p span.speaker07 { color: fuchsia; font-weight: bold; margin-right: 0.5em;}
    .articleBody p span.speaker08 { color: lightcoral; font-weight: bold; margin-right: 0.5em;}
    .articleBody p span.speaker09 { color: purple; font-weight: bold; margin-right: 0.5em;}



    /* テキストの上付き、下付き */
    .articleBody sup { vertical-align: super; }
    .articleBody sub { vertical-align: sub; }



    /* マーカー（Highlight） */
    .articleBody .textHighlight { padding: 0.15em; background: #e50065;  color: white; }
    .articleBody .textHighlightTintA { padding: 0.15em; background: #4c5aaf; color: white; }
    .articleBody .textHighlightTintB { padding: 0.15em; background: #6e9d3b; color: white; }
    .articleBody .textHighlightShade { padding: 0.15em; background: #ff8282; background: linear-gradient(transparent 60%, #ff8282 60%); }
    .articleBody .textHighlightShadeA { padding: 0.15em; background: #919ef1; background: linear-gradient(transparent 60%, #919ef1 60%); }
    .articleBody .textHighlightShadeB { padding: 0.15em; background: #a2d769; background: linear-gradient(transparent 60%, #a2d769 60%); }



    /* 左寄せ、左右中央、右寄せ */
    .articleBody .textAlignLeft { text-align: left;}
    .articleBody .textAlignCenter { text-align: center; }
    .articleBody .textAlignRight { text-align: right; }




    /* 区切り要素 */
    .articleBody hr.asterisk { border: none;}
    .articleBody hr.asterisk:after { content: "＊＊＊＊＊"; letter-spacing: 3em; margin-right: -3em;  text-align:center;}
    .articleBody hr.diamond { border: none; }
    .articleBody hr.diamond:after { content: "◇◇◇"; letter-spacing: 5em; margin-right: -5em; text-align:center;}
    .articleBody hr, .articleBody hr.line { border-top: 1px solid gray; }
    .articleBody hr:after, .articleBody hr.line:after { content: ""; display: block; }
    /* hrスタイルのアイディアは
    http://www.nxworld.net/tips/hr-css-design.html
    http://coliss.com/articles/build-websites/operation/css/css-simple-styles-for-horizontal-rules-by-css-tricks.html
    などを参考に */




    /* 回り込み解除 */
    .articleBody .clearLeft { clear: left; }
    .articleBody .clearRight { clear: right; }
    .articleBody .clearBoth { clear: both; }
    .articleBody .clearFix:after { content:""; display:block; clear:both; }





    /* リスト */

.articleBody ul,
.articleBody ol {
    margin-top: 20px;
    margin-bottom: 20px;
}
.articleBody ul li,
.articleBody ol li{
    font-size: 16px;
    line-height: 1.5em;
}
/*.articleBody > ul > li {
    font-size: 16px;
    line-height: 1.5em;
    margin: 0 0 10px 30px;
    text-indent: -16px;
}
.articleBody > ul > li:before,
.bpbox_text li:before {
    content: '';
    width: 6px;
    height: 6px;
    background: #999;
    display: inline-block;
    border-radius: 3px;
    vertical-align: middle;
    margin-right: 10px;
}
.articleBody ol>li{
list-style-type:decimal;
text-indent: 0;
}*/

    /*.articleBody ul > li, .articleBody ol > li { padding-left: 0.4em; line-height: 1.4; }
    .articleBody dl > dd { margin-left: 2em;  line-height: 1.4; }*/
    .articleBody ul, .articleBody ol, .articleBody dl { margin-bottom: 1.5em; }
    .articleBody ul, .articleBody ul.disc { padding-left: 2em; list-style-type: disc;}
    .articleBody ul.circle { padding-left: 2em; list-style-type: circle;}
    .articleBody ul.square { padding-left: 2em; list-style-type: square;}
    .articleBody ul.none { padding-left: 0.5em; list-style-type: none;}
    .articleBody ol { padding-left: 2em; list-style-type: decimal; }
    .articleBody ol.upperAlpha { list-style-type: upper-alpha; }
    .articleBody ol.lowerAlpha { list-style-type: lower-alpha; }
    .articleBody ol.upperRoman { list-style-type: upper-roman; }
    .articleBody ol.lowerRoman { list-style-type: lower-roman; }
    .articleBody ol.circledDecimal { padding-left: 1.5em; list-style: none; }
    .articleBody ol.circledDecimal li { text-indent: -1em; }
    .articleBody ol.circledDecimal li:before { padding-right: 0.5em; }
    .articleBody ol.circledDecimal li:first-child:before { content: "\2460"; }
    .articleBody ol.circledDecimal li:first-child+li:before { content: "\2461"; }
    .articleBody ol.circledDecimal li:first-child+li+li:before { content: "\2462"; }
    .articleBody ol.circledDecimal li:first-child+li+li+li:before { content: "\2463"; }
    .articleBody ol.circledDecimal li:first-child+li+li+li+li:before { content: "\2464"; }
    .articleBody ol.circledDecimal li:first-child+li+li+li+li+li:before { content: "\2465"; }
    .articleBody ol.circledDecimal li:first-child+li+li+li+li+li+li:before { content: "\2466"; }
    .articleBody ol.circledDecimal li:first-child+li+li+li+li+li+li+li:before { content: "\2467"; }
    .articleBody ol.circledDecimal li:first-child+li+li+li+li+li+li+li+li:before { content: "\2468"; }
    .articleBody ol.circledDecimal li:first-child+li+li+li+li+li+li+li+li+li:before { content: "\2469"; }
    .articleBody ol.circledDecimal li:first-child+li+li+li+li+li+li+li+li+li+li:before { content: "\246a"; }
    .articleBody ol.circledDecimal li:first-child+li+li+li+li+li+li+li+li+li+li+li:before { content: "\246b"; }
    .articleBody ol.circledDecimal li:first-child+li+li+li+li+li+li+li+li+li+li+li+li:before { content: "\246c"; }
    .articleBody ol.circledDecimal li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li:before { content: "\246d"; }
    .articleBody ol.circledDecimal li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li:before { content: "\246e"; }
    .articleBody ol.circledDecimal li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li:before { content: "\246f"; }
    .articleBody ol.circledDecimal li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li:before { content: "\2470"; }
    .articleBody ol.circledDecimal li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li:before { content: "\2471"; }
    .articleBody ol.circledDecimal li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li:before { content: "\2472"; }
    .articleBody ol.circledDecimal li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li:before { content: "\2473"; }
/*
    .articleBody dl > dt { text-decoration: underline; margin: 1em 0 0.3em; }
    .articleBody dl > dd > ul { margin-top: 0.5em; }
*/



    /* 引用 */
    .articleBody blockquote{ border:1px solid #bebebe; padding:5em 2em 3em; position: relative; border-radius:6px;}
    .articleBody blockquote:before{content:"“";font-size: 8em;line-height: 1;font-family: serif;color: #e50065;position: absolute;left: 5px;top: 0;}
    .articleBody blockquote:after{content:"”";font-size: 8em;line-height: 0;font-family: serif;color: #e50065;position: absolute;right: 5px;bottom: 0;}
    .articleBody blockquote cite  { font-style: normal; }

.articleBody blockquote h3  {
font-size:24px;
margin:0 0 20px;
}
.articleBody blockquote .textAlignRight  {
font-size:14px;
}


    /* コード */


/* ------------------------------ *
	コードリスト共通
 * ------------------------------ */
.articleBody .bpcode,
.articleBody .bpcode2 {
margin: 30px 0;
}
.articleBody .bpcode pre,
.articleBody .bpcode2 pre {
width: auto;
clear: both;
margin: 0;
padding: 15px;
overflow: auto; /*ITP追加*/
line-height: 1.5em;
font-size: 14px;
}
.articleBody pre {
width: auto;
clear: both;
margin: 30px 0;
padding: 15px;
overflow: auto; /*ITP追加*/
line-height: 1.5em;
font-size: 14px;
border: 1px solid #ccc;
}
/* ------------------------------ *
	コードリスト（灰色）
 * ------------------------------ */
.articleBody .bpcode {
background: #f5fafa;
}
.articleBody pre.light {
background: #f5fafa;
border: 1px solid #b4c8c8;
}
/* ------------------------------ *
	コードリスト（緑色）
 * ------------------------------ */
.articleBody .bpcode2 {
background: #666666;
color:#fff;
}
.articleBody pre.dark {
background: #666666;
border: 1px solid #666666;
color:#fff;
}














/*questionnaire*/
.questionnaire_box {
    margin-bottom:30px;
    border: 3px solid #cccccc;
    box-sizing: border-box;
    padding: 20px 10px;
    background: #ffffff;
    color: #333333;
    font-size: 110%;
}

.articleBody .questionnaire_box p,
.articleBody .questionnaire_box li{
font-size:12px;
list-style:none;
}

.questionnaire_box .ttl {
    margin: 0 0 10px 0;
    font-size: 100%; /*ITPA変更*/
    line-height: 1.4em;
}

.questionnaire_box .ttl h3 {
    background: #e6e6e6;
    padding: 10px 10px 7px 10px;
    border-bottom: 1px solid #ffffff;
    font-weight: normal;
    line-height: 1.0em;
    font-size:14px;
    border-radius:4px;
}
		.color_it .questionnaire_box .ttl h3 {
		    background: #ffcccc;
		}
		.color_dm .questionnaire_box .ttl h3 {
		    background: #ccddff;
		}
		.color_kn .questionnaire_box .ttl h3 {
		    background: #dcfadc;
		}

.questionnaire_box .data_box {
    padding: 0 0 5px 0px;
    font-size: 100%; /*ITPA変更*/
    line-height: 1.4em;
}

.questionnaire_box .data_box .lst_material {
    padding: 0 0 10px 0;
}

.questionnaire_box .data_box .lst_question {
    margin: 0;
    list-style: none;
    padding: 0;
}
}

.questionnaire_box .data_box .lst_question .question {
    padding: 0 0 10px 0;
}

.questionnaire_box .data_box .lst_question .question .text_box textarea,
.questionnaire_box .data_box .lst_question .question .text_box input[type="text"]{
	width: 100%;
	padding: 5px;
	font-size: 14px;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;

}
.questionnaire_box .data_box .checkbox {
    font-weight:bold;
    float:left;
}
.questionnaire_box .data_box .meterial_size {
    float:right;
    line-height: 1.8em;
}
.questionnaire_box .data_box .provider {
    padding: 3px 0 10px 25px;
    clear:both;
}
.questionnaire_box .data_box .title {
    border-bottom:1px solid #ccc;
    margin:10px 0 10px 0;
    padding:5px 0;
    line-height: 1.6em;
}
.questionnaire_box .data_box .title .red {
	color: #e50065;
}
.questionnaire_box input {
    margin-right:7px;
}
.questionnaire_box label {
    line-height: 1.8em;
}



.questionnaire_box .permission {
    /*border-top: 1px dotted #cccccc;*/
    padding: 0 0 0 0;
}

.questionnaire_box .permission h3 {
    line-height: 1.4em;
    padding: 0 0 10px 0;
}

.questionnaire_box .permission .text {
    font-size: 12px;
    line-height: 1.4em;
}

.questionnaire_box .permission .iframe_box {
    height: 70px;
    padding: 0px 0 5px 0;
    border: 1px solid #cccccc;
    margin: 10px 0 10px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.questionnaire_box .permission .iframe_box iframe {
    width: 100%;
    height: 70px;
	display:block;
}

.questionnaire_box .permission .text_center {
    text-align: center;
}

.questionnaire_box .grey_btn {
    padding: 10px 0 0 0;
    text-align: center;
}

.questionnaire_box .grey_btn .btn_width {
    width: 300px;
    display: block;
    padding: 15px 0 11px;
    margin: 0 auto;
    text-align: center;
    background: #e50065;
    font-size: 16px;
    line-height: 1.2em;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: bold;
    border-radius:4px;
}

.questionnaire_box .grey_btn a:hover.btn_width {
    color: #ffffff !important;
    text-decoration: none !important;
}

.questionnaire_box .data_box{
    list-style-type: none;
}

.questionnaire_box .data_box .question_box{
    padding-left: 0;
}

.leaf_frame .grey_box {
   margin-top: 40px;
}

.bottom_pager_wrap_mt15 {
    margin-top: 25px;
    margin-bottom: 25px
}

.ts_login {
    padding: 0px;
}
.download_end{
    padding: 0px 0px 25px 0px;
	text-align: center;
	font-weight: bold;
	color: #909090;
}

/* ttl */
.ttl_block_typ1_grey{
	margin: 30px 0 10px;
	background: #E9E9E9;
	}
.ttl_block_typ1_grey h2{
	/*background: #c80a14;*/
	background: #666677;
	font-size: 16px;
	padding: 10px 0 10px 15px;
	line-height: 1em;
	font-weight: bold;
	color: #fff;
	text-align:center
	}
		.color_it .ttl_block_typ1_grey h2{
			background: #e50065;
			}
		.color_dm .ttl_block_typ1_grey h2{
			background: #3f5eb3;
			}
		.color_kn .ttl_block_typ1_grey h2{
			background: #30754c;
			}

/* pagenation */
#pageNationBottom .toNextPage span{
  font-weight: bold;
  color: #999 !important;
  font-size: 16px;
  text-decoration: none !important;
  display: inline-block;
  padding: 4px 20px 2px 84px;
  border: 1px solid #d2d2d2;
  background: #eeeeee url("/images/active/2019/page_next.gif") no-repeat scroll 20px center;
  text-decoration: none;
}

.articleBody .questionnaire_box input[type="radio"],
.articleBody .questionnaire_box input[type="checkbox"] {
float: none;
margin-top:0;
}


/* 未ログイン時のボタン */
.questionnaire_box2 {
    margin-bottom:30px;
    box-sizing: border-box;
    padding: 20px 10px;
    background: #ffffff;
}

.questionnaire_box2 .grey_btn {
    text-align: center;
}

.questionnaire_box2 .grey_btn .btn_width {
    width: 300px;
    display: block;
    padding: 15px 0 11px;
    margin: 0 auto;
    text-align: center;
    background: #cccccc url(/images/active/2019/bizinq/common_btn_icon_arrow.png) no-repeat 50px 15px;
    font-size: 86%;
    line-height: 1.2em;
    color: #ffffff;
    text-decoration: none;
    border-top: 1px solid #EFEFEF;
    border-left: 1px solid #EFEFEF;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    font-weight: bold;
}

/* ITP追加 common.css 2014 から*/

.keywordTop { width: 500px; margin: 20px 0; background-color: #fff; padding: 0 0 10px;}
.keywordTop ul { width: 500px; overflow: hidden; margin-bottom: 20px;}
.keywordTop ul li { width: 24px; height: 24px; float: left; text-align: center; font-size: 15px; margin:0 5px 5px 0; line-height: 24px; background: url(/images/active/2019/bg_word.gif) no-repeat -24px 0;}
.keywordTop ul li.none { color: #999; background: url(/images/active/2019/bg_word.gif) no-repeat -48px 0;}
.keywordTop ul li a { color: #333; display: block;}
.keywordTop ul li a:hover { color: #fff; background: url(/images/active/2019/bg_word.gif) no-repeat 0 0;}
.keywordTop ul.jp1 { width: 150px; float: left; margin-right: 30px;}
.keywordTop ul.jp2 { width: 150px;}
.keywordTop .clear { clear: left;}

/*==============================================
プリントページ
==============================================*/
body.print .content{
width:auto;
margin:20px;
}
body.print article{
width:auto;
float:none;
}

body.print > #wrapper > footer{
width:auto;
margin:20px;
border-top:1px solid #dadada;
}

/*--------------------------
記事ヘッダ（プリント）
----------------------------*/

body.print #headerBlock{
overflow:hidden;
min-width:auto;
height:auto;
margin:20px 20px 0;
border: 1px solid #e50065;
padding: 10px;
}

body.print .siteLogo{
position:static;
width:203px;
margin:5px 30px 0 0;
float:left;
}
body.print .siteLogo img{
width:203px;
height:auto;
}
.print_header{
overflow:hidden;
word-wrap:break-word;
overflow-wrap: break-word;
}
.print_header p{
font-size:13px;
line-height:1.3em;
}
.print_header small{
display: block;
margin:2px 0 0;
font-size:12px;
line-height:1.3em;
}


body.print .articleHeaderTop{
padding:15px 15px 25px;
background:#f8f9fa;
overflow:hidden;
}
body.print .articleHeaderTop time{
text-align:right;
display:block;
}
body.print .articleHeaderTop h1{
font-size:30px;
line-height:40px;
}

/*-------------------
お問い合わせ
-------------------*/

.links .list_F dt {
width: 60px;
display:inline-block;
verrtical-align:top;
}

.links .list_F dd {
width: 570px;
display:inline-block;
verrtical-align:top;
}


.links .list_F .text p {
font-size: 14px;
line-height: 21px;
margin-top: 0;
}

.notice_box p {
	font-size: 14px;
	margin: 0;
	color: #666;
	line-height:1.2;
}

.notice_box {
	margin-bottom: 40px;
}


/*-------------------
clad配置指定
-------------------*/

.clad_image .bpbox_center {
margin: 0 auto;
}
.clad_image .bpimage_image img {
max-width: 450px;
}



/*=============================
拡大画像での調整（bodyタグに.closeupImageを付与）
==============================*/
body.closeupImage #wrapper > header {
width:auto;
}
body.closeupImage .content{
width:auto;
margin:0 20px 40px;
overflow:visible;
}
body.closeupImage article{
width:auto;
float:none;
}
body.closeupImage .articleBody{
overflow:visible;
}


/* 第三者提供先の個人情報保護方針 */
.questionnaire_box .data_box .lst_question .policy_links{
padding:5px 0;
font-size: 12px;
}
.questionnaire_box .data_box .lst_question .policy_links li{
margin:10px 0 10px 30px;
list-style:circle;
}

/*==============================================
MYページ
==============================================*/

/*--------------------------
bodyのclassに関係なく
---------------------------*/
.sec_message{
border:1px solid #dadada;
padding:45px 30px 30px;
}
.sec_message > h1{
font-size:22px;
line-height:1.3em;
margin:0 0 15px;
}
.sec_message > p{
font-size:16px;
line-height:1.5em;
}
/*追加する記事の下区切り罫を消す*/
.sec_message li{
border:none;
}
/*新規登録とログインボタンの調整*/
.sec_message .loginBox{
margin:20px 0 10px;
}
.sec_message .loginBox::before{
content:none;
}
.sec_message .button.middle a {
	font-size: 12px;
	font-size: 14px;
	min-width: auto;
	margin: 10px 5px;
	padding: 15px 10px;
}
.sec_message .button a {
	font-size: 20px;
	line-height: 1.3em;
	color: #fff !important;
	text-decoration: none !important;
	display: inline-block;
	border-radius: 4px;
	min-width: 300px;
	background: #4664b4;
	margin: 10px;
	padding: 15px 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle;
	text-align: center;
}

/*--------------------------
マイページ基本（body.mypage）
---------------------------*/
/*デザイン調整*/
#mypage .list_A .text {
	margin: 0;
}
#mypage .list_A li h4 {
	margin: 0;
}
#mypage .list_A h3 {
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 10px;
}

/*一覧ボタン*/
a.my_list {
	display: block;
	position: absolute;
	background: #666677;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	line-height: 1em;
	text-align: center;
	border-radius: 4px;
	top: 7px;
	right: 5px;
	padding: 5px 8px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
}
a.my_list:hover{
opacity:0.7;
}
a.my_list:visited {
	color: #fff;
}
h3 a.delete {
	text-align: right;
	float: right;
	font-size: 20px;
	font-weight: normal;
}

/*MYキーワードや連載ウォッチのネスト*/
.list_nest > li + li{
padding:20px 0 0;
}
.nest_word{
display:block;
position:relative;
background:#f5f5f5;
margin:0 0 10px;
padding:15px 40px 15px 10px;
font-size:16px;
font-weight:bold;
border-radius:4px;
border:1px solid #e5e5e5;
}



/*-------------------------
キーワード登録画面
--------------------------*/
body.mypage .searchBasic{
margin:30px 0;
}

/*登録済みのキーワード*/
.regi_word{
display:block;
background:#f5f5f5;
margin:0 0 10px;
padding:15px;
font-size:16px;
font-weight:bold;
border-radius:4px;
border:1px solid #e5e5e5;
}
.regi_word h3{
font-size:16px;
font-weight:bold;
margin:0 0 15px;
}
.regi_word li{
display:inline-block;
font-size:14px;
font-weight:bold;
margin:5px 25px;
}

/*-------------------------
MYページ告知欄
--------------------------*/
.notice{
background:#f7faff;
border-radius:4px;
padding:10px;
position:relative;
border:1px solid #c8d7e6;
}
.notice .list_F li{
border-bottom:1px solid #c8d7e6;
}
.notice .list_F li:last-child{
border:none;
}

/*閉じるボタン*/
a.sec_close{
display:block;
position:absolute;
top:1px;
right:1px;
border:1px solid #c8d7e6;
background:#fff;
font-size:20px;
line-height:0;
text-align:center;
width:18px;
height:18px;
padding:6px 0 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
vertical-align:top;
border-radius:4px;
text-decoration:none;
}

/*--------------------------
ログイン前（body.mypage.logout）
---------------------------*/

/*表示をグレーに*/
body.mypage.logout article section.member,
body.mypage.logout article section.toll{
-webkit-filter: grayscale(1);
filter: gray;
filter: grayscale(1);
opacity:0.5;
}
/*リンクを非リンクに変える*/
body.mypage.logout article section.member a,
body.mypage.logout article section.toll a{
pointer-events:none;
}
/*--------------------------
ログイン後（body.mypage.login）
---------------------------*/

/*表示をグレーに*/
body.mypage.login article section.toll{
-webkit-filter: grayscale(1);
filter: gray;
filter: grayscale(1);
opacity:0.5;
}
/*リンクを非リンクに変える*/
body.mypage.login article section.toll a{
pointer-events:none;
}


/*--------------------------
PR NEWS
---------------------------*/
#prNews .articleHeaderTop{
	border-top:1px solid #bebebe;
	border-bottom:1px solid #bebebe;
	padding:30px 5px 25px 15px;
	margin:0 0 25px;
	position:relative;
}
#prNews .top_panel_B li {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	margin: 0 0 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#prNews .top_panel_B li:nth-child(2n+1) {
	padding-right: 16px;
}
#prNews .top_panel_B .icon,
#prNews .panel_A .icon {
	background: #fff;
	border: none;
	padding: 0;
	float: none;
}
#prNews .top_panel_B .text h3 {
	font-size: 22px;
	line-height: 30px;
}
#prNews .panel_A .text h3 {
	font-size: 14px;
	line-height: 21px;
	 font-weight: bold;
}
#prNews .list_A .icon img {
	width: 110px;
	height: auto;
}


/*--------------------------
ローカルナビ
---------------------------*/
.color_it nav.categoryNavi #nav_it,
.color_dm nav.categoryNavi #nav_dm,
.color_kn nav.categoryNavi #nav_kn {
	display:block;
}
nav.categoryNavi #nav_it,
nav.categoryNavi #nav_dm,
nav.categoryNavi #nav_kn {
	display:none;
}
.articleBody .notBPcss.seminar h5 {
	background: #faf0f0;
	padding: 0.1rem 0.5rem;
	border-radius: 4px;
	margin: 0.5rem 0;
	display: inline-block;
	font-size: 0.9rem;
}
.articleBody .notBPcss.seminar h6 {
	font-size: 0.8rem;
	display: inline-block;
	color: #fff;
	background: #e40065;
	margin: 0.5rem;
	padding: 0.1rem 0.5rem;
}
.articleBody .notBPcss.seminar h3 {
	font-size: 1.2rem;
	line-height: 1.5rem;
	margin: 1rem;
}
.articleBody .notBPcss.seminar h4 {
	font-size: 0.8rem;
	margin-bottom: 1rem;
	color: #666;
	text-align: right;
	line-height: 1.2rem;
}
.articleBody .notBPcss.seminar h4 span {
	font-size: 1rem;
	white-space:nowrap;
	color: #000;
}
.articleBody .notBPcss.seminar h4 span::before {
	content: "　";
}
.articleBody .notBPcss.seminar p {

	font-size: 1rem;
	line-height: 1.5rem;
}
.articleBody .notBPcss.seminar .infobox {
	margin-top: 1rem;
	margin-bottom: 2rem;
}
.articleBody .notBPcss.seminar .infobox .bpimage_right {
	margin-top: 0;
}
.articleBody .notBPcss.seminar hr {
	border: 1px solid #eee;
}

/* 拡大画像ページ */
.leaf.closeupImage #headerBlock {
  height: auto;
  margin: 10px;
}
.leaf.closeupImage .siteLogo {
  position: relative;
  left: 0;
  top: 0;
  width: auto;
  margin-left: 10px;
}
.leaf.closeupImage #wrapper > footer {
  border-top: 1px solid #ccc;
}

/* PR News */
body.leaf .articleBody .video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin: 0 0 20px 0;
}
body.leaf .articleBody .video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* データ利用について：トップページのみ */
.bpPrivacy {
  display: none;
  z-index: 100;
  position: fixed;
  left: 16px;
  bottom: 16px;
  width: 440px;
  padding: 16px;
  border-top: 4px solid #1e4d84;
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);
}

.bpPrivacy_message {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.65;
}

.bpPrivacy_buttons {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
}

.bpPrivacy_button-detail,
.bpPrivacy_button-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 12px;
  font-size: 14px;
  line-height: 1.65;
  text-decoration: none;
  vertical-align: bottom;
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.bpPrivacy_button-detail {
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  background-color: #ffffff;
  color: #333333;
  font-weight: 500;
}

.bpPrivacy_button-detail:hover {
  background-color: rgba(51, 51, 51, 0.06);
}

.bpPrivacy_button-close {
  margin-left: 15px;
  border: none;
  background-color: #0068bc;
  color: #fff;
  font-weight: 700;
}

.bpPrivacy_button-close:hover {
  background-color: rgba(0, 118, 214, 0.9);
}

/* 全社お知らせ */
#corporateInfomation{
 width:600px;
 margin:10px auto;
 padding:0;
 border:solid 1px red;
 border-radius:4px;
 display:block;
}
#corporateInfomation *{
 box-sizing:border-box;
 font-size:14px;
}
#corporateInfomation h4{
 color:#d80022;
 margin-bottom:5px;
}
#corporateInfomation a{
 display:block;
 width:100%;
 height:100%;
 margin:0;
 padding:10px 40px;
 text-decoration:none;
}