/* ----------------------------------------------------------------------
	
	変更届ダウンロード - 馬主の方へ
	
---------------------------------------------------------------------- */


/* - レイアウト
---------------------------------------------------------------------- */
#notification { margin-top: 20px; }
#notification > p { line-height: 1.6; }

/* - アンカーリンクリスト
------------------------------------------------------------ */
div.type_list { margin-top: 30px; }

div.type_list > ul {
	display: table;
	width: 100%;
	padding: 5px;
	background-color: #eaeaea;
}

div.type_list > ul > li {
	width: 20%;
	display: table-cell;
	box-sizing: border-box;
	padding: 5px;
	
}

div.type_list > ul > li > a {
	display: block;
	padding: 10px;
	font-size: 1.4rem;
	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;
	padding: 10px 5px;
}

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

.no-touch div.type_list > ul > li > a:hover {
	background-color: #fff8e1;
}




/* - セクションブロック
------------------------------------------------------------ */
div.section { margin-top: 50px; }


/* - 変更所ユニットリスト
------------------------------------------------------------ */
ul.unit_list > li { margin-top: 30px; }
ul.unit_list > li:first-child { margin-top: 20px; }


/* - ユニット
------------------------------------------------------------ */
div.doc_unit > div.block_sub_header { border-bottom: none; }

div.doc_unit > div.block_sub_header > h4 {
	background-color: #188542;
	color: #fff;
	padding: 10px;
}

div.doc_unit > div.content {
	padding: 20px;
	border: 1px solid #ddd;
	border-top: none;
}

div.doc_unit > div.content > h5 {
	font-size: 1.3rem;
	font-weight: bold;
	border-bottom: 1px dotted #ddd;
	padding-bottom: 2px;
	color: #444;
	margin-bottom: 10px;
}


/* - 太字・アンダーライン
------------------------------------------------------------ */
strong.uline {
	text-decoration: underline;
	color: #C62828;
}


/* - 「・」リスト
------------------------------------------------------------ */
ul.dotlist {  }

ul.dotlist > li { display: table; }

ul.dotlist > li > span {
	display: table-cell;
	vertical-align: top;
	padding: 2px 0;
}

ul.dotlist > li > span.dot { width: 1em; }
ul.dotlist > li > span.txt { padding-left: 0.2em; }



/* - PDFボタン
------------------------------------------------------------ */
div.btn {
	background-color: #eaeaea;
	padding: 10px;
}

div.btn > 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;
	
	font-size: 1.5rem;
}

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

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


/* ----- ボタン2つ ----- */

div.btn.list {
	background-color: #eaeaea;
	padding: 5px;
}

div.btn.list > ul { width: 100%; }

div.btn.list > ul:after {
	content: '';
	display: block;
	clear: both;
}

div.btn > ul > li {
	float: left;
	padding: 5px;
}

div.btn > ul.col2 > li { width: 50%; }
div.btn > ul.col3 > li { width: 33.33%; }

div.btn > ul > li > 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;
	font-size: 1.5rem;
}

.no-touch div.btn > ul > li > a:hover {
	background-color: #fff8e1;
}

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

div.btn > ul > li > a > span.inner { display: table; margin: 0 auto; }
div.btn > ul > li > a > span.inner > span { display: table-cell; vertical-align: middle;}
div.btn > ul > li > a > span.inner > span.icon { white-space: nowrap; }
div.btn > ul > li > a > span.inner span.block { display: block; }



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

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

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

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








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

	979px以下

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


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

	767px以下

------------------------------------------------------------ */
@media screen and (max-width : 767px) {
	
	/* - アンカーリンクリスト
	------------------------------------------------------------ */
	div.type_list > ul {
		display: block;
		font-size: 0;
	}
	
	div.type_list > ul > li {
		display: inline-block;
		width: 33.33%;
		font-size: 1.3rem;
	}
	
	div.btn > ul > li {
	float: none;
	padding: 5px;
	}

	div.btn > ul.col2 > li { width: 100%; }
	div.btn > ul.col3 > li { width: 100%; }
	div.btn > ul > li > a > span.inner span.block { display: inline; }
	
	
}


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

	639px以下

------------------------------------------------------------ */
@media screen and (max-width : 639px) {
	
	
	/* - アンカーリンクリスト
	------------------------------------------------------------ */
	div.type_list > ul {
		display: block;
		font-size: 0;
	}
	
	div.type_list > ul > li {
		width: 50%;
	}
	
}


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

	479px以下

------------------------------------------------------------ */
@media screen and (max-width : 479px) {
	
	/* - アンカーリンクリスト
	------------------------------------------------------------ */
	div.type_list > ul > li > a {
		font-size: 1.3rem;
	}
	
}

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

	359px以下

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