/* ----------------------------------------------------------------------
	
	馬主サイト - 馬主になるには 馬主活動のサポート
	
---------------------------------------------------------------------- */

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

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

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: 260px;
	padding-top: 15px;
	vertical-align: top;
}

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

/* ----- 各種届の送付先、お問い合わせ先 ----- */
div.address {  }

div.address > p {
	line-height: 1.6;
	font-size: 1.4rem;
}

div.address > p.title { font-size: 1.6rem; }

div.inquiry { margin-top: 30px; }

div.inquiry > h4 {
	font-weight: bold;
	border-bottom: 1px dotted #ddd;
	padding-bottom: 4px;
	margin-bottom: 10px;
	font-size: 1.4rem;
}

/* - リンクボタン
-------------------------------------------------- */
.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;
}

.btn_link > a span {
	display: block;
	font-size: 1.2rem;
}


.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;
}


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

	979px以下

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

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


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

	767px以下

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


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

	639px以下

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

div.grid { display: block; }
div.grid > div.txt {
	display: block;
	padding-right: 0;
}

div.grid > div.img {
    display: block;
    width: auto;
	text-align: center;
	margin-top: 15px;
}

}


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

	479px以下

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

	
	
	
}

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

	359px以下

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