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

    馬主情報
	FAQ/お問い合わせ 個別Qページ

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

/* - 各Qページ
-------------------------------------------------- */
.qa_unit {  }

/* ----- 「Q」ユニット ----- */
.qa_unit .q_unit {  }

.qa_unit .q_unit > h1 {
    display: table;
    width: 100%;
}

.qa_unit .q_unit > h1 > span {
    display: table-cell;
    vertical-align: middle;
}

.qa_unit .q_unit > h1 > span.icon {
    vertical-align: top;
    padding: 4px 0;
    width: 44px;
}

.qa_unit .q_unit > h1 > span.icon > span.box {
    background-color: #188542;
    border-radius: 2px;
    display: block;
    padding: 5px 0;
    background-color: #a00;
    border-radius: 3px;
}

.qa_unit .q_unit > h1 > span.icon > span.box > span {
    font-weight: bold;
    color: #fff;
    padding: 0 12px;
    font-size: 2.2rem;
    text-align: center;
    line-height: 1.3;
    position: relative;
    white-space: nowrap;
    display: block;
    background: #a00;
}

.qa_unit .q_unit > h1 > span.icon > span.box > span:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(170, 0, 0, 0);
    border-left-color: #a00;
    border-width: 6px;
    margin-top: -6px;
}

.qa_unit .q_unit > h1 > span.icon > span.box > span:before {
    left: 50%;
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(170, 0, 0, 0);
    border-top-color: #a00;
    border-width: 8px;
    left: 16px;
    margin-top: 5px;
    display: none;
}

.qa_unit .q_unit > h1 > span.icon > span.box > span .cap {
    display: block;
    text-align: center;
    font-size: 1.1rem;
}

.qa_unit .q_unit > h1 > span.txt {
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
    color: #444;
    line-height: 1.4;
    padding: 4px 0 4px 15px;
    font-size: 2rem;
}


/* ----- 「A」ユニット ----- */
.qa_unit .a_unit { margin-top: 30px; }

.qa_unit .a_unit > .inner {  }
.qa_unit .a_unit > .inner > .cell { display: block; }
.qa_unit .a_unit > .inner > .cell.icon { margin-bottom: 10px; }
.qa_unit .a_unit > .inner > .cell.icon > span.icon {
    border-radius: 2px;
    display: block;
    padding: 5px 0;
    background-color: #455a64;
}

.qa_unit .a_unit > .inner > .cell.icon > span.icon > span {
    font-weight: bold;
    color: #fff;
    padding: 0 10px;
    line-height: 1.4;
    position: relative;
    white-space: nowrap;
    background: #455a64;
    display: inline-block;
    text-align: center;
    font-size: 2.2rem;
    padding-left: 15px;
}

.qa_unit .a_unit > .inner > .cell.icon > span.icon > span:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(69, 90, 100, 0);
    border-left-color: #455a64;
    border-width: 4px;
    margin-top: -4px;
    display: none;
}

.qa_unit .a_unit > .inner > .cell.icon > span.icon > span:before {
    left: 50%;
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(69,90,100,0);
    border-top-color: #455a64;
    border-width: 8px;
    left: 16px;
    margin-top: 4px;
}

.qa_unit .a_unit > .inner > .cell.icon > span.icon > span .cap {
    font-size: 1.2rem;
    margin-left: 10px;
    position: relative;
    top: -1px;
}

.qa_unit .a_unit > .inner > .cell.main { margin-top: 20px; }
.qa_unit .a_unit > .inner > .cell.main > p {
    line-height: 1.6;
    font-size: 1.6rem;
}

.qa_unit .a_unit > .inner > .cell.main ul.dot_list li {
    font-size: 1.6rem;
}

.qa_unit .a_unit .relate_block { margin-top: 50px; }
.qa_unit .a_unit .relate_block ul.link_list > li > a { padding: 10px; }



/* - 文中画像
-------------------------------------------------- */
.img-v-middle {
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin: 0 0.2em;
}


/* - FAQトップへ戻るボタン（ページ下部）
-------------------------------------------------- */
.back_btn_area {
    margin-top: 30px;
    border-top: 1px solid #ddd;
    padding-top: 30px;
}

.back_btn_area ul.link_list > li > a { padding: 10px; }


/* --- 文中の馬アイコン調整 --- */
.qa_unit .a_unit > .inner > .cell.main .horse_icon {
    margin: 0 2px;
    line-height: 1.1;
}


/* - 個別ページ用
-------------------------------------------------- */

/* --- セリのリスト（/owner/faq/members/a_c2/04.html） --- */
table.sale_list { width: 100%; }

table.sale_list caption {
	font-size: 1.4rem;
	font-weight: bold;
	padding: 8px 0;
}

table.sale_list th,
table.sale_list td { font-size: 1.3rem; }

table.sale_list thead > tr > th {
	background-color: #1b521f;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	border: 1px solid #ddd;
	text-align: center;
}

table.sale_list tbody > tr > td {
	padding: 10px;
	border: 1px solid #ddd;
	vertical-align: middle;
	text-align: center;
}

table.sale_list tbody > tr > td.center { text-align: center; }


/* --- 関連リンクブロック）  --- */
div.relate_block {
	
}

div.relate_block p.title {
	background-color: #188542;
	color: #fff;
	padding: 10px;
	font-weight: bold;
}

div.relate_block p.title > span {
	background-color: #fff;
	color: #188542;
	padding: 4px 6px;
	margin-right: 0.8em;
	border-radius: 2px;
	font-size: 1.1rem;
	vertical-align: middle;
	/*border: 1px solid #1b521f;*/
	color: #555;
}

div.relate_block p.title a {
	color: #fff;
	text-decoration: none;
}

div.relate_block div.inner {
	padding: 15px;
	border: 1px solid #ddd;
}

div.relate_block div.inner > p {
	font-size: 1.2rem;
}

div.relate_block div.inner > p span.arrow {
	margin-left: 0.4em;
	margin-right: 0.4em;
}



/* --- タイムオーバーの表（/owner/faq/members/a_c5/27.html） --- */
table.timeover_list { width: 100%; }

table.timeover_list caption {
	font-size: 1.3rem;
	font-weight: bold;
	padding: 5px 0;
}

table.timeover_list > thead > tr > th {
	background-color: #1b521f;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	border: 1px solid #ddd;
	text-align: center;
	font-size: 1.3rem;
	vertical-align: middle;
}

table.timeover_list > tbody > tr > th {
	border: 1px solid #ddd;
	padding: 5px;
	text-align: center;
	font-size: 1.4rem;
	vertical-align: middle;
	background-color: #f5f5f5;
}

table.timeover_list > tbody > tr > td {
	border: 1px solid #ddd;
	padding: 5px;
	text-align: center;
	padding: 10px;
	border: 1px solid #ddd;
	vertical-align: middle;
	font-size: 1.4rem;
}

table.timeover_list.other > tbody > tr > td { text-align: left; }



/* --- 数字リスト（/owner/faq/members/a_c7/08.html） --- */
ul.num_list { }

ul.num_list > li { display: table; font-size: 1.6rem; }

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

ul.num_list > li > span.txt { padding-left: 5px; }

ul.num_list > li > span.txt > ul { margin-top: 4px; }

ul.num_list > li > span.txt > ul > li { display: table; }

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

ul.num_list > li > span.txt > ul > li > span.txt { padding-left: 5px; }


/* - 馬主登録審査日程表
-------------------------------------------------- */
table.schedule { width: 100%; }

table.schedule caption {
	/*background-color: #1b521f;
	color: #fff;*/
	font-size: 1.4rem;
	font-weight: bold;
	padding: 8px 0;
}

table.schedule th,
table.schedule td {
	font-size: 1.3rem;
}

table.schedule thead > tr > th {
	background-color: #1b521f;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	border: 1px solid #ddd;
	text-align: center;
}

table.schedule tbody > tr > td {
	padding: 10px;
	border: 1px solid #ddd;
	vertical-align: middle;
	text-align: center;
}

table.schedule tbody > tr > td.center {
	text-align: center;
}

/*備考*/

ul.annotation > li strong.uline {
    text-decoration: underline;
    color: #C62828;
}


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

	959px以下

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


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

	767px以下

------------------------------------------------------------ */
@media screen and ( max-width : 767px ) {
    
    /* - 参考コンテンツ
    ---------------------------------------- */
    .refer_contents ul > li {
        width: 100%;
        display: block;
    }
    
    /* - 関連Q&A
    ---------------------------------------- */
    .relate_block > .content > ul.link_list > li > a {
        font-size: 1.3rem;
    }
    
}


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

	639px以下

------------------------------------------------------------ */
@media screen and ( max-width : 639px ) {
    
    /* ----- 「Q」ユニット ----- */
    .qa_unit .q_unit {
        border-bottom: none;
        padding-bottom: 0;
    }
    
    .qa_unit .q_unit > h1 { display: block; }
    .qa_unit .q_unit > h1 > span { display: block; }
    .qa_unit .q_unit > h1 > span.icon {
        width: auto;
        background-color: #188542;
        padding: 0;
        border-radius: 2px;
    }
    
    .qa_unit .q_unit > h1 > span.icon > span.box {  }
    .qa_unit .q_unit > h1 > span.icon > span.box > span { text-align: left; }
    .qa_unit .q_unit > h1 > span.icon > span.box > span:after { display: none; }
    .qa_unit .q_unit > h1 > span.icon > span.box > span:before { display: block; }
    
    .qa_unit .q_unit > h1 > span.icon > span.box > span .cap {
        display: inline;
        margin-left: 10px;
    }
    
    .qa_unit .q_unit > h1 > span.txt {
        display: block;
        padding-left: 0;
        margin-top: 15px;
        font-size: 1.8rem;
    }
    
    /* ----- 「A」ユニット ----- */
    .qa_unit .a_unit { margin-top: 20px; }
    
    .qa_unit .a_unit > .inner { display: block; }
    .qa_unit .a_unit > .inner > .cell { display: block; }
    .qa_unit .a_unit > .inner > .cell.icon { width: auto; }
    .qa_unit .a_unit > .inner > .cell.icon > span.icon > span {  }
    .qa_unit .a_unit > .inner > .cell.icon > span.icon > span:before { display: block; }
    .qa_unit .a_unit > .inner > .cell.icon > span.icon > span:after { display: none; }
    .qa_unit .a_unit > .inner > .cell.main { padding-left: 0; }
    
    
    ul.data_line_list.w_wide > li .data_list_unit > div.head { width: auto; }
    
}


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

	479px以下

------------------------------------------------------------ */
@media screen and ( max-width : 479px ) {
	
    .qa_unit .q_unit > h1 > span.txt { font-size: 1.6rem; }
    .qa_unit .a_unit > .inner > .cell.main > p { font-size: 1.4rem; }

    ul.num_list > li { font-size: 1.4rem; }
    
}


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

	359px以下

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