/* ----------------------------------------------------------------------
	
	馬主サイト - 馬主になるには 馬主の特典・楽しみ
	
---------------------------------------------------------------------- */

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

div.grid {
	display: table;
	width: 100%;
	table-layout: fixed;
}

div.grid > div.txt,
div.grid > div.img {
	display: table-cell;
}

div.grid > div.txt {
	padding-right: 30px;
	width: auto;
}

div.grid > div.img {
	width: 300px;
	vertical-align: top;
}

div.grid > div.img > ul li { padding-bottom: 20px; }
div.grid > div.img.col1 > ul li { padding-bottom: 0px; }

div.grid > div.img > ul li img { vertical-align: top; }

/* - リンクボタン
-------------------------------------------------- */
.btn_link {
	background-color: #ebebeb;
	padding: 10px;
}

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

.no-touch .btn_link > a:hover {
	background-color: #fff8e1;
}

.btn_link > a i {
	margin-right: 0.5em;
	color: #188542;
	font-size: 1.3rem;
	vertical-align: middle;
	position: relative;
	top: -1px;
}

p.cap {
	margin-top: 20px;
}



div.extra {
	background-color: #f7f7f7;
	padding: 15px;
	border-radius: 4px;
	/*border: 2px solid #ddd;*/
	border: 1px solid #ddd;
	/*padding: 20px;*/
	
	border: 2px solid #ddd;
	background-color: #f7f7eb;
	background-color: #f7f8e6;
}


div.extra > p {
	line-height: 1.6;
}

div.extra > p.cap {
	line-height: 1.4;
}



div.extra > p.cap:first-child {
	margin-top: 0;
}




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

	979px以下

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

div.grid > div.txt {
	padding-right: 20px;
}
	
}


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

	767px以下

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

div.grid,
div.grid > div.txt,
div.grid > div.img {
	display: block;
	width: auto;
}

div.grid > div.txt { padding: 0; }

div.grid > div.img > ul {
	display: table;
	margin-top: 20px;
	table-layout: fixed;
	width: 100%;
}

div.grid > div.img > ul li {
	display: table-cell;
	padding: 10px;
	text-align: center;
}

div.grid > div.img.col1 > ul {
	width: 100%;
}
	
}


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

	639px以下

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



}


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

	479px以下

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

div.grid > div.img > ul {
	display: block;
}

div.grid > div.img > ul li {
	display: block;
}	
	
}

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

	359px以下

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

	
}