@charset "utf-8";
/*==================================================
	スマホのみに適用
==================================================*/
@media only screen and (max-width: 640px){
	body { font-size: 85%; }
	.dsp_hp, .dsp_hpt { display: none; }

	/* コンテナ */
	#wrap, #footer {
		min-width: 320px;
	}
	#page_title .sub_page {
		height: 150px;
		font-size: 25px;
	}
	#container {
		overflow: unset;
	}
	#container h2.sub,#container h3.sub {
		font-size: 25px;
	}
	#container h3.sub02 {
		font-size: 25px;
	}
	#container h3.sub02::before {
		width: 25px;
		top: -30px;
	}
	#container h3.sub02 span {
		font-size: 16px;
	}
	/* フッター */
	#footer .contact {
		padding: 15px 0;
		min-height: 180px;
	}
	#footer .contact .txt {
		font-size: 25px;
	}
	#footer .contact .contact_btn a {
		width: 100px;
		height: 100px;
		right: 15px;
	}
	#footer .contact .contact_btn a img {
		margin-bottom: 10px;
	}
	#footer .box img {
		width: 80px;
	}
	#copyright {
		height: auto;
		line-height: 1.6;
		padding: 5px 0;
	}
	/* 枠のマージン・パディング */
	.mb { margin-bottom: 30px; }
	.pt { padding-top: 30px; }
	.pb { padding-bottom: 30px; }
	/*--------------------------------------------------
		トップページ
	--------------------------------------------------*/
	#top_ttl {
		font-size: 30px;
	}
	#slider {
		margin-bottom: 30px;
	}
	#top_msg {
		margin-bottom: 30px;
	}
	#top_msg .ttl {
		font-size: 21px;
	}
	#top_msg .txt {
		font-size: 14px;
	}
	#top_link {
		margin-bottom: 30px;
	}
	#top_link .box a {
		padding: 0 10px;
	}
	#top_link .box .txt {
		font-size: 14px;
	}
	#top_link .box .txt img {
		width: 20px;
	}
	#top_bg {
		position: relative;
		bottom: -1px;
	}
	#top_bg.fadeIn_up.is-show {
		transform: translate(0, 2px);
	}
	
	/*--------------------------------------------------
		販売馬
	--------------------------------------------------*/
	#sale_hoses .detail ul,
	#sale_hoses .detail .gallery iframe {
		width: 100%;
	}
	#sale_hoses .detail ul {
		margin-bottom: 15px;
	}
	#sale_hoses .detail ul li {
		width: 31.5%;
	}
	/*--------------------------------------------------
		会社概要・活躍馬紹介
	--------------------------------------------------*/
	#company .about_box {
		width: 100%;
	}
	#company .about_box .box dl {
		display: block;
	}
	#company .about_box .box dt {
		margin-bottom: 10px;
	}
	#company .about_box .box dt, #company .about_box .box dd {
		width: 100%;
	}
	#company .about_box .box dd.lh {
		line-height: 1.8em;
	}
	#company .active_box .box .waku_box {
		min-height: auto;
		display: block;
	}
	#company .active_box .box .waku_box .img_box, #company .active_box .box .waku_box .txt_box {
		width: 100%;
	}
	#company .active_box .box .waku_box .txt_box .name {
		font-size: 25px;
	}
	#company .active_box .box .waku_box .txt_box .jname {
		font-size: 16px;
		margin-bottom: 10px;
	}
	#company .active_box .box .waku_box .txt_box .year {
		font-size: 14px;
	}
	#company .active_box .box .detail_box dl {
		display: block;
	}
	#company .active_box .box .detail_box dt {
		width: 100%;
		margin-bottom: 10px;
	}
	/*--------------------------------------------------
		生産馬名簿
	--------------------------------------------------*/
	#breeding h3 {
		font-size: 18px;
		padding: 5px 5px 5px 10px;
	}
	#breeding .scroll {
		overflow: auto;
		white-space: nowrap;
	}
	#breeding .scroll::-webkit-scrollbar {
		height: 5px;
	}
	#breeding .scroll::-webkit-scrollbar-track {
		background: #F1F1F1;
	}
	#breeding .scroll::-webkit-scrollbar-thumb {
		background: #BCBCBC;
	}
	#breeding table {
		font-size: 13px;
	}
	#breeding table tr th, #breeding table tr td {
		padding: 3px;
	}
	/*--------------------------------------------------
		サブページ
	--------------------------------------------------*/
	
/*------------------------------------------------*/
}