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

	育成牧場：施設ガイド

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


/* - アンカーボタン
-------------------------------------------------- */

ul.btns {
	width: 100%;
	background-color: #ebebeb;
	padding: 5px;
	/*text-align: center;*/
}

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

ul.btns > li {
	box-sizing: border-box;
	padding: 5px;
	float:left;
}

ul.btns.col2 > li { width:50%; }
ul.btns.col3 > li { width:33.33%; }
ul.btns.col4 > li { width:25%; }

ul.btns > li > a {
	background-color: #fff;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	border-radius: 4px;
	box-shadow: 0 1px 4px rgba(0,0,0,0.1);
	display: block;
	color: #0069a8;
}


ul.btns > li > a:hover {
	background-color: #fff8e1;
}

ul.btns > li > a > div.inner {
	display: table;
	margin: 0 auto;
}

ul.btns > li > a > div.inner > div {
	display: table-cell;
	vertical-align: middle;
}

ul.btns > li > a > div.inner > div.icon i {
	margin-right: 0.5em;
	color: #188542;
	font-size: 1.4rem;
	vertical-align: middle;
	position: relative;
	top: -1px;
}

ul.btns > li > a > div.inner > div.cap {
	font-size: 1.6rem;
}

ul.btns.f-sm > li > a > div.inner > div.icon i {
	font-size: 1.3rem;
}

ul.btns.f-sm > li > a > div.inner > div.cap {
	font-size: 1.4rem;
}


/* - 育成調教施設
-------------------------------------------------- */

ul.facilities_list {
	width:100%;
}

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

ul.facilities_list > li {
	float:left;
}

ul.facilities_list.col1 > li {
	float:none;
	width:100%;
	margin-top:30px;
}

ul.facilities_list.col1 > li:first-child {
	margin-top:0;
}

/*ul.facilities_list.col2 , ul.facilities_list.col3 {
	display:table;
	width:100%;
	table-layout:fixed;
}*/

ul.facilities_list.col2 {
	display:table;
	width:100%;
}

ul.facilities_list.col2 > li {
	width:50%;
	padding:10px;
	padding:10px 0;
}

ul.facilities_list.col2 > li:nth-child(odd) { padding-right:9px; }
ul.facilities_list.col2 > li:nth-child(even) { padding-left:9px; }


ul.facilities_list.col3 > li {
	width:33.33%;
	padding:5px;
}


ul.facilities_list > li > h4 , ul.facilities_list > li > h5 {
	background-color: #1b521f;
	color: #fff;
	font-weight: bold;
	font-size: 1.4rem;
	padding: 8px;
}

ul.facilities_list > li > h4 span.wrap , 
ul.facilities_list > li > h5 span.wrap {
	display:table;
}

ul.facilities_list > li > h4 span.wrap > span.num_cap , 
ul.facilities_list > li > h5 span.wrap > span.num_cap {
	display:table-cell;
	white-space:nowrap;
	vertical-align:top;
}

ul.facilities_list > li > h4 span.wrap > span.num_cap > span.cap , 
ul.facilities_list > li > h5 span.wrap > span.num_cap > span.cap {
	margin-left:5px;
}

ul.facilities_list > li > h4 span.wrap > span.num_cap > span.cap:first-child , 
ul.facilities_list > li > h5 span.wrap > span.num_cap > span.cap:first-child {
	margin-left:0;
}

ul.facilities_list > li > h4 span.wrap > span.txt , 
ul.facilities_list > li > h5 span.wrap > span.txt {
	display:table-cell;
	vertical-align:top;
}


ul.facilities_list > li > h4 span.cap , ul.facilities_list > li > h5 span.cap {
	background-color: #0c795c;
	background-color:#FFF;
	color: #1b521f;
	padding: 1px 2px;
	display: inline-block;
	font-weight:bold;
	min-width: 18px;
	text-align: center;
	font-size: 1.1rem;
}

ul.facilities_list > li > h4 span.txt , ul.facilities_list > li > h5 span.txt { padding-left:7px; }

ul.facilities_list > li > h4 span.txt span.sm , ul.facilities_list > li > h5 span.txt span.sm { font-size:1.1rem; }

ul.facilities_list > li > h4.opt span.inner , ul.facilities_list > li > h5.opt span.inner { display:table; }
ul.facilities_list > li > h4.opt span.inner span.num_cap , ul.facilities_list > li > h5.opt span.inner span.num_cap { display:table-cell; vertical-align:top; }
ul.facilities_list > li > h4.opt span.inner span.txt , ul.facilities_list > li > h5.opt span.inner span.txt { display:table-cell; vertical-align:top; }
/*ul.facilities_list > li > h4.opt span.inner span.txt > span {
	display:block;
	font-size:1.1rem;
}*/

ul.facilities_list > li > .content {
	border: 1px solid #e0e0e0;
	border-top: none;
	padding:19px;
}

ul.facilities_list.col3 > li > .content {
	padding:14px;
}


ul.facilities_list.col1 > li > .content > .inner {
	display:table;
	width:100%;
}

ul.facilities_list.col1 > li > .content > .inner > div {
	display:table-cell;
	vertical-align:top;
}

ul.facilities_list > li > .content > .inner > div.img img {
	width:100%;
	max-width:100%;
}

ul.facilities_list.col1 > li > .content > .inner > div.img {
	width:280px;
}

ul.facilities_list.col1 > li > .content > .inner > div.img.pic2 {
	width:360px;
}

ul.facilities_list > li > .content > .inner > div.txt {
	margin-top:15px;
}

ul.facilities_list.col1 > li > .content > .inner > div.txt {
	padding-left:30px;
}


/* - 日高育成牧場　調整
-------------------------------------------------- */

body.guide h4.block_header_line > span.cap {
	background-color: #0c795c;
	background-color:#1b521f;
	color: #fff;
	padding: 1px 2px;
	display: inline-block;
	font-weight:bold;
	min-width: 18px;
	text-align: center;
	font-size: 1.1rem;
}

body.guide h4.block_header_line > span.txt {
	padding-left:7px;
}



.grid.pic1 > .img {
	width:280px;
}


/* - 公財軽種馬育成調教センター
	-------------------------------- */

p.access_txt { }

p.access_txt > br.sp { display:none; }

ul.access_list > li {
	display:inline-block;
}

ul.access_list > li:first-child {
	padding-right:1em;
}

.lv6.tour {
	font-size:1.3rem;
}


/* - 施設の名称
	-------------------------------- */

ul.name_list {
	padding:2px;
	background-color:#ddd;
}

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

ul.name_list > li {
	float:left;
	width:25%;
	padding:2px;
}

ul.name_list > li > span.inner {
	display:table;
	background-color:#FFF;
	padding:5px;
	width:100%;
}

ul.name_list > li > span.inner > span {
	display:table-cell;
	vertical-align:top;
}

ul.name_list > li > span.inner > span.cap {
	width:22px;
}

ul.name_list > li > span.inner > span.cap > span.num {
	background-color: #0c795c;
	background-color:#b11a0f;
	background-color:#28697d;
	background-color:#3f565d;
	color: #FFF;
	padding: 1px 2px;
	font-weight:bold;
	min-width: 22px;
	text-align: center;
	font-size: 1.1rem;
	display:inline-block;
}

ul.name_list > li > span.inner > span.txt {
	padding-left:0.5em;
}

ul.name_list > li > span.inner > span.txt > span.sm {
	font-size:1.0rem;
}

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

	767px以下

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

ul.btns.col3 > li { width:50%; }

div.access_block {
	display:block;
	width:100%;
}

div.access_block > div {
	display:block;
}

div.access_block > div.access_detail {
	width:100%;
	padding-left:0;
	margin-top:30px;
}

div.access_block > div.access_detail > .content {
	max-width:420px;
	margin:0 auto;
}

ul.facilities_list.col3 > li {
	width:50%;
	padding:5px;
}

ul.facilities_list.col3 > li {
	width:50%;
	padding:10px;
}

ul.name_list > li {
	width:33.33%;
}
	
	
}


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

	639px以下

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

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


ul.facilities_list > li > .content {
	padding:14px;
}

ul.facilities_list > li > .content > .inner {
	display:block;
}

ul.facilities_list.col1 > li > .content > .inner > div {
	display:block;
	vertical-align:top;
}

ul.facilities_list.col1 > li > .content > .inner > div.img {
	width:100%;
	margin:0 auto;
}

ul.facilities_list.col1 > li > .content > .inner > div.txt {
	padding-left:0;
	margin-top:15px;
}
	
	
}

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

	580px以下

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

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

ul.name_list > li {
	width:50%;
}
	
}

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

	479px未満

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

ul.btns.col3 > li {
	width:100%;
	float:none;
}

ul.btns > li > a {
	text-align: left;
}


ul.btns > li > a:hover {
	background-color: #fff8e1;
}

ul.btns > li > a > div.inner {
	display: table;
	margin: 0;
}



div.access_block > div.access_detail > .content {
	padding:14px;
}


ul.facilities_list.col2 > li {
	width:100%;
	display:block;
	padding:15px 0;
	float:none;
}

ul.facilities_list.col2 > li:first-child { padding-top:10px; } 

ul.facilities_list.col2 > li:nth-child(odd) { padding-right:0; }
ul.facilities_list.col2 > li:nth-child(even) { padding-left:0; }

ul.facilities_list.col3 > li {
	width:100%;
	float:none;
	padding:10px 0;
}

ul.facilities_list > li > h4 span.txt,
ul.facilities_list > li > h5 span.txt { font-size: 1.3rem; }

/* - 公財軽種馬育成調教センター
	-------------------------------- */

p.access_txt > br.sp { display:block; }

ul.access_list > li {
	display:block;
}

ul.access_list > li:first-child {
	padding-right:0;
}

ul.name_list > li > span.inner > span.txt > span.block {
	display:block;
}

	
}

@media screen and ( max-width : 359px ) {
	
ul.name_list > li {
	width:100%;
	float:none;
}

}
