@charset "utf-8";
/*　******************共通スタイル*********************　*/
.blog-content-wrap{
  font-family:'Meiryo UI’, Meiryo, メイリオ, Osaka, 'MS PGothic’, arial, helvetica, sans-serif;
}

/*共通：目次スタイル　ここから*/
  #toc{
    border: 2px solid #d3ebff;
    border-radius: 8px;
    padding:10px 30px 20px 10px;
    margin:10px 100px;
  }
  #toc a{
    font-size: 18px;
    color:#424242;
    font-weight: bold;
  }
  #toc a:hover{
    color : #ff7043;
  }
  #toc ul {
    list-style: circle;
    padding-left: 40px;
  }
  .index-title{
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
  }
/*共通：目次スタイル　ここまで*/

/*共通：見出しスタイル　ここから*/
.blog-h1{
  font-size: 32px;
  padding: 0.5em 0;/*上下の余白*/
  border-top: solid 3px #6abcff;/*上線*/
  border-bottom: solid 3px #6abcff;/*下線*/
}
.blog-h2{
  border-left: 15px solid #6abcff; 
  margin-top:30px; 
  margin-bottom:20px; 
  padding: 15px;
  background: #c0e6ff;
  font-size:20px;
}
.blog-h2-yel{
  border-left: 15px solid #ffc65c; 
  margin-top:30px; 
  margin-bottom:20px; 
  padding: 15px;
  background: #fde1ab;
  font-size:20px;
}
.blog-h2-red{
  border-left: 15px solid #ff6a8f; 
  margin-top:30px; 
  margin-bottom:20px; 
  padding: 15px;
  background: #ffd7e1;
  font-size:20px;
}
.blog-h3{
  border-bottom: 2px dotted #6abcff;
  border-left: 10px solid #6abcff; 
  margin-top:30px; 
  margin-bottom:30px; 
  padding: 7px; 
  font-size:20px;
}
.blog-h4{
  border-top: 1px solid #6abcff;
  border-bottom: 1px solid #6abcff;
  padding: 7px;
  font-size:18px;
}
.blog-h5{
  background: linear-gradient(transparent 70%, #a7d6ff 70%);
}
.blog-h6{
  display: inline-block;
  background: linear-gradient(transparent 70%, #a7d6ff 70%);
  width:90%;
  text-align: left;
  margin-top: 0;
}
.blog-h6-yel{
  display: inline-block;
  background: linear-gradient(transparent 70%, #ffc65c 70%);
  width:90%;
  text-align: left;
  margin-top: 0;
}
.blog-h6-red{
  display: inline-block;
  background: linear-gradient(transparent 70%, #ff6a8f 70%);
  width:90%;
  text-align: left;
  margin-top: 0;
}
/* 矢印見出し*/
  /* 青*/
  .allow-h5 {
    margin-top: 15px;
    position: relative;
    padding-left: 25px;
    font-size: 18px;
  }
  .allow-h5:before {
    position: absolute;
    content: '';
    bottom: -3px;
    left: 0;
    width: 0;
    height: 0;
    border: none;
    border-left: solid 15px transparent;
    border-bottom: solid 15px #6abcff;
  }
  .allow-h5:after {
    position: absolute;
    content: '';
    bottom: -3px;
    left: 10px;
    width: 100%;
    border-bottom: solid 3px #6abcff;
  }
  /* 黄*/
  .allow-h5-yel {
    margin-top: 15px;
    position: relative;
    padding-left: 25px;
    font-size: 18px;
  }
  .allow-h5-yel:before {
    position: absolute;
    content: '';
    bottom: -3px;
    left: 0;
    width: 0;
    height: 0;
    border: none;
    border-left: solid 15px transparent;
    border-bottom: solid 15px #ffc65c;
  }
  .allow-h5-yel:after {
    position: absolute;
    content: '';
    bottom: -3px;
    left: 10px;
    width: 100%;
    border-bottom: solid 3px #ffc65c;
  }
  /* 赤*/
  .allow-h5-red {
    margin-top: 15px;
    position: relative;
    padding-left: 25px;
    font-size: 18px;
  }
  .allow-h5-red:before {
    position: absolute;
    content: '';
    bottom: -3px;
    left: 0;
    width: 0;
    height: 0;
    border: none;
    border-left: solid 15px transparent;
    border-bottom: solid 15px #ff6a8f;
  }
  .allow-h5-red:after {
    position: absolute;
    content: '';
    bottom: -3px;
    left: 10px;
    width: 100%;
    border-bottom: solid 3px #ff6a8f;
  }
  
/*共通：見出しスタイル　ここまで*/

/*共通：ボタンスタイル　ここから*/

.btn_std01{
  font-size: 24px;
  display: inline-block;
  padding: 0.5em 2em;
  text-decoration: none;
  color: #3d81ff;
  border: solid 2px #3d81ff;
  border-radius: 5px;
  transition: .4s;
}
.btn_std01:hover {
  background: #ffaba0;
  color: white;
}

.btn_std02{
  font-size: 18px;
  display: inline-block;
  padding: 0.5em 2em;
  text-decoration: none;
  color: #3d81ff;
  border: solid 2px #3d81ff;
  border-radius: 5px;
  transition: .4s;
}
.btn_std02:hover {
  background: #ffaba0;
  color: white;
}




/*共通：ボタンスタイル　ここまで*/


/*共通：youtube埋め込みスタイル　ここから*/
.youtube-wrap{
  position: relative;
  padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden;
}
.youtube-wrap iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;  
}
/*共通：youtube埋め込みスタイル　ここまで*/


/*共通：文字装飾スタイル　ここから*/
.blog-text-ll{
  font-size: 32px;
  font-weight: bold;
}

.blog-text{
  font-size: 18px;

}
.blog-text2{
  font-size: 22px;
  font-weight: bold;
}
.blog-text-middle18{
  font-size:18px; 
  color:#424242;
}

.blog-text-middle{
  font-size:16px; 
  color:#424242;
}
.blog-text-l{
  padding-left: 30px;
  font-size:20px; 
  color:#424242;
}
.font-bold{
  font-weight: bold;
}
.font-bold-red{
  font-weight: bold;
  color:#dc143c;
}
.font-bold-wide{
  font-weight: bold;
  line-height: 28px;
}
.font-size-l{
  font-size: 30px;
}
.font-size-m{
  font-size: 24px;
}
.font-seize-s{
  font-size: 14px;
}
.strong-red{
  font-weight: bold;
  color: #ff464f;
  font-size: 28px;
 }
 
  .strong-pink{
   font-weight: bold;
   color: #ffaba0;
  }

.marker-yel{
    background:linear-gradient(
      transparent 50%,/*上から40%まで透明*/
      #FFFF00 50% 80%,/*40%～80%まで黄色*/
      transparent 80% /*80%以降は透明*/
      ); 
    font-weight:bold;
  }
  
.marker-red{
  background:linear-gradient(
      transparent 50%,/*上から40%まで透明*/
      crimson 50% 80%,/*40%～80%まで赤色*/
      transparent 80% /*80%以降は透明*/
      ); 
    font-weight:bold;

}
/*共通：文字装飾スタイル　ここまで*/

/*共通：オブジェクト装飾スタイル　ここから*/
/*ボックス装飾*/
.outline{
  border: solid 1px #dcdcdc;
}
/*要素のセンタリング*/
.align-center{
  text-align: center;
}
.float-right{
  float: right;
}
.align-left{
  text-align: left;
}


/*img画像*/
.img-inlineblock{
  display: inline-block;
}
.img-h1{
  width: 100%;
  margin-bottom:30px;
}
.img-h2{
  width: 70%;
  margin-bottom:10px;
}
.img-normal{
  width: 50%;
  margin-bottom:10px;
}

.img-min{
  width: 30%;
  margin-bottom:10px;
}
.img-100{
  width: 100%;
  margin-bottom:10px;
}
.img-80{
  width: 80%;
  margin-bottom:10px;
}
.img-70{
  width: 70%;
  margin-bottom:10px;
}
.img-60{
  width: 60%;
  margin-bottom:10px;
}
.img-40{
  width: 40%;
  margin-bottom:10px;
}
.img-20{
  width: 20%;
}

/*共通：オブジェクト装飾スタイル　ここまで*/

/*共通：リンクのスタイル　ここから*/
/*ホバーオレンジ*/
a.a-orange:hover{
  color : #ff7043;
}

/*共通：リンクのスタイル　ここから*/


/*　******************デザインボックスのスタイル*********************　*/
/*デザインボックス（緑）：見出しボックス　ここから*/
.blog_box_green {
  position: relative;
  margin: 2em 0;
  padding: 0.5em 1em;
  border: solid 3px #62c1ce;
}
.blog_box_green .box-title {
  position: absolute;
  display: inline-block;
  top: -27px;
  left: -3px;
  padding: 2px 9px;
  height: 25px;
  line-height: 25px;
  font-size: 18px;
  background: #62c1ce;
  color: #ffffff;
  font-weight: bold;
  border-radius: 5px 5px 0 0;
}
.blog_box_green p {
  margin: 0; 
  padding: 0;
}
/*デザインボックス：見出しボックス　ここまで*/
/*デザインボックス（青）：見出しボックス　ここから*/
.blog_box_blue {
  position: relative;
  margin: 2em 0;
  padding: 0.5em 1em;
  border: solid 3px #6abcff;
}
.blog_box_blue .box-title {
  position: absolute;
  display: inline-block;
  top: -27px;
  left: -3px;
  padding: 2px 9px;
  height: 25px;
  line-height: 25px;
  font-size: 18px;
  background: #6abcff;
  color: #ffffff;
  font-weight: bold;
  border-radius: 5px 5px 0 0;
}
.blog_box_blue p {
  margin: 0; 
  padding: 0;
}
/*デザインボックス：見出しボックス　ここまで*/
/*デザインボックス（pink）：見出しボックス　ここから*/
.blog_box_pink {
  position: relative;
  margin: 2em 0;
  padding: 0.5em 1em;
  border: solid 3px #DE5D50;
}
.blog_box_pink .box-title {
  position: absolute;
  display: inline-block;
  top: -27px;
  left: -3px;
  padding: 2px 9px;
  height: 25px;
  line-height: 25px;
  font-size: 18px;
  background: #DE5D50;
  color: #ffffff;
  font-weight: bold;
  border-radius: 5px 5px 0 0;
}
.blog_box_pink p {
  margin: 0; 
  padding: 0;
}
/*デザインボックス：見出しボックス　ここまで*/


/*デザインボックス：シンプル青バック　ここから*/
.box_blueback {
  padding: 0.5em 1em;
  margin: 2em 0;
  color: #2c2c2f;
  background: #cde4ff;/*背景色*/
  border-radius: 10px;
  border: #0066cc solid 1px;
}
.box_blueback p {
  margin: 0; 
  padding: 20px;
}
/*デザインボックス：見出しボックス　ここまで*/


/*　******************デザインテーブルのスタイル*********************　*/
/*デザインテーブル：オープンテーブル　赤ライン　ここから*/
  .table-open-red{
      width: 70%;
      border-spacing: 0;
  }          
  .table-open-red th{
      font-size: 16px;
      width: 30%;
      border-bottom: solid 3px #fbd044;
      padding: 10px 0;
  }          
  .table-open-red td{
      border-bottom: solid 2px #ddd;
      text-align: left;
      padding: 5px 0 5px 20px;
      font-size: 16px;
  }
/*デザインテーブル：オープンテーブル　赤ライン　ここまで*/
/*デザインテーブル：オープンテーブル　青ライン　ここから*/
  .table-open-blue{
      width: 70%;
      border-spacing: 0;
  }          
  .table-open-blue th{
      font-size: 16px;
      width: 40%;
      border-bottom: solid 3px #178fff;
      padding: 5px 0 5px 20px;
      text-align: left;
  }          
  .table-open-blue td{
      border-bottom: solid 2px #ddd;
      text-align: left;
      padding: 5px 0 5px 20px;
      font-size: 16px;
  }
/*デザインテーブル：オープンテーブル　青ライン　ここまで*/

/*　******************アイテムカードのスタイル*********************　*/
/* アイテムカード：縦タイプ　ここから*/
.itemcard-wrap{
  text-align: center;
  width: 100%;
  padding: 15px 0;
}
.itemcard-content{
  display: inline-block;
  width: 45%;
  border: solid 1px #ccc;
  margin:0 20px;
}
.itemcard-title{
  width: 100%;
  background-color: #424242;
  color:#fff;
  text-align: center;
  font-size:22px;
  padding: 5px 0;
}
.itemcard-imgarea{
  text-align: center;
  margin:0 25px;
}
.itemcard-img{
  display: inline-block;
  vertical-align: top;
  width:50%;
  margin: 25px 0;
}
.itemcard-tablearea{
  margin:0 25px;
}
.itemcard-btnarea{
  margin:10px 25px 25px 25px;
}
.itemcard-btn{
  text-align: center;
  width: 100%;
  padding:10px 0;
  font-size: 13px;
  background: #f1f1f1;
  border-left: solid 6px #3a9cfd;/*左線*/
  color: #38393d;/*文字色*/
  font-weight: bold;
}
.itemcard-btn:hover {
  background-color: #ff7043;
  color: #fff;
}


/* アイテムカード：縦タイプ　ここまで*/

/* アイテムカード：横タイプ　ここから*/
.card_oblong_wrapper{
  border: solid 1px #ccc;
  border-radius: 4px;
  max-width: 80%;
  padding:5px 15px 15px 15px;
  margin: 15px 15px;
}
    /* 製品名のスタイル　*/
.card_oblong_img_area{
  vertical-align: top;
  display: inline-block;
  text-align: center;
  width: 50%;
}
    /* イメージエリア　*/
.title_p1{
  text-align: center;
  background-color: #424242;
  color: #fff;
  font-size: 15px;
  font-weight: normal;
  text-transform: uppercase;
  padding: 4px 20px;
}
.card_oblong_img{
  vertical-align: top;
  width:50%;
  margin-top: 20px;
}
    /* テーブルエリア　*/
.card_oblong_table{
  display: inline-block;
  width: 45%;
  margin-top: 25px;
}
    /*ノーマルテーブル（リストテーブル）*/
  .table-normal-title{
    font-weight: bold;
    font-size: 18px;
    color: #424242;
  }
  .table-normal {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #ccc;
    }
  .table-normal th {
    width:25%;
    border-bottom: #51a8ff 4px solid;
    text-align: left;
    padding: 5px;
    font-size: 16px;
    color: #424242;
    font-weight: bold;
    background-color:#ddf2ff;
    }
  .table-normal td {
    width:75%;
    font-size: 16px;
    color: #333;
    border: 1px solid #ccc;
    text-align: left;
    padding: 5px;
    background-color:#f6feff;
    }

  /* ボタンエリア　*/
.card_oblong_button{
  padding: 0 15px;
  width:95%;
}
.listlink_button{
  text-align: center;
  width: 100%;
  padding:32px 10px;
  font-size: 13px;
  background: #f7f7f7;
  border-left: solid 6px #3a9cfd;/*左線*/
  color: #38393d;/*文字色*/
  font-weight: bold;
}
.listlink_button:hover {
  background-color: #ff7043;
  color: #fff;
}
/* アイテムカード：横タイプ　ここまで*/

/* アイテムカード：横タイプ（シンプル）　ここから*/

.card_oblong_simple_wrap{
}
.card_oblong_simple_content{
  display: inline-block;
  width: 70%;
  text-align: center;
}

.card_oblong_simple_img{
  display: inline-block;
  text-align: left;
  width: 30%;
  margin-right: 35px;
  margin-top: 15px;
}
.card_oblong_simple_tbl{
  vertical-align: top;
  display: inline-block;
  width: 60%;
}
.card_oblong_simple_textarea{
  display: inline-block;
  vertical-align: top;
}

.card_oblong_simple_title{
  display: inline-block;
  width: 70%;
  font-size: 24px;
  font-weight: bold;
}





/* アイテムカード：横タイプ（シンプル）　ここまで*/

/*　******************特定ページのスタイル*********************　*/
/* 特定ページ：修理サポートフローのスタイル ここから*/
.repairflow-wrap{
  width: 100%;
  text-align: center;
}
.repairflow-box{
  vertical-align: top;
  text-align: center;
  display: inline-block;
  border: solid 3px #ffdf2a;
  border-radius: 10px;
  width:14%;
  height:220px;
  padding:20px 10px 10px 10px;
  margin:0 0 5px 0;
}

.repairflow-box-m{
  vertical-align: top;
  text-align: center;
  display: inline-block;
  border: solid 3px #ffdf2a;
  border-radius: 10px;
  width:22%;
  padding:20px 10px 20px 10px;
  margin:0 0 5px 0;
}

.repairflow-text{
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
}
.repairflow-title{
  font-weight: bold;
  font-size: 16px;
  background: linear-gradient(transparent 30%, #fbd 30%);
}
/*矢印のスタイル*/
.allow-img-u{
  display: inline-block;
  width:3%;
  margin-top:100px;
}
.allow-img-m{
  display: inline-block;
  width:5%;
  margin-top:130px;
}
.allow-img-d{
  display: inline-block;
  width:3%;
  margin-top:200px;
}
.repairflow-btn {  
  display: inline-block;
  color: #FFF;
  background-color: #fd9535;/*背景色*/
  border-radius: 5px;/*角の丸み*/
  padding: 7px 12px;
  font-weight: bold;
  font-size: 12px;
  margin-top: 8px;
}
.repairflow-btn:hover {
  background-color: #ffd6af;
  color:#fff;
}
      /* --デフォルトボタンスタイルの解除--- */
button{
      background-color: transparent;
      border: none;
      cursor: pointer;
      outline: none;
      padding: 0;
      appearance: none;
}
 /* --　ボックススタイルーシンプル　-- */
 .simplebox-blue {
  line-height: 30px;
  width:auto;
  padding: 20px 20px;
  font-weight: bold;
  background: #FFF;
  border: solid 3px #1e78ff;/*線*/
  border-radius: 10px;/*角の丸み*/
}

/* 特定ページ：修理サポートフローのスタイル ここまで*/

/* 特定ページ：故障かなと思ったらページのスタイル ここから*/
.beforecheck-text{
  margin:25px;
  line-height: 32px;
  font-weight: bold;
  font-size: 18px;
}
.repairflow-btn2-wrap{
  text-align: center;
}
.repairflow-btn2 {  
  text-align: center;
  display: inline-block;
  color: #FFF;
  background-color: #fd9535;/*背景色*/
  border-radius: 5px;/*角の丸み*/
  padding: 7px 12px;
  font-weight: bold;
  font-size: 12px;
  margin-top: 8px;
}
.repairflow-btn2:hover {
  background-color: #ffd6af;
  color:#fff;
}
/* 特定ページ：故障かなと思ったらページのスタイル ここから*/

/* 特定ページ：導入事例ページのスタイル ここから*/
  /*   タイトル付きボックス  */
/* タイトル付　枠（影）3　*/
.casestudy-content1{
  text-align: center;
  width:100%;
  padding:20px 0;
}
.kakomi-box14 {
  display: inline-block;
  text-align: left;
  padding: 20px 20px 20px 20px;
  line-height: 30px;
  font-weight: bold;
  width: 90%;
  color: #383838; /* 文字色 */
  border: 4px double #aaaaaa; /* 枠線の太さ・色 */
 }
 .casestudy-content2{
  text-align: center;
  width:100%;
  padding:15px 0;
}
 .kakomi-box15 {
  display: inline-block;
  text-align: left;
  padding: 20px 20px 20px 20px;
  line-height: 30px;
  font-weight: bold;
  width: 90%;
  color: #383838; /* 文字色 */
  border: 4px double #aaaaaa; /* 枠線の太さ・色 */
 }
 .kakomi-box15-text{
   display: inline-block;
   width:100%;
   text-align: left;
 }
.casestudy-item-wrap{
  width:100%;
}
.casestudy-item{
  display: inline-block;
  border: 0.5px solid #ccc;
  width:46%;
  padding: 10px 0 0 20px;
  margin-top: 20px;
  margin-right: 20px;
} 
.casestudy-img{
  vertical-align: top;
  display: inline-block;
  width:34%;
  margin: 20px 0;
}
.casestudy-tbl{
  display: inline-block;
  width: 55%;
}
/* 青ラインテーブル*/
.table-open-blue2{
  display: inline-block;
  width: 100%;
  border-spacing: 0;
  margin-left: 5px;
  margin-top: 20px;
}          
.table-open-blue2 th{
  font-size: 14px;
  width: 100%;
  border-bottom: solid 3px #178fff;
  padding: 5px 0 5px 20px;
  text-align: left;
}   
/* --商品リンクボタンのスタイル-- */
.material_btn2 {
  display:inline-block;
  text-align: center;
  width: 100%;
  margin:5px 0;
  padding:  0;
  font-size: 12px;
  background: #f5f7ff;
  border: solid 1px #ccc;
  border-left: solid 6px #51a8ff;/*左線*/
  color: #38393d;/*文字色*/
  font-weight: bold;   
}
.material_btn2:hover {
  background-color: #ff7043;
  color: #fff;
}       
/* 特定ページ：導入事例ページのスタイル ここまで*/


/*特定ページ：商社向けインフォのスタイル　ここから*/
.membersite-info-wrap{
  text-align: center;
}
.membersite-info-txt{
  display:inline-block;

}
.membersite-info-btn-wrap{
  display:inline-block;
  width: 100%;
  margin-top:5px ;
}

.membersite-info-btn {  
  display: inline-block;
  width:40%;
  color: #FFF;
  padding:8px 0;
  background-color: #1e78ff;/*背景色*/
  border-radius: 5px;/*角の丸み*/
  font-weight: bold;
  font-size: 14px;
  margin-top: 8px;
}

.membersite-info-btn:hover {
  background-color: #65a2fd;
  color:#fff;
}
/*特定ページ：商社向けインフォのスタイル　ここまで*/


/*特定ページ：Windows10IoT記事のスタイルーその１　ここから*/
  /*箇条書きスタイル*/
  .ol-style01 {
    counter-reset:number; /*数字をリセット*/
    list-style-type: none!important; /*数字を一旦消す*/
    padding:15px 30px;
    background: #deeefd;
  }
  .li-style01{
    font-size:20px;
    color:#1e78ff;
    font-weight: bold;
  }
  .ol-style01 .li-style01 {
    position: relative;
    padding-left: 30px;
    line-height: 1.5em;
    padding: 0.5em 0.5em 0.5em 30px;
  }
  
  .ol-style01 .li-style01:before{
    /* 以下数字をつける */
    position: absolute;
    counter-increment: number;
    content: counter(number);
    /*以下数字のデザイン変える*/
    display:inline-block;
    background: #1e78ff;
    color: white;
    font-family: 'Avenir','Arial Black','Arial',sans-serif;
    font-weight:bold;
    font-size: 18px;
    border-radius: 50%;
    left: 0;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    /*以下 上下中央寄せのため*/
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  /*図解欄のスタイル*/
.diagram-wrap{
  max-width:100%;
  text-align: center;
}
.diagram-content01{
  display:inline-block;
  max-width:100%;
}
.diagram-box{
  display: inline-block;
  vertical-align: top;
  max-width:23%;
  margin:4px 5px;
  border: solid 3px #1e78ff;/*線*/
  border-radius: 8px;
  padding: 20px 35px;
}
.diagram-box-txt{
  font-weight: bold;
  color:#38393d;
  font-size:17px;
}
.diagram-box-img{
  background-color: #deeefd;
  margin-bottom: 0;
}
.img-m{
  max-width:85%;
}
.img-l{
  max-width:70%;
}
.img-ll{
  display: inline-block;
  max-width:90%;
}
.img-center{
  text-align: center;
}

.diagram-content02{
  display:inline-block;
  max-width:95%;
}
.diagram-img02{
  background-color: #fdda98;
}
.diagram-content03{
  display:inline-block;
  max-width:95%;
  border: solid 3px #1e78ff;/*線*/
  border-radius: 8px;
  padding: 10px 35px;
}
.diagram-txt{
  display: inline-block;
  text-align: left;
  font-size: 26px;
  font-weight: bold;
  max-width:80%;
  line-height: 60px;
}
.diagram-img03{
  vertical-align: top;
  display: inline-block;
  background-color: #d6fdbc;
  width:15%;
}


/*リストスタイル　チェックマーク*/
.ul-checkmark {
	padding:30px 30px;
  list-style-type:none;
  background-color: #deeefd;
}
.ul-checkmark .li-checkmark {
  font-size:22px;
	position:relative;
  padding: 0.3em 0.3em 0.3em 1.3em;
  color:#1e78ff;
  font-weight: bold;
}
.ul-checkmark .li-checkmark:before {
	position:absolute;
	content:'';
	top: 0.7em;
	left: 0.2em;
	height:0;
	width:0;
	border-style: solid;
	border-width: 6px 0 6px 9px;
	border-color: transparent transparent transparent #1e78ff;
}

/* ボックス　イエロー */
.boxarea-yel{
  text-align: center;
  max-width: 100%;

}
.box-yel{
  display: inline-block;
  text-align: center;
  max-width: 35%;
  border: solid 4px #ffd413;/*線*/
  border-radius: 10px;
  margin: 10px 20px;
  padding:30px 20px;
}
.box-yel-txt{
  display: inline-block;
  max-width: 90%;
  font-size: 16px;
  margin: 5px 0;
  font-weight: bold;
}
.box-yel-img{
  display: inline-block;
  max-width: 60%;
  margin: 10px 0;
}
.box-yel-img2{
  display: inline-block;
  max-width: 48%;
  margin: 10px 0;
}
.txt-blue{
  color:#1e78ff;
  font-weight: bold;
  font-size: 20px;
}


/*見出し付きボックススタイル*/
.box29 {
  margin: 2em 0;
  background: #dcefff;
}
.box29 .box-title {
  font-size: 22px;
  background: #1e78ff;
  padding: 4px;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.box29 p {
  font-weight:bold ;
  padding: 25px 35px;
  margin: 0;
  font-size: 20px;
}

/* ボックス　ブルー */
.boxarea-blue{
  text-align: center;
  max-width: 100%;

}
.box-blue{
  display: inline-block;
  text-align: center;
  max-width: 45%;
  border: solid 4px #1e78ff;/*線*/
  border-radius: 10px;
  margin: 10px 20px;
  padding:30px 20px;
}
.box-blue-txt{
  display: inline-block;
  text-align: left;
  max-width: 95%;
  font-size: 18px;
  margin: 5px 0;
  font-weight: bold;
}
.box-blue-img{
  display: inline-block;
  max-width: 60%;
  margin: 10px 0;
}
.box-blue-img2{
  display: inline-block;
  max-width: 48%;
  margin: 10px 0;
}
.txt-blue2{
  color:#1e78ff;
  font-weight: bold;
  font-size: 28px;
}

/*特定ページ：Windows10IoT記事のスタイルーその１　ここまで*/

/*特定ページ：Windows10IoT記事(アップデート編)のスタイル　ここから*/
/*2列横並び*/
.sbys2-wrap{
  text-align: center;
  width:100%;
}
.sbys2-imgarea{
  display: inline-block;
  text-align: center;
  width:47%;
  padding:10px 0;
}
.sbys2-img{
  width: 95%;
}
/*3列横並び*/
.sbys3-wrap{
  text-align: center;
  width:100%;
}
.sbys3-imgarea{
  display: inline-block;
  text-align: center;
  width:32%;
  padding:10px 0;
}
.sbys3-img{
  width: 85%;
}
.diagram-content04{
  width:100%;
  padding: 20px 30px;
  border: solid 3px #1e78ff;/*線*/
  border-radius: 8px;
}


/*特定ページ：Windows10IoT記事(アップデート編)のスタイル　ここまで*/



/*　特定ページ：記事一覧ページのスタイル　ここから　*/
.content_wrapper{
  display:inline-block;
  text-align: center;
  width: 100%;
}
.content_title {
  font-size: 32px;
  padding: 0.5em 0;/*上下の余白*/
  border-top: solid 3px #6abcff;/*上線*/
  border-bottom: solid 3px #6abcff;/*下線*/
  font-weight: bold;
  color: #424242;
  margin: 0 0 35px 0;
  padding: 0.5em 0;/*上下の余白*/
}
.content_area{
  vertical-align: top;
  display:inline-block;
  text-align: center;
  width: 32%;
  padding-top: 0 10px;
  padding-bottom: 10px;
}
.banner{
  display:inline-block;
  text-align: center;
  width: 100%;
  font-weight: bold;
  font-size: 18px;
}
/*バナーのボックススタイル*/
.info-box1{
  padding: 0.5em 1em;
  background: -moz-linear-gradient(#569cf7, #0035d4);
  background: -webkit-linear-gradient(#569cf7, #0035d4);
  background: linear-gradient(to right, #569cf7, #0035d4);
  color: #FFF;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.info-box2{
  padding: 0.5em 1em;
  background: -moz-linear-gradient(#ffb03c, #ff708d);
  background: -webkit-linear-gradient(#ffb03c, #ff708d);
  background: linear-gradient(to right, #ffb03c, #ff708d);
  color: #FFF;
  border-radius: 5px;
}
.info-box1 p {
  font-size: 18px;
  font-weight: bold;
  margin: 5px 0 0 0;
}
.info-box1 hr {
  border-top: 1px solid #bbb;
  margin: 0 0 5px 0;
}
.link_area{
  display:inline-block;
  text-align: left;
  width: 100%;
  margin-bottom: 30px;
  font-size: 16px;
}
.link_area p{
  font-size: 16px;
}
a.a1:hover{
  color : #ff7043;
}

/*　特定ページ：記事一覧ページのスタイル　ここまで　*/

/*　特定ページ：リカバリ手順のスタイル　ここまで　*/
.img-rotate {
  transform: rotate( -90deg );
}


/* ***********************その他*********************** */
/*　その他：pdf出力のスタイル　ここから　*/
p.pdf_dl{
  font-size: 18px;
  }
  a.pdf_dl:hover{
  color : #ff7043;
  }

/*　その他：pdf出力のスタイル　ここまで　*/



/* **************しましまテーブル************* */

body {
  font-family: "Open Sans", sans-serif;
  line-height: 1.25;
}

.simatbl table {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 650px;
}
.simatbl table tr {
  background-color: rgb(243, 255, 199);
  border-bottom: 2px solid rgb(243, 255, 199);
}
.simatbl table tr:nth-child(even){
  background-color: rgb(243, 255, 199);
}
.simatbl table th,
.simatbl table td {
  padding: .5em 1.5em;
}
.simatbl table thead td{
  font-size: 1em;
  padding: .5em; 
  background-color: #fd6767;
  color:#fff;
  font-weight: bold;
  text-align: center;
}
.simatbl table thead th {
    font-size: 1em;
    padding: .5em;
}
.simatbl table thead th {
  background-color: #fd6767;
  color:#fff;
}
.simatbl table tbody th {
  text-align: left;
  font-size: 1em;
}
.simatbl-txt{
   text-align: left;
   font-size: 1em;
}
.simatbl-price{
  text-align: right;
  color: #FF7043;
  font-weight: bold;
}
.simatbl-price2{
  text-align: right;
  font-weight: bold;
}
/*きらっと光るボタン*/
.shiny-btn1 {
  display: block;
  position: relative;
  width: 60%;/*ボタンの幅*/
  padding: 10px 0;
  margin: 30px auto;
  background-color: #0099ff;/*ボタンの色*/
  box-shadow: 0 3px 0 0 #0066cc;/*影の色(rgbaの値を変更)*/
  border-radius: 5px;
  font-weight: bold;
  font-size: 18px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
}
.shiny-btn1:hover {
  text-decoration: none;
  color: #fff;
}
.shiny-btn1::before {
  position: absolute;
  content: '';
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  animation: shiny-btn1 3s ease-in-out infinite;
}
@-webkit-keyframes shiny-btn1 {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

/*　横長骨テーブルアイテムカード　*/

.bone-tbl-imgarea{
  display: inline-block;
  vertical-align: top;
  margin-left: 22px;
  width:16%;
}
.bone-tbl-img{
  width: 80%;
}

.bone-tbl-wrap{
  margin-top: 3px;
  margin-bottom: 4px;
  font-weight: bold;
  display: inline-block;
  width: 80%;
}

.bone-tbl-table{
  margin-top: 3px;
    width: 98%;
    border-spacing: 0;
    font-size: 15px;
  }
  
  .bone-tbl-table th{
    border-bottom: solid 1.5px #fb7e44;
    padding: 1px 10px;
  }
  
  .bone-tbl-table td{
    border-bottom: solid 1px #ddd;
    text-align: left;
    padding: 1px 30px;
  }
  
  .bone-tbl-text{
    font-weight: normal;
    font-size: 14px;
  }

/*見出し付き囲み枠BOX*/
.box29 {
  display: inline-block;
  text-align: left;
  margin: 2em 0;
  background: #dcefff;
  border-radius: 8px;
  width: 70%;
  border: solid #5fb3f5 1px ;
}
.box29 .box-title {
  font-size: 1.3em;
  background: #5fb3f5;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  letter-spacing: 0.05em;
  border-radius: 8px 8px 0 0;
}
.box29 p {
  padding-left: 60px;
  margin: 0;
  font-size: 1.2em;

}

/* カード型リンク */

a:hover {
	opacity: 0.5 ;
}
.box111{
  display: inline-block;
  border: #000 solid 1px;
  width: 80%;
  text-align: left;
  margin: 5px 0;
}
.box111-img{
  display: inline-block;
  width: 35%;
  margin-top: 10px;
  text-align: center;
}
.box111-link{
  display: inline-block;
  width: 55%;
  margin-left: 45px;
  color: #000;
  font-size: 1.4em;
  font-weight: bold;
}
.box111-link p{

}
/* **************************レスポンシブ対応********************************* */
/*ブログスタイルのレスポンシブ対応01*/
@media screen and (max-width:767px) {
  .blog-h1{
    font-size: 22px;
  }
  .blog-h2{
    font-size: 20px;
  }
  .blog-text{
    font-size: 14px;
  }




  .wrapper {
      width: 100%;
  }
  .content_wrapper {
      width: 100%;
  }
  .content_area {
      width: 100%;
  }
  .banner {
      width: 100%;
  }
  .link_area {
      width: 100%;
  }
  .repairflow-box{
    width: 80%;
    height:auto;
    margin: 0 0 5px 0;
  }
  .allow-img-u{
    display: none;
  }
  .allow-img-d{
    display: none;
  }
  .repairflow-text{
    font-size: 16px;
  }
  .repairflow-title{
    font-size: 20px;
  }
  .casestudy-item{
    width:100%;
  }
  .diagram-box{
    max-width:100%;
    text-align: center;
    margin: 5px 0 5px 0 ;
  }
  .diagram-box-txt{
    display: inline-block;
    max-width:80%;
  }

  .diagram-content03{
    max-width:100%;
  }

  .diagram-img03{
  display: none;

  }
  .diagram-txt{
    max-width: 90%;
    font-size: 18px;
  }
  .img-m{
    max-width:60%;
  }
  .img-l{
    max-width:50%;
  }
  .blog-text-l{
    max-width: 100%;
    padding:0;
    font-size: 18px;
  }

  .box-yel{
    max-width: 100%;
  }
  .txt-blue{
    font-size: 16px;
  }
  .box-blue{
    max-width: 100%;
    margin: 0 0 10px 0;
    text-align: center;
    padding: 20px;
  }
  .card_oblong_wrapper{
    max-width: 100%;
  }

/*ブログスタイルのレスポンシブ対応02*/
  #toc a{
    font-size: 14px;
  }  

  .index-box .box-title {
      width: 100%;
  }
  .blog_box_green .box-title  {
      width: 100%;
  }
  .card_oblong_img_area {
      width: 100%;
  }
  .card_oblong_table {
      width: 100%;
  }
  .table-normal-title {
      width: 100%;
  }
  .table-normal{
      width: 100%;
  }
  .card_oblong_button {
      width: 100%;
      margin:20px 0 0 0;
  }
  .table-open-red{
      width: 100%;
  }
  .table-open-blue{
      width: 100%;
  }
  .img-h2{
    width: 100%;
    margin-bottom:10px;
  }
  .img-normal{
    width: 100%;
    margin-bottom:10px;
  }
  .img-min{
    width: 100%;
    margin-bottom:10px;
  }
  #toc{
    margin: 0;
  }  

/*記事一覧ページのレスポンシブ対応*/
  .wrapper {
      width: 100%;
  }
  .content_wrapper {
      width: 100%;
  }
  .content_area {
      width: 100%;
  }
  .banner {
      width: 100%;
  }
  .link_area {
      width: 100%;
  }

/*Win10記事のレスポンシブ対応*/
/*アップデート編*/
  .sbys2-imgarea{
    width: 100%;
}
  .sbys3-imgarea{
      width: 100%;
  }
  .itemcard-wrap{
    padding: 0;
  }
  .itemcard-content{
    width: 100%;
    margin: 0 0 10px 0;
  }

/*Windows10IoT記事(ライセンス編) レスポンシブ*/

.img-80{
  width: 100%;
}
.img-60{
  width: 100%;
}


.repairflow-box-m{
  width:100%;
}
.allow-img-m{
  display: none;
}

/*WinXPページ レスポンシブ*/
.btn_std01{
  width: 100%;
  font-size: 16px;
}
.btn_std02{
  width: 100%;
  font-size: 16px;
}
.card_oblong_simple_img{
  width: 100%; 
  margin-bottom: 20px;
}
.card_oblong_simple_tbl{
  width: 100%; 
  margin-bottom: 20px;
}
.card_oblong_simple_tbl{
  width: 100%; 
}

/*しましまテーブル*/
.simatbl table {
  border: 0;
  width:100%
}
.simatbl table th{
  background-color: #fd6767;
  display: block;
  border-right: none;
}
.simatbl table thead {
  border: none;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.simatbl table tr {
  display: block;
  margin-bottom: .625em;
  border: 1px solid #fd6767;
}
.simatbl table td {
  border-bottom: 1px dotted #bbb;
  display: block;
  font-size: .8em;
  text-align: right;
  position: relative;
  padding: 1.5em 1em 1.5em 4em;
  border-right: none;
}

.simatbl table td::before {
  content: attr(data-label);
  font-weight: bold;
  position: absolute;
  left: 10px;
  color: #000;
}
.simatbl table td:last-child {
  border-bottom: 0;
}
.simatbl table tbody th {
  color: #fff;
  padding: 1em
}
.simatbl table tr:nth-child(even){
background-color: #fff;
}
/* レスポンシブ きらっと光るボタン*/
.shiny-btn1{
  width: 90%;
  font-size: 14px;
}

  /*　レスポンシブ　横長骨テーブルアイテムカード　*/

  .bone-tbl-imgarea{
    width:90%;
    text-align: center;
}
  .bone-tbl-wrap{
    width:100%;
  }

/*見出し付き囲み枠BOX*/
.box29 {
  width: 100%;
}
.box29 .box-title {
  font-size: 1.0em;
  padding-top: 5px;
  padding-bottom: 5px;
}
.box29 p {
  font-size: 0.8em;
  padding-left: 20px;
}

/* カード型リンク */
.box111-a{

}
.box111{
  text-align: center;
  width: 100%;
}
.box111-img{
  width: 80%;
}
.box111-link{
  width: 80%;
  margin-bottom: 0;
  font-size: 0.9em;
  margin-top: 0;
  margin-left: auto;
}


  
}