/* ==========================================================================
    iPad Pro : landscape
============================================================================= */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

}
/* ==========================================================================
    iPad Pro : portrait
============================================================================= */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    .wblk.video>.media { width:100%; }
    .wblk.video>.txt { width:100%; height:auto; position:relative;  }
    .wblk.video>.txt>a.ftc { position:relative; bottom:0; text-align:right; display:block;
                             padding:0 60px 0 0; transform:translateX(35px); margin-top:25px; }
    .wblk.video>.txt>a.ftc>img { right:0; }
	.wblk.video>.txt h3 { font-size:140%; font-weight:200; line-height: 1.2; }
    .wblk.video>.media.play>img,.wblk.video>.media.pause>img { display:none; }
    .wblk.video>.media>video { position:relative; min-width:0; min-height:0;
                                top:0; transform:translateY(0); width:100%; }
}


/* ==========================================================================
    Pad : landscape
============================================================================= */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape){
    .wblk.video>.media { width:100%; }
    .wblk.video>.txt { width:100%; height:auto; position:relative;  }
    .wblk.video>.txt>a.ftc { position:relative; bottom:0; text-align:right; display:block;
                             padding:0 60px 0 0; transform:translateX(35px); margin-top:25px; }
    .wblk.video>.txt>a.ftc>img { right:0; }
	.wblk.video>.txt h3 { font-size:140%; font-weight:200; line-height: 1.2; }
    .wblk.video>.media.play>img,.wblk.video>.media.pause>img { display:none; }
    .wblk.video>.media>video { position:relative; min-width:0; min-height:0;
                                top:0; transform:translateY(0); width:100%; }
	}
/* ==========================================================================
    Pad : Portrait
============================================================================= */
@media only screen and (min-width: 768px) and (max-width: 959px) and (orientation : portrait) {
    .wblk.video>.media { width:100%; }
    .wblk.video>.txt { width:100%; height:auto; position:relative;  }
    .wblk.video>.txt>a.ftc { position:relative; bottom:0; text-align:right; display:block;
                             padding:0 60px 0 0; transform:translateX(35px); margin-top:25px; }
    .wblk.video>.txt>a.ftc>img { right:0; }
	.wblk.video>.txt h3 { font-size:140%; font-weight:200; line-height: 1.2; }
    .wblk.video>.media.play>img,.wblk.video>.media.pause>img { display:none; }
    .wblk.video>.media>video { position:relative; min-width:0; min-height:0;
                                top:0; transform:translateY(0); width:100%; }
	/* table:mtable */
	table.mtable { width:100%; border-bottom:solid 1px #ccc; }
	table.mtable td, table.mtable th { padding:20px; vertical-align:top; text-align:left; }
	table.mtable th { background:#e0e0e0; font-size:120%; font-weight:200; line-height: 1.2; }
	table.mtable td { border:solid 1px #ccc; border-bottom:none; border-left:none; }
	table.mtable td:first-child { border-left:solid 1px #C31F26; background: #e0e0e0;/*border-left:solid 1px #ccc;*/ }
	table.mtable { display: table;}

	table.responsive { display: none;}
}
/* ==========================================================================
    M Narrow Desktop
============================================================================= */
@media only screen and (max-width:1200px) {

}
/* ==========================================================================
    SM Narrow Desktop
============================================================================= */
@media only screen and (max-width:950px) {
}
/* ==========================================================================
    Mobile
============================================================================= */
@media only screen and (max-width:767px) {
	#inside h1 { margin-bottom:25px; font-size:160%; font-weight:200; line-height: 1.2}
	#inside h2 { margin-bottom:20px; font-size:140%; font-weight:200; line-height: 1.2}

    #inside>#subnav,#inside>#subnav+#content { width:100%; float:none; }
    #subnav>nav { display:none; }
    #subnav>select { display:block; width:100%; box-sizing:border-box; margin-bottom:25px; 
                        padding:5px 8px; border:none; background:#e0e0e0; font-size: 140%; }
                        
    /* news inside */
    #inside #newsinshead>h1 { font-size:220%; margin-bottom:10px; font-weight:400;}
    /* video */
    .wblk.video>.media { width:100%; }
    .wblk.video>.txt { width:100%; height:auto; position:relative;  }
    .wblk.video>.txt>a.ftc { position:relative; bottom:0; text-align:right; display:block;
                             padding:0 60px 0 0; transform:translateX(35px); margin-top:25px; }
    .wblk.video>.txt>a.ftc>img { right:0; }
	.wblk.video>.txt h3 { font-size:140%; font-weight:200; line-height: 1.2; }
    .wblk.video>.media.play>img,.wblk.video>.media.pause>img { display:none; }
    .wblk.video>.media>video { position:relative; min-width:0; min-height:0;
                                top:0; transform:translateY(0); width:100%; }
                                
    #main {min-height:0}

    /* table:wrap */    
	
	/* table:mtable */
	table.mtable { width:100%; border-bottom:solid 1px #ccc; }
	table.mtable td, table.mtable th { padding:20px; vertical-align:top; text-align:left; }
	table.mtable th { background:#e0e0e0; font-size:120%; font-weight:200; line-height: 1.2; }
	table.mtable td { border:solid 1px #ccc; border-bottom:none; border-left:none; }
	table.mtable td:first-child { border-left:solid 1px #C31F26; background: #e0e0e0;/*border-left:solid 1px #ccc;*/ }
	table.mtable { display: table;}

	table.responsive { display: none;}
}

/* ==========================================================================
    Print
============================================================================= */
@media print {
    #inside>#subnav { display:none; }
    #inside>#subnav+#content { width:100%; float:none; }
    table.gen { border-collapse: collapse; }
    table.gen tr>th, table.gen tr>td { border: solid 1px #ccc; }
}