/* ------------------------------------------------------------

	マークカード個数早見表（はじめての方へ）

------------------------------------------------------------ */

div.header_line { background-color: #0b838a; }

table.basic > caption.simple .block_header { margin-bottom: 15px; }

table.basic > caption h4 {
	padding: 8px 10px;
	border: 1px solid #ccc;
	border-bottom: none;
	text-align: center;
	letter-spacing: 0.2em;
	background-color: #d7ecf6;
	/*background-color: #f9f5de;*/
}

table.basic > caption.simple > .inner > div.main { padding-bottom: 0; }

table.basic.narrow-xy thead > tr > th,
table.basic.narrow-xy tbody > tr > td { padding: 10px 5px; }

table.basic.narrow-xy thead > tr > th { font-size: 1.0rem; }

table.basic.narrow-xy thead > tr > th:first-child,
table.basic.narrow-xy thead > tr > th span { font-size: 1.3rem; }

table.basic.narrow-xy tbody > tr > th {
	background-color: #e4e2fd;
	/*padding: 10px 3px;*/
	font-weight: bold;
}

table.basic.narrow-xy tbody > tr > th.wide { font-size: 1.2rem; }
table.basic.narrow-xy tbody > tr > th.wide br { display: none; }

table.basic.narrow-xy tbody > tr > td.blank { background-color: #f7f7f7; }

#chart_3rentan table tbody > tr > th span {
	display: block;
	font-size: 1.2rem;
}


/* ------------------------------------------------------------

	979px以下

------------------------------------------------------------ */

@media screen and ( max-width : 979px ) {
	

    
}


/* ------------------------------------------------------------

	859pxpx以下

------------------------------------------------------------ */

@media screen and ( max-width : 859px ) {
	
	table.basic.narrow-xy tbody > tr > th.wide { font-size: 1.3rem; }
	table.basic.narrow-xy tbody > tr > th.wide span { display: none; }
	table.basic.narrow-xy tbody > tr > th.wide br { display: block; }
	
}


/* ------------------------------------------------------------

	768px以下

------------------------------------------------------------ */

@media screen and ( max-width : 767px ) {

	/* - 表
    ---------------------------------------------------------------------- */
    div.scr { width: 100%; overflow-x: auto; }
    div.scr > table.basic { width: 768px; }
    
    .scr_caution { display: block; }
    
    div.scr-sp .scr_caution { display: none; }
	
}


/* ------------------------------------------------------------

	639px以下

------------------------------------------------------------ */

@media screen and ( max-width : 639px ) {
	
	table.basic > caption h4 {
		text-align: left;
		letter-spacing: normal;
	}
	
}


/* ------------------------------------------------------------

	480px以下

------------------------------------------------------------ */
@media screen and (max-width: 480px) {
　
 
 
}


/* ------------------------------------------------------------

	479px以下

------------------------------------------------------------ */
@media screen and (max-width: 479px) {
　
 
}


/* ------------------------------------------------------------

	425px以下

------------------------------------------------------------ */
@media screen and (max-width: 425px) {
　
	
 
}



/* ------------------------------------------------------------

	359px以下

------------------------------------------------------------ */

@media screen and ( max-width : 359px ) {
	
    
    
    
}



/* ------------------------------------------------------------

	320px以下

------------------------------------------------------------ */

@media screen and ( max-width : 320px ) {
	
    
    
}