@charset "utf-8";

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

  掲載規約

---------------------------------------*/
#kiyaku  {
	line-height: 1.6;
}
#kiyaku h4 {
	margin: 40px 0 10px;
    padding: 0 10px;
    background-color: #dcdcdc;
    font-size: 1.8rem;
}
#kiyaku h4 span {
	margin-right: 10px;
}
#kiyaku ol {
    margin: 20px 10px 10px 30px;
}
#kiyaku ol li {
    margin: 5px 0;
    list-style-type: decimal;
    padding-left: -1rem;
}
#kiyaku ul {
    margin: 20px 10px 10px 30px;
}
#kiyaku ul li {
    margin: 5px 0;
    list-style-type: disc;
    padding-left: -1rem;
}
#kiyaku ol .inline {
    line-height: 1.4;
    margin: 10px 0 10px 20px;
    list-style-type: disc;
}
/*掲載に関する注意事項*/
#kiyaku .example {
    display: block;
    float: left;
    width: 368px;
    margin: 10px;
    padding: 10px 16px;
    border-radius: 6px;
    background: #fbeef4;
}
#kiyaku .example strong {
    display: block;
    color: #fc648a;
    font-size: 1.6rem;
    text-align: left;
}
#kiyaku .example strong i {
    display: block;
}
#kiyaku .example table {
    margin: 10px auto 0;
    text-align: right;
}
#kiyaku .example td {
    text-align: right;
}
#kiyaku .example td.time,
#kiyaku .example td.yen,
#kiyaku .example td.count {
    display: inline-block;
    text-align: right;
}
#kiyaku .example td.time {
}
#kiyaku .example td.yen {
    width: 140px;
}
#kiyaku .example td.yen::after {
    content: "×";
    padding-left: 40px;
}
#kiyaku .example td.count {
    width: 60px;
    text-align: right;
}
#kiyaku .example td.total {
    width: 100%;
    padding: 10px 0 0;
    border-top: solid 1px #dcdcdc;
    text-align: right;
    font-size: 1.6rem;
}
/**/
#kiyaku .ban {
    width: 100%;
}
#kiyaku .ban th,
#kiyaku .ban td {
    border: solid 1px #dcdcdc;
    padding: 10px;
}
#kiyaku .ban th:nth-child(1){
    width: 25%;
}
#kiyaku .ban th:nth-last-child(1){
    width: 50%;
}
#kiyaku .ban th {
    background: #f6f6f6;
}
    #kiyaku p.text {
        margin: 10px;
    }