@charset "UTF-8";
#gstream_wrapper .inner span .bg p.read {
  line-height: 1.8;
}
#gstream_wrapper .inner span .bg p a {
  color: #028cd1;
}
#gstream_wrapper .inner span .bg p strong {
  display: inline;
  width: auto;
  height: auto;
  background: none;
  margin: 0;
  padding: 0;
  font-size: 18px;
  color: #028cd1;
  white-space: normal;
}
#gstream_wrapper .inner span .bg p strong.red {
  font-size: 24px;
  color: #c90f0f;
}
div.camp div.imgM {
  position: relative;
  width: 900px;
  background-image: url(../../_img/camp2_img1.png), url(../../_img/camp2_img2.png);
  background-position: center top, center bottom;
  background-repeat: no-repeat;
  height: 1300px;
  margin: 0 auto;
}
div.camp div.imgM2 {
  position: relative;
  width: 900px;
  margin: 0 auto;
  font-size: 0;
}
div.camp div.imgM .mv {
  position: absolute;
  width: 720px;
  margin: 0 auto 0 -360px;
  bottom: 64px;
  left: 50%;
}
input {
  position: absolute;
  top: -999999999px;
  margin: 0 auto;
  padding: 0;
  background: none;
  border: none;
  font-size: 12px;
}
button {
  align-items: normal;
  margin: 0 auto;
  padding: 0;
  background: none;
  border: none;
  font-size: 0;
}
#gstream_wrapper .inner.mt {
  margin: -48px auto 0;
}
#gstream_wrapper .inner.mt2 {
  margin: -74px auto 0;
}
#gstream_wrapper .inner p.end {
  text-align: center;
  color: red;
  font-size: 32px;
  padding: 36px 0 4px;
  font-weight: bold
}

#gstream_wrapper.camp .tornadocamp_main {
  display: block;
  width: 1100px;
  margin:  0 auto;
}


/*初心者講座*/
/*--------------------------------------------------------------*/
/*推奨USB ACアダプターに関して 背景*/
#gstream_wrapper .bg.camp {
  width: 94%;
  margin: 0 auto;
  padding: 12px 12px 44px;
  border-radius: 6px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+1,d5e4e8+100 */
  background: rgb(255, 255, 255); /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgb(255, 255, 255) 1%, rgb(213, 228, 232) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgb(255, 255, 255) 1%, rgb(213, 228, 232) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgb(255, 255, 255) 1%, rgb(213, 228, 232) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d5e4e8', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}
.beginner dl.icon1 {
  position: relative;
  width: 729px;
  margin: 0 auto;
  padding: 0;
}
.beginner dl.icon1::after {
  content: "";
  display: block;
  clear: both;
}
.beginner dl.icon1 dt {
  width: 581px;
  background: url(../../_img/begnnerIcon1_top.png) no-repeat center top;
  margin: 12px auto 0;
  padding: 36px 0 0 0;
  float: left;
  clear: both;
}
.beginner dl.icon1 dt .inner2 {
  width: 581px;
  min-height: 1em;
  background: url(../../_img/begnnerIcon1_cnt.png) no-repeat center bottom;
  padding: 0 36px 36px;
  font-size: 18px;
  line-height: 1.2;
  box-sizing: border-box;
}
.beginner dl.icon1 dd {
  position: absolute;
  width: 148px;
  margin: 0 0 0 0;
  padding: 0;
  top: 0;
  right: 20px;
}
/*---------------------------------*/
.beginner dl.icon2 {
  width: 729px;
  margin: 0 auto;
  padding: 0;
}
.beginner dl.icon2::after {
  content: "";
  display: block;
  clear: both;
}
.beginner dl.icon2 dt {
  width: 148px;
  margin: 0 auto 0;
  padding: 0;
  float: left;
  clear: both;
}
.beginner dl.icon2 dd {
  width: 581px;
  background: url(../../_img/begnnerIcon2_top.png) no-repeat center top 6px;
  margin: 36px 0 0 128px;
  padding: 42px 0 0 0;
}
.beginner dl.icon2 dd .inner2 {
  width: 581px;
  min-height: 1em;
  background: url(../../_img/begnnerIcon2_cnt.png) no-repeat center bottom;
  padding: 0 36px 36px 58px;
  font-size: 18px;
  line-height: 1.2;
  box-sizing: border-box;
}
.mp4 {
  display: block;
  width: 720px;
  margin: 0 auto;
}
@media screen and (max-width: 667px) {
  
  
  #gstream_wrapper.camp .tornadocamp_main {
  display: block;
  width: 100%;
  margin:  0 auto;
}
  
  
  #gstream_wrapper .inner span .bg p strong {
    font-size: 15px;
  }
  #gstream_wrapper .inner span .bg p strong.red {
    font-size: 18px;
  }
  div.camp div.imgM {
    position: relative;
    width: 100%;
    height: auto;
    background-image: url(../../_img/camp2_img1SP.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin: 0 auto;
    padding-bottom: calc(1800/750*100%);
  }
  div.camp div.imgM2 {
    position: relative;
    width: 100%;
    margin: 0 auto;
    font-size: 12px;
  }
  div.camp div.imgM .mv {
    position: absolute;
    width: 100%;
    margin: 0 auto 0 -50%;
    bottom: 10px;
    left: 50%;
  }
  #gstream_wrapper .inner p.end {
    text-align: center;
    color: red;
    font-size: 22px;
    padding: 36px 0 4px;
    line-height: 1.2;
    font-weight: bold
  }
  #gstream_wrapper .inner.mt2 p.end {
    text-align: center;
    color: red;
    font-size: 22px;
    padding: 62px 0 4px;
    line-height: 1.2;
    font-weight: bold
  }
  
  
  /*初心者講座*/
/*--------------------------------------------------------------*/
/*推奨USB ACアダプターに関して 背景*/
#gstream_wrapper .bg.camp {
  width: 94%;
  margin: 0 auto ;
  padding: 12px 12px 24px;
  border-radius: 6px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+1,d5e4e8+100 */
  background: rgb(255, 255, 255); /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgb(255, 255, 255) 1%, rgb(213, 228, 232) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgb(255, 255, 255) 1%, rgb(213, 228, 232) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgb(255, 255, 255) 1%, rgb(213, 228, 232) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d5e4e8', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}
.beginner dl.icon1 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.beginner dl.icon1::after {
  content: "";
  display: block;
  clear: both;
}
.beginner dl.icon1 dt {
  width: 74%;
  background: url(../../_img/begnnerIcon1_top.png) no-repeat center top /100% auto;
  margin: 12px auto 1.4em;
 padding-top: calc(32/750*100%);
  float: left;
  clear: both;
}
.beginner dl.icon1 dt .inner2 {
  width: 100%;
  min-height: 1em;
  background: url(../../_img/begnnerIcon1_cnt.png) no-repeat center bottom /100% auto;
  padding: 0 18px 18px 12px;
  font-size: 14px;
  line-height: 1.2;
  box-sizing: border-box;
}
.beginner dl.icon1 dd {
  position: absolute;
  width: 30%;
  margin: 0 0 0 0;
  padding: 0;
  top: 0;
  right: -10px;
}
/*---------------------------------*/
.beginner dl.icon2 {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.beginner dl.icon2::after {
  content: "";
  display: block;
  clear: both;
}
.beginner dl.icon2 dt {
  width: 30%;
  margin: 0 auto 0;
  padding: 0;
  float: left;
  clear: both;
}
.beginner dl.icon2 dd {
  width: 70%;
  background: url(../../_img/begnnerIcon2_top.png) no-repeat center top 6px /100% auto;
  margin: 0 0 0 30%;
 padding-top: calc(40/750*100%);

}
.beginner dl.icon2 dd .inner2 {
  width: 100%;
  min-height: 1em;
  background: url(../../_img/begnnerIcon2_cnt.png) no-repeat center bottom /100% auto;
  padding: 4px 12px 18px 24px;
  font-size: 14px;
  line-height: 1.2;
  box-sizing: border-box;
}
.mp4 {
  display: block;
  width: 90%;
  margin: 0 auto;
}
  /*--------------------------------------------------------------*/
}