@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 1px solid; }
.rankingNews .rankPlate > h3 { font-size:26px; line-height:140%; color:#fff; font-weight:bold; background:URL(../../img/cmn/alBg4a4d57_70p.png) repeat; text-align:center; padding:14px 30px 16px 30px; overflow:hidden; position:relative;
text-shadow:0 0 1px #fff,0 0 1px #b8894d,0 0 2px #b8894d,0 0 3px #b8894d,0 0 5px #b8894d,0 0 10px #b8894d,0 0 15px #b8894d,0 0 20px #b8894d,0 0 25px #b8894d,0 0 30px #b8894d; 
}
.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:URL(../../img/cmn/alBgFFF_12p.png) repeat; }
.rankingNews .rankPlate .rankPlateInner dl { border-top:#9da1a7 1px solid; }
.rankingNews .rankPlate .rankPlateInner dl dt { font-size:20px; line-height:140%; color:#fff; font-weight:bold; background: URL(../../img/cmn/alBg000_46p.png) repeat center center; text-align:center; padding:14px 30px; overflow:hidden; position:relative; border-left:#9da1a7 1px solid; border-right:#9da1a7 1px solid;
text-shadow:0 0 1px #fff,0 0 1px #454a55,0 0 2px #98a4b5,0 0 3px #98a4b5,0 0 5px #98a4b5,0 0 10px #98a4b5,0 0 15px #98a4b5,0 0 20px #98a4b5,0 0 25px #98a4b5,0 0 30px #98a4b5;
}
.rankingNews .rankPlate .rankPlateInner dl dd { background:#42444f; 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; }
.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:18px; 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; }
.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; }
}