@charset "utf-8";

/* Text */

/* begin hr 2015.12.*/
.detail_cont hr {
visibility: visible;
border: 1px solid;
padding: 0px;
margin: 0px;
}
/* end hr 2015.12.*/

.detail_cont p a {
    color: #c00;
    text-decoration: underline
}
.detail_cont p a:hover { color: #f00; }
.detail_cont p.summary {
    padding-bottom: 0.5em!important;
}
.detail_cont p.midashi {
    font-size:1.6rem;
    font-weight: bold;
    color: #000;
}
.detail_cont h3 {
    font-size:1.2rem;
    color: #cc0000;
    margin-bottom: 1em;
    padding-bottom: 0.2em;
    border-bottom:1px solid #333;
    line-height: 140%;
}
.detail_cont h4 {
    font-size: 1rem;/* 1.2から修正 20170210 */
    color: #000;
    margin-bottom: 0.5em;
	margin-top: 7px; /* 追記 */
}

/* 20170210 追記 */
.detail_cont p strong  {
    font-size: 1rem;
    color: #333;
    line-height: 110%;
}

.bplead {
    padding: 0.5em 0.5em 0;
    margin-bottom: 2em;
    background-color: #eee;
}
.bpannotation {
    font-size: 0.9rem;
    line-height: 1.6em;
    color: #666;
}
.bpword{
	margin-bottom: 2em;
	font-size:0.9rem;
	line-height:1.4em;
	border-top:1px dotted #ddd;
    padding-top: 1em;
}
.bpreference{
	margin-bottom: 2em;
	font-size:0.9rem;
	line-height:1.4em;
	padding:0.5em;
	border:1px dotted #ccc;
}
.bpquestion { font-weight:bold; }
.bpanswer b {
    display:inline-block;
    background:#eee;
    padding:0 0.5em;
    margin:0 0.5em 0 0;
}
.bpteisei_box {
    margin-bottom: 2em;
	font-size:0.9rem;
	line-height:1.4em;
	color:#888;
	border-left:2px solid #ddd;
    padding-left: 1em;
}


/* BP Box */
.bpbox, .bpbox2, .bpbox3, .bpbox4 {
    font-size: 1.2rem;
    margin:0 0 2em;
    padding:0.5em;
    -webkit-border-radius: 10px;
}
.bpbox { background-color:#cfdae5; }
.bpbox2 { background-color:#d4cfe5; }
.bpbox3 { background-color:#daf0ec; }
.bpbox4 { background-color:#eee; }

.bpbox_title {
    font-size: 1.2rem;
    color: #000;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 0.5em;
}
.bpbox_text {
    font-size: 1rem;
    line-height:1.6em;
    padding: 0.5em;
    background-color:#fff!important;
}
.bpbox_text h4 {
    font-size: 1.2rem;
    margin:1em 0;
    border-bottom: 1px solid #666;
}

.bpbox_center {
    width: 100%;
    margin: 0;
    padding: 0;
    clear: both;
}

/* BP Images */
.bpimage_left, .bpimage_right,
.bpbox_center, .bpimage_set,
.bpimage_center, .bpimage_wrap,
.bpimage_double, .bpimage_triple,
.bpbox_center .bpimage_left,
.bpbox_center .bpimage_wrap,
.bpbox_center .bpimage_right,
.bpbox_center .bpimage_center,
.bpbox_center .bpimage_set,
.bpbox_center .bpimage_double,
.bpbox_center .bpimage_triple {
    width:100% !important;
    margin:0 0 2em !important;
    padding:0 !important;
    clear: both;
}
.bpimage_image{
    width: 100% !important;
    text-align:center !important;
}
.bpimage_image img {
    /* width: 100% !important; */
    height: 100%;
}
.bpimage_click{
    width:100% !important;
    padding:0;
    color:#E70012;
}
.bpimage_title { 
    font-size: 0.9rem;/* 1から修正 */
    font-weight: bold;
}
.bpimage_caption {
    width: 92%;
    margin: 0 auto;
    padding:5px 0 0;
    font-size:0.8rem;
    line-height:1.4em;
    color:#666;
}

.bpimage_double div.bpimage_caption {
    margin-bottom: 3px;
}

.bpimage_click{
        padding:5px 0 5px;
        color:#E70012;
}


/* BP Recommend */
.bprecommend_sitelist {
    width: 100%;
    margin-bottom: 2em;
    padding-top: 1em;
    border-top: 1px dotted #ccc;
}
.bprecommend_sitelist h6 {
    font-size: 1.1em;
    color: #666;
    margin-bottom: 0.5em
}
.bprecommend_sitelist ul {
    list-style: disc!important;
    padding-left: 1.5em;
}
.bprecommend_sitelist ul li {
    font-size: 1em;
    color: #666!important;
    line-height: 160%;
    list-style: inherit;
    margin-bottom: 0.5em;
}


/* BP Frame */
.bpframe {
    border: 1px solid #999;
    padding: 1em;
    margin-bottom: 2em;
}
.bpframe .bpbox_text {
	float:none !important;
    padding-bottom: 1em!important;
}


/* Article */
.article_medium {
        margin:0 0 20px;
        overflow:hidden;
}
.article_medium p.logo {
        margin:0;
        padding:0;
        float:left;
}
.article_medium p.display_sentence {
        margin:0;
        padding:0;
        float:right;
        font-size:15px;
        color:#bfbfbf;
        font-weight:bold;
        line-height:1.2em;
}
.article_medium p.display_sentence a {
        color:#000000;
}


/* Tabel */
/* 2015.1120 overflow update */
.bptable_center {
    overflow: auto;
    width: 100%;
	margin-bottom:1.4em;
	-webkit-overflow-scrolling: touch;
}
.bptable { margin-bottom: 2em; }
.bptable_title { font-weight:bold; }
table {
    width: 100%;
    margin: 0!imoortant;
    padding: 0;
}
table th{ background:#e4f1f7; }
table tr td {
    padding: 0.5em;
    font-size: 14px;
    line-height: 140%;
    color: #333;
}
table th, table td { word-break: break-all; }
.tb-box {
    width: 100%;
    margin: 0 0 2em;
}
.tb-box tr {
    border-bottom: 1px dotted #ddd;
}
.tb-head {
    font-size: 16px;
    font-weight: bold;
}
.tb-large, .tb-slarge {
    font-weight: bold;
}


/* Profile */
.bpprofile,
.bpprofile_photo {
    margin:0 10px 15px;
    padding:15px 0;
    border-top:4px solid #b3b3b3;
    border-bottom:4px solid #b3b3b3;
    overflow:hidden;
}
.bpprofile_profile {
    line-height: 1.4em;
    padding-bottom: 0.5em;
    margin-bottom: 1em;
    border-bottom: 1px dotted #ddd;
}
.bpprofile_name {
    font-size: 1rem;
    font-weight: bold;
}
.bpprofile_position {
    font-size: 0.9em;
    color: #999;
}
.bpprofile_text {
    font-size: 1rem;
    line-height: 1.6em;
}
.bpprofile_text img {
    float: left;
    margin-right: 1em;
    margin-bottom: 0.5em;
}
.profile div.wrap{
        margin:0 10px 15px;
        padding:15px 0;
        border-top:1px solid #b3b3b3;
        border-bottom:1px solid #b3b3b3;
        overflow:hidden;
}
.profile div.wrap div.photo{
        width:60px;
        height:80px;
        float:right;
}
.profile div.wrap div.txt_box{
        margin:0 70px 0 0;
        line-height:1.4em;
}
.profile div.wrap div.txt_box h1{
        margin:0 0 10px;
        font-size:16px;
}


/* Interview */
.bpinterview{
	margin:1em 0;
	border-bottom:2px double #066;
}
.bpinterview_profile {
	padding: 0.5em 0 0.5em 32px;
	border-top:1px solid #09c;
	border-bottom:1px solid #09c;
	background: url(http://trendy.nikkeibp.co.jp/images/trendy/201006/bpcss/ico_interviwe_life.jpg) left center no-repeat #b5cde5;
	text-align: left;
	vertical-align:middle;
}
.bpinterview_position {
	font-weight: bold;
}
.bpinterview_name {
	font-size:0.9rem;
}
.bpinterview_text {
	text-align: left;
	padding: 0.5em 1em;
	font-size:0.9rem;
	line-height:1.4em;
}

/* (子記事)記事下：関連情報バナー */
.bottomContactBanner {
  margin:5px 0;
}
.bottomContactBanner p {
  text-align:center;
  font-size: 8px;
  line-height: 1;
}



/* Digital Publishing Recommend */
/* Added:2014.2.24 */
.itemRecommend{ margin:1.5em 0 3em 0; }
.itemRecommend h2.boxTitle{
	background:#ddd;
	color:#364151;
	text-align:center;
	font-weight:bold;
}
.itemRecommend .inner{
	padding:1em 0.5em;
	overflow:hidden;
}
.itemRecommend .itemInfo{
	padding:1em 0.5em;
}
.itemRecommend .itemInfo .image{
	float:left;
    margin-right: 0.5em;
}
.itemRecommend .itemInfo .image img{
	width:113px;
	border:1px solid #eee;
}
.itemRecommend .itemInfo .title{
	font-weight:bold;
	font-size:1.1rem;
	line-height:1.4em;
	color:#333;
    margin-bottom: 1em;
}
.itemRecommend .itemInfo .summary{
	font-size:0.9rem;
	line-height:1.4em;
	color:#333;
	margin-bottom: 1em;
}
.itemRecommend .itemInfo .info{
	font-weight:bold;
	line-height:1.3em;
	color:#d74a24;
}
.itemRecommend .btnBox{
	clear:both;
	padding:0 0.5em;
}
.itemRecommend .btnBox .btn{
	border:1px solid #b1ad8b;
	border-radius:4px;
    margin-top: 1em;
}
.itemRecommend .btnBox .btn a{
	display:block;
	border:1px solid #fff;
	background:#fdd36d;
	text-align:center;
	text-shadow:1px 0px 1px #fff;
	font-weight:bold;
	font-size:110%;
	line-height:1.3;
	padding:0.5em 0;
	color:#333;
	border-radius:4px;
}


/* Digital Advertising */
/* Added:2014.2.24 */
.app_try a {
  overflow: hidden;
  display: block;
  padding: 0.5em;
  text-decoration: none;
  background: #eef5ff;
}
.app_try a img.thumb {
  width: 86px;
  float: left;
}
.app_try .area {
  float: right;
  width: 200px;
}
.app_try .head {
  color: #333;
  font-size: 0.8rem;
  line-height: 1em;
  margin-bottom: 0.2em;
}
.app_try .head img {
  width: 50px;
  margin-right: 0.5em;
  vertical-align: middle;
}
.app_try a div.copy {
  color: #333;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.6em;
  padding: 0;
  font-weight: bold;
  text-decoration: none;
}
.app_try a div.link {
  font-size: 1rem;
  font-weight: bold;
  padding: 0;
  margin-top: 0.3em;
  text-decoration: none;
  text-align: right;
}

/* auto position  bpimage_set area 2015.12.04 */
.detail_cont .bpbox_right {margin:0px auto;}

/* video area smp begin */


.bpvideo {
	position: relative;
	padding-bottom: 43%;
	padding-top: 10px;
	height: auto;
	width:83.65%;
	margin:0px auto 10px;
	overflow: hidden;
}
 
.bpvideo iframe,  
.bpvideo object,  
.bpvideo embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* video area smp end */

.detail_cont .bpvideo_caption {
    text-align: center;
    font-size: 0.8rem;
	line-height: 130%;
    color: #333333;
	margin-bottom: 7px;
}

/* 201706 資料請求（MaterialCharge）ボタン */
.detail_cont p.btnMaterialCharge {
  text-align: center;
}
.detail_cont p.btnMaterialCharge a {
  border: none;
  border-radius: 5px;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  font-weight: bold;
  color: #ffffff;
  display: inline-block;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
  font-size: 14px;
  padding: 17px 18px 16px 36px;
  background: #ff7f0d url(/images/n/trendy/201604/article/icon_arrow.png) no-repeat 20px center;
  text-align: left;
  max-width: 95%;
  line-height: 1.5;
}
.detail_cont p.btnMaterialCharge a:link,
.detail_cont p.btnMaterialCharge a:visited,
.detail_cont p.btnMaterialCharge a:hover {
  color: #ffffff !important;
  text-decoration: none;
}