/* ----------------------------------------------------------------------
	
	馬主サイト - 馬主になるには 共通パーツなど
	
---------------------------------------------------------------------- */

/* - Pick UP!
---------------------------------------------------------------------- */

div.pickup {
	background-color: #f7f7f7;
	padding: 15px;
	border-radius: 4px;
	border: 1px dashed #ddd;
}

div.pickup > h3,
div.pickup > h4 {
	font-size: 1.3rem;
	font-weight: bold;
	color: #555;
}


div.pickup p.case {
	/*
	font-size: 1.3rem;
	font-weight: bold;
	color: #555;
	*/
	display: table;
}

div.pickup p.case > span {
	display: table-cell;
	vertical-align: top;
	font-size: 1.3rem;
	font-weight: bold;
	color: #555;
}


div.pickup.no_icon p.case {
	display: inline;
}

div.pickup.no_icon p.case > span {
	display: inline;
}




div.pickup p.case > span.icon {
	white-space: nowrap;
}

div.pickup p.case > span.icon > span {
	background-color: #268300;
	background-color: #e60012;
	color: #fff;
	padding: 4px;
	/*border-radius: 1em;*/
	border-radius: 4px;
	position: relative;
	top: -1px;
	font-size: 1.1rem;
	font-weight: bold;
	margin-right: 0.5em;
}

div.pickup p.case > span.txt {
	
}

div.pickup p.result {
	font-size: 1.3rem;
	color: #555;
	word-break: break-all;
}

div.pickup p.result span.mark {
	margin: 0 0.5em;
}

div.pickup p.result .price {
	font-size: 1.8rem;
	color: #268300;
}

div.pickup div.ex_result {
	/*border: 1px solid #ddd;*/
	background-color: #fff;
	/*background-color: #eee;*/
	border-radius: 4px;
	padding: 10px 15px;
	
	display: inline-block;
	
	border: 1px dotted #e3e3e3;
	border: 1px dashed #ddd;
}


/* - 備考
---------------------------------------------------------------------- */

ul.annotation > li {
    display: table;
}

ul.annotation > li > span {
    display: table-cell;
}

ul.annotation > li > span:first-child {
    white-space: nowrap;
}


/* - 注釈
---------------------------------------------------------------------- */

ul.attention > li {
	display: table;
	font-size: 1.3rem;
}

ul.attention > li > span {
    display: table-cell;
}

ul.attention > li > span:first-child {
    white-space: nowrap;
}


/* - キャプション（赤太文字）
---------------------------------------------------------------------- */
#contents .cap {
	color: #c3303c;
    font-size: 1.4rem;
    font-weight: bold;
}


/* - ドットリスト
---------------------------------------------------------------------- */
ul.dotlist > li {
    display: table;
}

ul.dotlist > li > span {
    display: table-cell;
    vertical-align: top;
    line-height: 1.6;
}

ul.dotlist > li > span.dot {
    width: 1em;
}

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



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

	979px以下

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

div.schematic > div.inner { margin-right: 180px; }
	
div.deal_block_all {
	width: 200px;
	right: -180px;
}
	
}
*/

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

	840px〜768px

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


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

/*div.schematic > div.inner { width: 70%;}*/
	
}


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

	767px以下

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

/*
div.schematic > div.inner { margin-right: 160px; }
	
div.deal_block_all {
	width: 180px;
	right: -160px;
}
*/
	
}


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

	639px以下

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

/*
div.age_unit > p > span { display: block; }

div.deal_block_all { display: none; }

div.schematic > div.inner { margin-right: 0; }
div.age_unit{ margin-right: 130px; }

div.deal_block { 
	display: block;
	top: 15px;
	right: -130px;
	width: 150px;
	height: 90%;
	padding: 10px;
	}

div.deal_block > dl dt {
	font-size: 1.8rem;
}

div.deal_block > dl dd {
	font-size: 1.2rem;
}
*/

}

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

	549〜480px

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

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

/*
div.age_unit{ margin-right: 110px; }
div.deal_block { 
	width: 130px;
	right: -110px;
}
*/

}

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

	479px以下

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

/*
div.age_unit {
	margin-right: 0;
	padding-right: 20px;
}

div.icon > h5,
div.icon > p {
	font-size: 1.6rem;
}

div.arrow {
    text-align: center;
	padding: 0;
}

div.deal_block {
	position: static;
	margin-top: 20px;
	width: 100%;
	padding: 10px;
	text-align: center;
}

div.deal_block > dl { 
	position: static;
	top: 0;
	transform: translateY(0%);
	}
	
div.deal_block > dl dd { text-align: left; }

*/
}



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

	359px以下

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

/*
div.age_unit {
	padding-top: 48px;
}

div.age_unit > div.icon { width: auto; }

div.icon > h5,
div.icon > p {
	font-size: 1.4rem;
}
*/

}