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

	iq`

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

.tab_header {
	margin-top: 30px;
	background-color: #717171;
	/*border-bottom: 1px solid #fff;*/
	border-left: 1px solid #fff;
}

.tab_header p.tab_title {
	text-align: center;
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 4rem;
}


div.tab_year {
	/*display: table;*/
	width: 100%;
	margin-top: 0;
} 

div.tab_year ul {
	/*display: table;*/
	width: 100%;
	
	overflow: hidden;
}

div.tab_year ul:after {
	content: '';
	display: block;
	clear: both;
}

div.tab_year ul li {
	float: left;
	width: 12.5%;
	/*display: table-cell;*/
    vertical-align: middle;
    /*padding: 10px;*/
    text-align: center;
    box-sizing: border-box;
    /* border-radius: 4px; */
    color: #fff;
    cursor: pointer;
    border-radius: 0;
    font-size: 1.2rem;
    background-color: #e7e7e7;
    border-left: 1px solid #fff;
	border-top:1px solid #FFF;
	
}

div.tab_year ul li a {
	display: block;
	text-decoration: none;
	color: #444;
	padding: 10px;
}

div.tab_year ul li:hover {
	background-color: #d1eab1;
	color: #fff;
}

div.tab_year ul li.current {
	background-color: #237f41;
	font-weight: bold;
	color: #666;
	color: #fff;
	}
	
div.tab_year ul li.current a {
	color: #fff;
}



div.tab_year > ul > li > a span {
	margin-right: 0.4em;
}

div.tab_year > ul > li > a span.icon_normal { display: inline; }
div.tab_year > ul > li > a span.icon_current { display: none; }

div.tab_year > ul > li.current > a span.icon_normal { display: none; }
div.tab_year > ul > li.current > a span.icon_current { display: inline; }


/*div.block_unit h3 { padding: 8px; }*/

ul.block_list.type1 li {
	margin-bottom: 20px;
}

/*ul.block_list.type1 .block_unit .content .inner .txt h4 {
	font-size: 2.0rem;
	margin-bottom: 10px;
}*/

ul.block_list.type1 .block_unit .content .inner .txt h5 {
    font-size: 2.0rem;
	margin-bottom: 10px;
}

ul.block_list.type1 .block_unit .content .inner .txt p {
	margin: 0 0 0.6rem; 
}

ul.type1,ul.type2 { margin-top: 16px; }

ul.rev_list {
	width: 898px;
	padding: 9px;
	padding-bottom: 0;
	
	overflow: hidden;
}

ul.rev_list:after {
	content: '';
	display: block;
	clear: both;
}


ul.block_list.type1 .block_unit .content .inner ul.rev_list li {
	float: left;
	width: 440px;
	height: auto;
	padding: 9px;
	margin: 0;
}

ul.block_list.type1 .block_unit .content .inner ul.rev_list li img { vertical-align: top; }

div.mov_btn {
    background-color: #eaeaea;
    padding: 5px;
   /* padding-bottom: 0;*/
}


div.mov_btn ul:after {
	content: '';
	display: block;
	clear: both;
}

ul.block_list.type1 .block_unit div.mov_btn ul > li {
	box-sizing: border-box;
    width: 50%;
    float: left;
	padding: 5px;
    /*margin-right: 10px;
    margin-bottom: 10px;*/
	margin: 0;
}

div.mov_btn ul > li > a {
    display: block;
    padding: 5px;
    text-decoration: none;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1);
    color: #188542;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
}

ul.block_list.type1 .block_unit div.mov_btn ul > li.col1 { width: 100%; }
ul.block_list.type1 .block_unit div.mov_btn ul > li.col1 > a { padding: 8px }

div.mov_btn ul > li > a:hover {
	background-color: #f1f8e9;
	background-color: #fff8e1;
	color: #333;
}

div.mov_btn ul > li > a i {
	margin-right: 0.4rem;
}

div.jusho_horse ul.block_list.type1 .block_unit .content .inner {
	display: table;
}


div.jusho_horse ul.block_list.type1 .block_unit .content .inner .img {
	display: table-cell;
	width: 330px;
}

div.jusho_horse ul.block_list.type1 .block_unit .content .inner .txt {
	display: table-cell;
	padding-left: 20px;
	/*width: 568px;*/
}

div.race_data {
	padding: 20px;
	padding-top: 0;

}

.race_data table {
	width: 100%;
    border-collapse: collapse;
}

.race_data table > caption { display: none; }


.race_data table thead > tr > th {
    background-color: #f4f4f4;
    border: 1px solid #e4e4e4;
	text-align: center;
    padding: 10px 6px;
    vertical-align: middle;
    /*font-size: 1.2rem;*/
    font-weight: bold;
}

.race_data table tbody > tr > td {
    border: 1px solid #e4e4e4;
    vertical-align: middle;
    padding: 10px 4px;
}

.race_data table tbody > tr > td .btn a {
	display: block;
    padding: 4px;
    text-decoration: none;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1);
    color: #188542;
    /*font-size: 1.1rem;*/
    font-weight: bold;
    text-align: center;
	white-space: nowrap;
}

.race_data table tbody > tr > td .btn a:hover {
	background-color: #fff8e1;
	color: #333;	
}

.race_data table td.movie{
  background-color: #f4f4f4;
}

.btn a i {
	margin-right: 0.4rem;
}

p.annotation {
    text-indent: -3em;
    padding-left: 3em;
	font-size: 1.2rem;
}


.jusho_review,
.jusho_horse,
.people_list,
.bunka_unit { margin-top: 30px; }

.people_list > ul.type2 > li > .block_unit > table {
	width: 100%;
}

.people_list > ul.type2 > li > .block_unit > table caption {
	background-color: #1b521f;
    color: #fff;
    font-weight: bold;
    font-size: 1.4rem;
    padding: 8px;
	text-align: left;
}

.people_list > ul.type2 > li > .block_unit > table tbody > tr > th {
	/*width: 50%;*/
	background-color: #f4f4f4;
    border: 1px solid #e4e4e4;
    padding: 5px 10px;
    vertical-align: middle;
    font-size: 1.3rem;
    font-weight: bold;
	text-align: left;
	white-space: nowrap;
}

.people_list > ul.type2 > li > .block_unit > table tbody > tr > td {
	border: 1px solid #e4e4e4;
    vertical-align: middle;
    padding: 5px 10px;
    font-size: 1.3rem;
}

.bunka_unit {
	display: table;
}

.bunka_list {
	display: table-cell;
	width: 456px;
}

.bunka_list:nth-child(2) { padding-left: 28px; }

.bunka_list > table {
	width: 100%;
	margin-top: 16px;
}

.bunka_list > table caption { display: none; }

.bunka_list > table tbody > tr > th {
	/*width: 50%;*/
	background-color: #f4f4f4;
    border: 1px solid #e4e4e4;
    padding: 5px 10px;
    vertical-align: middle;
    font-size: 1.3rem;
    font-weight: bold;
	text-align: left;
	white-space: nowrap;
	
	width: 64px;
}

.bunka_list > table tbody > tr > td {
	border: 1px solid #e4e4e4;
    vertical-align: middle;
    padding: 5px 10px;
    font-size: 1.3rem;
}




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

	979pxȉ

------------------------------------------------------------ */
@media screen and ( max-width : 979px ) {
	
	ul.rev_list { width: 720px; margin: 0 auto;  }
	
	ul.block_list.type1 .block_unit .content .inner ul.rev_list li { width: 351px; }
	
	/*ul.block_list.type1 .block_unit div.mov_btn ul { width: 702px; margin: 0 auto; }*/
	
	/*ul.block_list.type1 .block_unit div.mov_btn ul > li  {
	width: 50%;
	padding-right: 10px;
	margin: 0;
	margin-bottom: 10px;
	}*/
	
	/*ul.block_list.type1 .block_unit div.mov_btn ul > li:last-child { margin-right: 0; }*/
	

	
}


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

	768pxȉ

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

ul.rev_list {
	width: auto;
	padding: 9px 0 0 0;
}

ul.block_list.type1 .block_unit .content .inner ul.rev_list li {
	float: none;
	width: auto;
	height: auto;
	padding: 9px 0;
}

ul.block_list.type1 .block_unit .content .inner ul.rev_list li:last-child { padding-bottom: 0; }

ul.block_list.type1 .block_unit div.mov_btn ul { width: auto; }

ul.block_list.type1 .block_unit div.mov_btn ul > li {
	margin-right: 0;
    width: auto;
    float: none;
}

div.jusho_horse ul.block_list.type1 .block_unit .content .inner {
	display: block;
}

div.jusho_horse ul.block_list.type1 .block_unit .content .inner .txt {
	display: block;
	width: 330px;
	padding-left: 0;
}

div.jusho_horse ul.block_list.type1 .block_unit .content .inner .img {
	display: block;
	width: 330px;
	/*margin: 0 auto;*/
}

div.tab_year ul li  {
	width: 25%;
	font-size: 1.1rem;
	/*border-bottom: 1px solid #fff;*/
}

div.mov_btn ul > li > a { padding: 10px 0; }

div.tab_year ul li.current { font-weight: normal; }

/*.people_list > ul.type2 > li > .block_unit > table tbody > tr > th {
	width: 50%;
}*/

div.bunka_unit { display: block; }

div.bunka_list {
	display: block;
	width: auto;
	}

.bunka_list:nth-child(2) { padding-left: 0; }

}





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

	768px`979px

------------------------------------------------------------ */
/*
@media screen and ( min-width : 768px ) and ( max-width : 979px ) {
	
	#week_header { min-height: 162px; }
	
}
*/

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

	640px`979px

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

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

div.jusho_horse ul.block_list.type1 .block_unit .content .inner .txt {
	/*width: auto;*/
	margin: 15px auto 0;
}

div.jusho_horse ul.block_list.type1 .block_unit .content .inner .img {
	margin: 0 auto;
	/*width: auto;*/
}

}



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

	`639px

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

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


div.jusho_horse ul.block_list.type1 .block_unit .content .inner .txt {
	width: auto;
	margin: 15px auto 0;
}

div.jusho_horse ul.block_list.type1 .block_unit .content .inner .img {
	width: auto;
	text-align: center;
	/*margin: auto;*/
}

/*div.race_data {
	overflow: scroll;
	padding: 0;
	margin: 20px;
	height: 400px;
	-webkit-overflow-scrolling: touch;
}
*/
div.mov_btn.non,
.race_data table th.non,
.race_data table td.non,
.race_data table th.non,
.race_data table td.non,
.race_data table td > .btn.non {
	display: none;
}


.race_data table th:nth-child(2),
.race_data table th:nth-child(5),
.race_data table th:nth-child(4),
.race_data table th:nth-child(7),
.race_data table th:nth-child(8),
.race_data table td:nth-child(2),
.race_data table td:nth-child(5),
.race_data table td:nth-child(4),
.race_data table td:nth-child(7),
.race_data table td:nth-child(8) {
	display: none;
}

.race_data > p.annotation { display:none; }

	
}


