@import url(/css/base.css);
body {
font-family:Meiryo, 'メイリオ', ArialMT, Hiragino Kaku Gothic Pro, 'ヒラギノ角ゴ Pro W3', Osaka, Verdana, 'ＭＳ Ｐゴシック';
-webkit-text-size-adjust:none;
margin:0;
padding:0;
}
a:link {
text-decoration:none;
color:#333;
}
a:visited {
text-decoration:none;
color:#333;
}
a:hover {
text-decoration:underline;
color:#707070;
}
#PATHDEBUG {
  display:none;
}
/*---------------------------------------------------------------------*/
/* レイアウト */
/*---------------------------------------------------------------------*/
#masterHeader {
padding-bottom:15px;
}
#masterMain {
width:660px;
}
#masterSub {
width:300px;
float:right;
}
#masterBody {
width:100%;
margin:0 auto;
}
#masterContents {
width:100%;
margin:0 auto;
padding:10px 0 20px;
}
@media screen and (max-width:480px) { 
  #masterMain {
    width:300px;
    margin:0 auto 50px;
  }
  #masterSub {
    width:300px;
    margin:0 auto;
    clear:both;
    float:none;
  }
}
@media screen and (min-width:480px) and ( max-width:768px) {
  #masterMain {
    width:480px;
    margin:0 auto;
  }
  #masterSub {
    width:480px;
    margin:0 auto;
    clear:both;
    float:none;
  }
}
@media screen and (min-width:768px) and ( max-width:1024px) {
  #masterMain {
    margin:0 auto 50px;
  }
  #masterSub {
    width:660px;
    margin:0 auto;
    clear:both;
    float:none;
  }
}
@media screen and (min-width:1024px) {
  #masterContents {
    width:990px;
  }
  #masterMain {
    float:left;
  }
  #masterSub {
    width:300px;
    float:right;
  }
}
/*---------------------------------------------------------------------*/
/* カラムボックス */
/*---------------------------------------------------------------------*/
.colBox {
margin-bottom:10px;
width:auto;
box-sizing:border-box;
}
.colBox a:link,
.colBox a:visited {
text-decoration:none;
}
.colBox a:hover {
text-decoration:underline;
color:#707070;
}
.colBoxHead {
position:relative;
margin:0 0 5px;
padding:0 0 3px;
color:#fff;
background:url(https://image.itmedia.co.jp/news/subtop/blockchain/images/heading.gif) no-repeat 0 0;
}
#masterMain .colBoxHead {
margin:0 0 20px;
}
.colBoxHeadSubtxt {
position:absolute;
top:8px;
right:8px;
font-size:10px;
line-height:14px;
}
.colBoxNewtxt {
font-weight:bold;
color:#707070;
}
.colBoxHead h2 {
font-size:15px;
margin:0;
padding:8px 0 1px 10px;
}

.colBoxIcon {
display:inline;
}
.colBoxIcon img {
margin:0 0 7px;
}
.colBoxIcon a{
border:none;
margin:0;
}

.colBoxSubTitle {
margin:0 0 3px;
}
.colBoxSubTitle h5 {
font-size:12px;
line-height:16px;
margin:0;
color:#A73;
}
.colBoxTitle {
margin:0 0 15px;
}
.colBoxTitle h3 {
font-size:18px;
line-height:24px;
margin:0;
}
#masterSub .colBoxTitle h3 {
font-size:13px;
line-height:17px;
}
.colBoxDescription {
margin:0 0 3px;
}
.colBoxDescription p {
font-size:13px;
line-height:20px;
margin:0;
}
.colBoxClear {
font-size:0;
line-height:0;
height:0;
clear:both;
}

/*---------------------------------------------------------------------*/
/* グローバルナビ*/
/*---------------------------------------------------------------------*/
#globalNavigationGroup0 #globalNavigation .gnavOut .gnavIn .gnavBtn1 a {
margin:3px 0 0 3px;
padding:5px 11px 4px;
border-radius:2px;
background:#FFF;
color:#000;
}
@media screen and (max-width:980px) { 
  #masterNavigation{
    display:none;
  }
}

/*---------------------------------------------------------------------*/
/* NEWS logo*/
/*---------------------------------------------------------------------*/
.logo-news {
position:relative;
margin:0 auto;
z-index:1;
}
.logo-news a {
position:absolute;
top:17px;
left:17px;
display:block;
width:80px;
height:44px;
background:url(https://image.itmedia.co.jp/news/subtop/blockchain/images/logo_news.png) no-repeat 0 0;
background-size:contain;
text-indent:-9999px;
}
@media screen and (max-width:480px) { 
  .logo-news a {
    position:absolute;
    top:13px;
    left:13px;
    width:40px;
  }
}
@media screen and (min-width:480px) and ( max-width:768px)  { 
  .logo-news a {
    width:50px;
  }
}
@media screen and (min-width:768px) and ( max-width:1024px) {
  .logo-news a {
    width:55px;
  }
}
@media screen and (min-width:1024px) {
  .logo-news {
    width:990px;
  }
}
/*---------------------------------------------------------------------*/
/*ヘッダー画像*/
/*---------------------------------------------------------------------*/
#topicsTitle {
width:100%;
min-width:320px;
height:300px;
margin:0 auto;
position:relative;
}
#topicsTitle h1 {
width:100%;
height:100%;
margin:0;
padding:0;
text-align:center;
color:#999;
background-image:url(https://image.itmedia.co.jp/news/subtop/blockchain/images/topics_title_back.jpg);
background-size:cover;
background-position:50% 50%;
background-repeat:no-repeat;
text-indent:-9999px;
}
#topicsTitle img{
position:absolute;
top:21%;
right:44%;
width:450px;
}
#topicsDispriction{
position:absolute;
bottom:3%;
left:0;
right:0;
margin:auto;
}
#topicsDispriction p{
color:#432b01;
font-weight:bold;
font-size:14px;
line-height:24px;
margin:0 0 10px;
}

@media screen and (max-width:480px) { 
  #topicsTitle {
  height:130px;
  padding-bottom:165px;
  }
  #topicsTitle h1{
  margin-bottom:18px; 
  }
  #topicsDispriction{
  position:static;
  width:300px;
  }
  #topicsDispriction p{
  font-size:13px;
  line-height:20px;
  }
  #topicsTitle img{
  top:37px;
  left:0;
  right:0;
  margin:auto;
  width:260px;
  }
  #topicsDispriction p br.br1,#topicsDispriction p br.br2{
  display:none;
  }
}
@media screen and (min-width:480px) and ( max-width:768px) {
  #topicsTitle {
  height:130px;
  padding-bottom:135px;
  }
  #topicsTitle h1{
  margin-bottom:15px; 
  }
  #topicsDispriction{
  position:static;
  width:480px;
  }
  #topicsDispriction p{
  font-size:13px;
  line-height:20px;
  }
  #topicsTitle img{
  top:12%;
  left:18%;
  width:300px;
  }
}

@media screen and (min-width:768px) and ( max-width:1024px) {
  #topicsTitle {
  height:290px;
  }
  #topicsTitle img{
  top:16%;
  right:40%;
  width:365px;
  }
  #topicsDispriction{
  width:660px;
  bottom:2%;
  }
  #topicsDispriction span{
  font-size:17px;
  }
  #topicsDispriction p br.br2{
  display:none;
  }
}


@media screen and (min-width:1024px) {
  #topicsTitle{
  height:360px;
  overflow:hidden;
  }
  #topicsDispriction{
  width:990px;
  }
  #topicsTitle h1 {
  max-width:100%;
  }
  #topicsDispriction span{
  font-size:17px;
  }
}

/*---------------------------------------------------------------------*/
/* ヘッダー PickUP 枠 */
/*---------------------------------------------------------------------*/

.colBoxPickUpCategory {
width:320px;
margin:0 0 15px;
}

.colBoxPickUp .colBoxTitle {
margin:0;
}
.colBoxPickUp .colBoxTitle h3 {
font-size:17px;
line-height:24px;
margin:0;
padding:7px 0 !important;
}
.colBoxPickUp .colBoxTitle h3 a {
color:#333;
}

.colBoxPickUp .colBoxTitle h3 {
padding-right:11px;
}

.colBoxPickUp .colBoxIcon a {
display:block;
overflow:hidden;
}
.colBoxPickUp .colBoxIcon img {
width:320px;
height:240px;
}
@media screen and (max-width:480px) { 
  .colBoxPickUpCategory {
    width:300px;
    margin:0 auto 15px;
  }
  .colBoxPickUp {
    width:300px;
    margin:0 auto;
  }
  .colBoxPickUp .colBoxIcon img {
  width:300px;
  height:225px;
 }
}
@media screen and (min-width:480px) and (max-width:768px) {
  .colBoxPickUpCategory {
    margin:0 auto 15px;
  }
  .colBoxPickUp .colBoxIndex {
    margin:0 auto;
  }
    .colBoxPickUp {
    width:480px;
    margin:0 auto;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
    .colBoxPickUp {
    width:660px;
    margin:0 auto;
    display:flex;
    justify-content:space-between;
  }
}
@media screen and (min-width:1024px) {
  .colBoxPickUp {
    width:660px;
    display:flex;
    justify-content:space-between;
  }
}

#colBoxPickUpCategory .colBoxInner {
position:relative;
}

.colBoxIndexLeft::before{
content:"活用事例";
color:#fff;
background:#885c17;
position:absolute;
top:0px;
left:0px;
width:85px;
font-size:15px;
text-align:center;
padding:3px 0 2px;
}
.colBoxIndexRight::before{
content:"技術動向";
color:#fff;
background:#885c17;
position:absolute;
top:0px;
left:0px;
width:85px;
font-size:15px;
text-align:center;
padding:3px 0 2px;
}
/*---------------------------------------------------------------------*/
/* 一覧記事枠 */
/*---------------------------------------------------------------------*/

@media screen and (min-width:480px) and ( max-width:768px) {
  #colboxArticlesLeft,
  #colboxArticlesRight {
  width:480px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  #colboxArticles{
  display:flex;
  justify-content:space-between;
  }
  #colboxArticlesLeft,
  #colboxArticlesRight {
  width:320px;
  }
}

@media screen and (min-width:1024px) {
  #colboxArticles{
  display:flex;
  justify-content:space-between;
  }
  #colboxArticlesLeft,
  #colboxArticlesRight {
  width:320px;
  }
}
#colboxArticlesRight .colBoxTitle h3,
#colboxArticlesLeft .colBoxTitle h3{
font-size:14px;
line-height:19px;
margin:0 0 0 130px;
}
.colBoxSubTitle h5{
font-size:12px;
margin:0 0 0 130px;
}

#colboxArticlesLeft .colBoxIndex,
#colboxArticlesRight .colBoxIndex {
margin:0 0 20px;
}

#colboxArticles .colBoxDate {
display:none;
}
.newmark {
margin:0 0 0 5px !important;
color:#BF2F00 !important;
}

/*---------------------------------------------------------------------*/
/* サイドカラム*/
/*---------------------------------------------------------------------*/

ul,
li {
list-style:none;
margin:0;
padding:0;
}
#blockchainRanking {
margin-bottom:40px;
}
.colBoxblockchainRanking li {
margin:15px 0;
min-height:34px;
}
.colBoxblockchainRanking li span {
float:left;
display:block;
width:24px;
text-align:center;
line-height:32px;
background:#432b01;
color:#FFF;
}
.colBoxblockchainRanking li.ranknum1 span,
.colBoxblockchainRanking li.ranknum2 span,
.colBoxblockchainRanking li.ranknum3 span {
background:#BCE034;
color:#432b01;
}
.colBoxblockchainRanking li a {
padding:0 0 0 34px;
display:block;
font-size:14px;
line-height:18px;
}
.colBoxbasicArticles img{
width:300px;
height:90px;
}
.colBoxbasicArticles li{
margin-bottom:15px; 
}
.colBoxbasicArticles li a:hover{
opacity:0.8;
}
#RcolRectangle {
width:300px;
margin:0 auto 20px;
}
@media screen and ( max-width:480px) {
  .colBoxbasicArticles{
  margin-bottom:30px;
  }
  #blockchainRanking {
  margin-bottom:35px;
  }
}
@media screen and (min-width:480px) and ( max-width:768px) {
  .colBoxbasicArticles{
    width:300px;
    margin:0 auto 30px;
  }
  #blockchainRanking {
  margin-bottom:30px;
  }
}

@media screen and (min-width:768px) and (max-width:1024px) {
  .colBoxbasicArticles{
    width:640px;
    margin:0 auto 30px;
  }
  .colBoxbasicArticles ul{
    display:flex;
    flex-wrap:wrap;
  }
  .colBoxbasicArticles li{
    margin:0 10px 15px; 
  }
  #blockchainRanking {
  margin-bottom:35px;
  }
}


/*---------------------------------------------------------------------*/
/* 共通フッタ（簡易版） */
/*---------------------------------------------------------------------*/
#globalFooterLink {
width:100%;
margin:0 auto 10px;
padding:0;
font-size:10px;
line-height:14px;
text-align:right;
}
#globalFooterCorp {
clear:both;
width:100%;
margin:0 auto;
padding:10px 0 0;
border-top:1px solid #DDD;
}
#globalFooterCorpLogo {
position:relative;
display:block;
margin:0 0 5px;
padding:12px 0 0 180px;
font-size:12px;
line-height:16px;
}
#globalFooterCorpLogo a {
position:absolute;
top:0;
left:0;
display:block;
width:170px;
height:28px;
background:url(https://image.itmedia.co.jp/images/logo/170_itmedia_bgw.gif) no-repeat 0 0;
text-indent:-9999px;
float:left;
}
#globalFooterCorpLink {
margin:0;
font-size:12px;
line-height:16px;
clear:both;
}
#masterFooter{
background:#000;
}
#masterFooter a{
color:#FFF;
}
#globalFooter{
margin:0 auto;
padding:0 16px;
width:958px;
color:#FFF;
}
#globalFooterLink{
padding:20px 0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
#globalFooterLink ul{
width:96px;
list-style:none;
margin:0;
padding:0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
#FooterLeft img{
width:42px;
height:42px;
}
#globalFooterCorp{
padding-bottom:20px;
background:#000;
padding-top:10px;
border-top:0 none;
}
@media screen and (max-width:1024px) {
  #globalFooter {
    width:100%;
    min-width:320px;
    padding:0;
  }
  #globalFooterLink {
    padding:20px 10px;
    width:auto;
  }
  #globalFooterCorp {
    padding:10px;
    width:auto;
  }
}