@charset "utf-8";

/* ===================================================================
css information

File Name  : layout.css
Author     : 
Style Info : 
=================================================================== */

.rankingNews .devComment { }
.rankingNews .devComment img { width:100%; }
.rankingNews .devComment > figure { width:120px; float:left; border:#fff 1px solid; }
.rankingNews .devComment > div { width:100%; float:right; margin:0 0 0 -120px; padding:0 0 0 150px; }
.rankingNews .rankFaq > div p { margin:15px 0 0 2em; }
.rankingNews .rankFaq > div p.idt { text-indent:-2em; margin-top:0; }

.rankingNews .rankPlate { border:#9da1a7 0px solid; }
.rankingNews .rankPlate > h3 { font-size:16px; line-height:140%; color:#fff; font-weight:bold; background:#19191E; text-align:center; padding:14px 30px 16px 30px; overflow:hidden; position:relative;

}
.rankingNews .rankPlate > h3:after { content:''; position:absolute; width:100%; height:2px; bottom:0; left:0; background:URL(../../img/cmn/bdr_02.png) repeat-y center top; }
.rankingNews .rankPlate .rankPlateInner { padding:20px; background:#1D1D1F; }
.rankingNews .rankPlate .rankPlateInner dl { border-top:#9da1a7 1px solid; }
.rankingNews .rankPlate .rankPlateInner dl dt { font-size:16px; line-height:140%; color:#fff; font-weight:bold; text-align:center; padding:14px 30px; overflow:hidden; position:relative; border-left:#9da1a7 1px solid; border-right:#9da1a7 1px solid;

}
.rankingNews .rankPlate .rankPlateInner dl dd { background:#3E3F46; border:#9da1a7 1px solid; padding:10px 0; }
.rankingNews .rankPlate .rankPlateInner dl dd div { max-width:760px; margin:0 auto; }
.rankingNews .rankPlate .rankPlateInner dl dd div figure { float:left; width:50%; padding:0 15px 0 0; height:105px; overflow:hidden; }
.rankingNews .rankPlate .rankPlateInner dl dd div figure img { width:100%; }
.rankingNews .rankPlate .rankPlateInner dl dd div figure.center { clear:both; float:none; margin:0 auto; }

/* clearfix element */
.rankingNews .devComment:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html .rankingNews .devComment { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html .rankingNews .devComment { zoom:1; }

@media screen and (max-width:700px) {
.rankingNews .devComment > figure { width:140px; float:none; margin:0 auto; }
.rankingNews .devComment > div { float:none; margin:15px 0 0 0; padding:0; }
.rankingNews .rankFaq > div p { margin:10px 0 0 2em; }

.rankingNews .rankPlate > h3 { font-size:16px; padding:12px 10px 14px 10px; }
.rankingNews .rankPlate .rankPlateInner { padding:10px; }
.rankingNews .rankPlate .rankPlateInner dl dt { font-size:14px; padding:12px 10px; }
.rankingNews .rankPlate .rankPlateInner dl dd { padding:6px 0; }
.rankingNews .rankPlate .rankPlateInner dl dd div { max-width:400px; margin:0 auto; }
.rankingNews .rankPlate .rankPlateInner dl dd div figure { float:none; width:100%; padding:0 10px 0 0; height:auto; }
.rankingNews .rankPlate .rankPlateInner dl dd div figure img { width:100%; }
.rankingNews .rankPlate .rankPlateInner dl dd div figure.center { clear:both; float:none; margin:0 auto; }
}

/****************************************************************************

/event/online/004.php

****************************************************************************/

.online.page004 #mainCont01 .parts_table_01 table th,
.online.page004 #mainCont01 .parts_table_01 table td { font-size:13px; padding:15px; }
.online.page004 #mainCont01 .parts_table_01 table th { width:152px; }

@media screen and (max-width:700px) {
.online.page004 #mainCont01 .parts_table_01 table th,
.online.page004 #mainCont01 .parts_table_01 table td { font-size:11px; padding:10px; line-height:160%; }
.online.page004 #mainCont01 .parts_table_01 table th { width:85px; }
}

/****************************************************************************

/event/online/001.php

****************************************************************************/

.online.page001 .parts_inlineBlock_01 li { height:259px; }
.online.page001 .parts_inlineBlock_01 li img { width:auto; height:100%; }

@media screen and (max-width:700px) {
.online.page001 .parts_inlineBlock_01 li { width:100%; display:block; height:auto; }
.online.page001 .parts_inlineBlock_01 li img { width:100%; height:auto; }
.online.page001 .parts_inlineBlock_01 li img.pcOnly { display:none; }
}

@media screen and (min-width:701px) {
.youtube { width:560px; margin:40px auto 40px auto;  }
.youtube iframe { border:2px solid #FEB209; box-sizing:border-box; }

.youtube.youtube2 {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube.youtube2 iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important; border:0px solid #FEB209
}
}

@media screen and (max-width:700px) {
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
}