@charset "utf-8";
/* CSS Document */

.main_img{
  width: 100%;
  text-align: center;
}
.main_img img {
  width: 100%;
  height: auto;
}
/* アプリケーションノートリスト */
ul .applist {
}
.applist li {
  font-size: 18px;
  padding: 5px 15px;
  line-height: 160%;
  list-style-type:disc;
  list-style-position: inside;
}



/* アプリケーションノート */
.date_h3 {
	font-weight:normal;
	color:#979797;
	font-size:14px;
	line-height:160%;
}

.note_1, .note_2 {
  padding: 10px 0;
}

.note_1 p, .note_2 p {
  margin: 0 !important;
}

.note_1 table, .note_2 table {
  margin: 10px 10px 20px 10px;
}

.note_1 h5.head_1 {
  font-size: 24px;
  color: #0060c0;
  padding: 3px 10px;
  line-height: 160%;
  margin-bottom: 10px;
}

.note_1 .img_box_01 {
  padding: 10px;
  color: #666;
}

.note_1 ul, .note_2 ul {
  padding: 10px 20px 10px 30px;
  line-height: 135%;
  list-style-type:square;
  list-style-color:#006090;
}

.note_1 li, .note_2 li {
  color: #0060c0 !important;
  line-height: 135%;
  margin-bottom: 5px;
}

.note_1 li span, .note_2 li span {
  color: #000;
}

.note_2 h5.head_2 {
  font-size: 20px;
  color: #0060c0;
  padding: 3px 10px;
  line-height: 160%;
  margin-bottom: 10px;
}

.note_1 .img_box_01 {
  padding: 10px;
  color: #666;
}

.note_1 .img_box_01 img {
  margin: 0 !important;
}

.note_notice, .note_note {
  padding: 10px 0;
}

.note_notice h5.head_notice {
  font-size: 16px;
  color: #990000;
  padding: 3px 10px;
  line-height: 130%;
  margin-bottom: 10px;
}

.note_notice p {
  margin: 0 !important;
}

.note_note h5.head_note, .note_note h5.head_note_title {
  padding: 3px 10px;
  line-height: 130%;
  margin-bottom: 10px;
}

.note_note h5.head_note {
  font-size: 18px;
  color: #0060c0;
}

.note_note h5.head_note_title {
  font-size: 16px;
  color: #003300;
}

.note_note p {
  margin: 0 !important;
}

.note_related {
  padding: 10px 20px 10px 30px;
  line-height: 135%;
  list-style-type:square;
  list-style-color:#006090;
}

.note_related li span {
  color: #000;
}

.date_img	{
	width:350px;
	margin:10px;
	float:right;
}

.date_img img {
	max-width: 350px;
	height: auto;
}

.date_img img :link {
	border: 3px #ccc solid;
}

.date_bun	{
  width: 97%;
  margin: 0 auto;
	font-size:16px;
	line-height:150%;
}

/* レイアウト枠 */
.app_movie{
  width: 100%;
  text-align: center;
	}
.app_movie iframe{
  margin: 20px auto 0;
  width: 980px;
  height: 551px;
	}

.app_2box, .app_4box {
  display: flex;
  justify-content: space-around;
}

.app_2box li {
  width: 45%;
}

.app_4box li {
  width: 22%;
}

.app_2box li img, .app_4box li img {
  width: 100%;
  margin: 10px 0;
}

.app_img_320 {
  margin: 15px 15px 0 0;
  width: 320px;
  float: right;
}

.app_img_320 img {
  width: 100%;
  height: auto;
}

.app_list {
  width: 46.5%;
  margin: 10px 0px 20px 10px;
  font-size: 18px;
  line-height: 180%;
  padding-left: 30px;
  float: left;
}

.app_list li {
  list-style-type: circle;
  margin: 5px 0;
}


li .app_box_title {
  line-height: 165%;
  text-align: center;
  font-size: 15px;
  }
.app_box_info {
  width: 100%;
  padding: 0px;
}

li.rdma-throughput h6 {
  font-weight: bold;
  line-height: 180%;
  margin: 15px 0 0;
  font-size: 16px;
  padding: 5px;
  text-align: center;
}
li.rdma-throughput h6.rdma {
  background-color:#a50034 ;
  color: #fff;
}
li.rdma-throughput h6.sofar {
  background-color:#a3c7e5 ;
}

.app_box_info ul {
  margin: 20px 10px 0;  
}

.app_box_info ul li {
  width: 95%;
  line-height: 165%;
  font-size: 14px;
  margin-bottom: 7px;
  text-indent: -2em;
  padding-left: 2em;
}

.app_box_info .arrow-01,
.app_box_info .arrow-02 {
  width: 100%;
  text-align: center;
  padding: 10px 0;

}

.app_box_info .arrow-01 {
  color: #0060B0;
  font-size: 20px;
}

.app_box_info .arrow-02 {
  color: #a50034;
  font-size: 25px;
}


.app_box_info .result-sofar-01,
.app_box_info .result-rdma-01,
.app_box_info .result-rdma-02 {
  line-height: 165%;
  width: 90%;
  margin: 0px auto 10px;
  text-align: center;
  font-weight: bold;
}

.app_box_info .result-sofar-01 {
  font-size: 14px;
}

.app_box_info .result-rdma-01 {
  font-size: 14px;
}

.app_box_info .result-rdma-02 {
  font-size: 16px;
}
.app_box_info .result-rdma-02 span {
    background: linear-gradient(transparent 40%, rgba(255,235,100,0.9) 60%);
}


.box03{
	width:95%;
	margin:0px auto !important;
  padding: 0px;
}
.box03_r{
	width:62% !important;
	margin:15px 10px;
	float:left;
  font-size: 16px;
}
.box03_l{
	width:28%;
	margin:5px;
  padding: 5px;
	float:left;
  text-align: center;
}
.box03_r{
	width:65% !important;
	margin:15px 5px;
	float:left;
  font-size: 16px;
}
.box04_l{
	width:20%;
	margin:5px;
  padding: 5px;
	float:left;
  text-align: center;
}
.box04_r{
	width:75% !important;
	margin:15px 5px;
	float:left;
  font-size: 16px;
}
.box03_l img, .box04_l img{
	height:auto;
	width:100%;
}

.note_related li span{
  color: #000;
}

.annot_01	{
	text-align:left;
	font-weight:normal;
	font-size:9px;
	color:#888;
	line-height:80% !important;
}

/* シリーズ一覧 */
.series_title	{
	height: 100px;
}

.series_title h5{
	font-size: 18px;
	color: #1E4A8E;
	margin: 3px;
}

.series_title p {
	color: #333;
	line-height: 160%;
}

/* お知らせ */
.notice	{
	width: 85%;
	margin: 20px auto;
	padding: 15px;
	border: 5px #cc0000 solid;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
}


.lineup-expand {
  margin: 30px 0 0;
  color: #A50034;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 2px;
}

/* 画面サイズの横幅が 480px より小さい場合に適用 */
@media screen and (max-width: 480px) {
  
.date_bun	{
  width: 93%;
  margin: 0 auto;
	font-size:14px;
	line-height:150%;
}

  
  
/* レイアウト枠 */
.app_movie{
  width: 100%;
  text-align: center;
	}
.app_movie iframe{
  margin: 20px auto 0;
  width: 320px;
  height: 180px;
	}

.app_2box, .app_4box {
  display: block;
  width: 97%;
  margin: 0 auto !important;
}

.app_2box li {
  width: 95%;
  margin: 10px 10px 30px;
}

.app_4box li {
  width: 45%;
  margin: 10px;
  float: left
}

li .app_box_title {
  font-size: 14px;
}
.app_box_info {
  width: 100%;
  padding: 0px;
}
.app_box_info ul {
  margin: 20px 5px 0;  
}

.app_box_info ul li {
  width: 93%;
  font-size: 14px;
  margin-bottom: 5px;
  text-indent: -2em;
  padding-left: 2em;
}
.app_img_320 {
  margin: 10px auto;
  padding: 0;
  width: 95%;
}

.app_img_320 img {
  width: 95%;
  height: auto;
}

.app_list {
  width: 93%;
  margin: 10px 0px 20px 20px;
  font-size: 16px;
  line-height: 180%;
  padding-left: 30px;
}

.app_list li {
  list-style-type: circle;
  margin: 3px 0;
}


/* PTP用文字制御 */

.PTP_bun{
  width: 95%;
  font-size: 12px;
  margin: 3px;
  text-indent: -1.2em;
  padding-left: 1.2em;
}
.PTP_r, .PTP_b{
  font-size: 14px;
  margin: 0 5px 0 0;
}

.PTP_Announce, .PTP_Sync, .PTP_DelayReq, .PTP_DelayRes {
  width: 95%;
  padding: 3px;
}

.lineup-expand {
  font-size: 18px;
  letter-spacing: 1px;
}


/* スマホ */
.smp_none , .sp_n {
	display: none;
}
.smp_only {
	display: block;
	color:#C00;
	font-size: 10px;
}

}