@charset "utf-8";
/* CSS Document */
.r-mein {
  float: left; /* 回り込み指定 */
  width: 100%; /* 幅指定 */
  margin: 10px 0px 10px 5px; /* 周りの余白指定 */
}
.r-box2 {
  float: left; /* 回り込み指定 */
  /*height: 150px;              /* 高さ指定 */
  width: 25px; /* 幅指定 */
}
#dl_center dt {
  margin-right: 20px;
}
.titel_op {
  font-size: 24px;
  font-weight: normal;
  color: #0F0E3D;
  text-decoration: none;
  padding-left: 40px;
  margin: 10px 0 0 10px;
  height: 35px;
  background-image: url(/jp/support/cs/digital/oocpn/img/index_ttl_icon.jpg);
  background-repeat: no-repeat;
}
#dl_center2 {
  margin: 0 0px 15px 16px;
  width: 100%;
}
.sss {
  width: 94%;
  margin: 10px 10px 10px 10px;
  background-color: #F5F5F5;
  border: solid 1px #CCCCCC;
  padding: 10px;
}
#list_in {
  list-style: none;
  margin: 0px 0px 0px 0px;
  padding: 1px;
}
#list_ul_in {
  margin: 0px 0px 0px 0px;
  padding: 1px;
}
.sp_fix {
  display: flex;
  clear: both;
}
#sp_30 {
  margin-top: -30px;
}
#sp_img20 {
  display: flex;
}
#sev_cont {
  margin-bottom: 10px;
}
#lin_d3 {
  margin-top: -10px;
}
.h1_sp {
  text-align: left;
}
.content2 {
  padding: 5px 10px;
}
.img_cen {
  text-align: center;
  margin: 0 auto;
}
.ul_ind {
  margin: 8px;
  margin: 8px 8px 5px 20px;
  padding: 10px;
  list-style: none;
}
.li_ind {
  list-style: none;
  margin: 0px;
  text-indent: -1em;
}
.li_ind2 {
  list-style: none;
  margin-left: -1em;
}
.end {
  clear: both;
}
.img_cl {
  max-width: 97%;
  height: auto;
}
.img_g {
  margin-top: 10px;
}
.img_g2 {
  margin-top: 157px;
}
.oto_sp {
  margin-top: 40px;
}
#pcne {
  margin-top: -20px;
}
#pcne2 {
  margin-top: -20px;
  margin-bottom: -20px;
}
#title_f {
  font-size: 17px;
}
.tyu_2 {
  margin-top: -8px;
  margin-left: 40px;
}
.l20 {
  margin-left: 20px;
}
/* 開催日時と会場の要素*/
.dayt {
  font-size: 20px;
  padding: 5px 0px 5px 15px;
}
/* 各イベントタイトル表示の要素*/
.eventt {
  font-size: 24px;
  font-weight: bold;
  padding: 5px 0px 5px 5px;
}
/* 青囲いタイトルの要素*/
.titleb {
  color: #FFF;
  font-size: 34px;
  font-weight: bold;
  background-color: #00A1DA;
  border: #666;
  margin: 35px 5px 10px 5px;
  padding: 15px 5px 15px 5px;
  text-align: center;
}
.titleb2 {
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
  background-color: #00ADEA;
  border: #666;
  margin: 0px 25px 5px 5px;
  padding: 5px 10px 5px 20px;
  text-align: left;
}
/*★★★★★横幅が600px～767px時★★★★★*/
@media (min-width:600px) and (max-width:767px) {
  .r-mein {
    float: left; /* 回り込み指定 */
    width: 100%; /* 幅指定 */
    margin: 10px 0px 10px 5px; /* 周りの余白指定 */
  }
  .r-box2 {
    float: left; /* 回り込み指定 */
    width: 250px; /* 幅指定 */
  }
  #title_cl {
    margin-top: -40px;
  }
  .sp_90_2 {
    margin-top: 30px;
  }
  .img_g {
    margin-top: 0px;
  }
  .img_g2 {
    margin-top: 157px;
  }
  /* 画像のサイズ調整*/
  .imgsz {
    width: 180px;
  }
  .imgsz02 {
    width: 300px;
  }	
  .imgszpic {
    width: 400px;
  }
  #title_f {
    font-size: 17px;
  }
  .tyu_2 {
    margin-top: 5px;
    margin-left: 0px;
  }
  /* 開催日時と会場の要素*/
  .dayt {
    font-size: 18px;
    padding: 5px 0px 5px 15px;
  }
  /* 各イベントタイトル表示の要素*/
  .eventt {
    font-size: 22px;
    font-weight: bold;
    padding: 5px 0px 5px 5px;
  }
  /* 青囲いタイトルの要素*/
  .titleb {
    color: #FFF;
    font-size: 24px;
    font-weight: bold;
    background-color: #00A1DA;
    border: #666;
    margin: 20px 5px 10px 5px;
    padding: 10px 10px 10px 10px;
    text-align: center;
  }
  .titleb2 {
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
    background-color: #00ADEA;
    border: #666;
    margin: 0px 25px 5px 5px;
    padding: 5px 10px 5px 10px;
    text-align: left;
  }
}
@media (max-width: 599px) {
  .r-mein {
    float: left; /* 回り込み指定 */
    width: 100%; /* 幅指定 */
    margin: 1px 10px 1px 10px; /* 周りの余白指定 */
    margin: 10px 0px 10px 5px; /* 周りの余白指定 */
  }
  .r-box2 {
    float: left; /* 回り込み指定 */
    width: 250px; /* 幅指定 */
  }
  #lin_d {
    margin-top: 35px;
  }
  #lin_d2 {
    margin-top: 70px;
  }
  #lin_d3 {
    margin-top: 20px;
  }
  .sp_90 {
    width: 98%;
  }
  .sp_90_2 {
    width: 98%;
    margin-top: 20px;
  }
  #sp_img20 {
    display: flex;
    margin-bottom: 20px;
    margin-top: -15px;
  }
  .sss {
    width: 94%;
    margin: 10px 10px 10px 10px;
    background-color: #F5F5F5;
    border: solid 1px #CCCCCC;
    padding: 2px;
  }
  #list_in {
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 1px;
  }
  #list_ul_in {
    margin: 0px 0px 0px 0px;
    padding: 10px;
  }
  #kiyaku_sp {
    margin-bottom: 40px;
  }
  #title_cl {
    margin-top: -40px;
  }
  .img_g {
    margin-top: 20px;
  }
  .img_g2 {
    margin-top: 20px;
  }
  /* 画像のサイズ調整*/
  .imgsz {
    width: 150px;
  }
  .imgsz02 {
    width: 250px;
  }		
   .imgszpic {
    width: 300px;
  }
  .imgszcs {
    width: 380px;
  }
  #title_f {
    font-size: 16px;
  }
  .tyu_2 {
    margin-top: 5px;
    margin-left: 0px;
  }
  /* 開催日時と会場の要素*/
  .dayt {
    font-size: 16px;
    padding: 5px 5px 5px 5px;
  }
  /* 各イベントタイトル表示の要素*/
  .eventt {
    font-size: 20px;
    font-weight: bold;
    padding: 5px 0px 5px 5px;
  }
  /* 青囲いタイトルの要素*/
  .titleb {
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    background-color: #00A1DA;
    border: #666;
    margin: 20px 5px 10px 5px;
    padding: 10px 10px 10px 10px;
    text-align: center;
  }
  .titleb2 {
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    background-color: #00ADEA;
    border: #666;
    margin: 0px 20px 5px 5px;
    padding: 5px 10px 5px 10px;
    text-align: left;
  }
}