@charset "utf-8";

/* 下層ページ
=================================================== */
/*---- common ----*/

/*--- サブコンテンツエリア ---*/
#u_contents {
    //padding: 20px 0;
    //background: url('../images/block_bg_w@1x.jpg') top center;
    //background-size: 1500px;
}


/*--- サブコンテンツ・タイトル ---*/
.title {
    padding: 48px 0;
    background:
            url('../images/s_hr_tu.png') top center/100% no-repeat,
            url('../images/s_hr_ut.png') bottom center/100% no-repeat,
            url('../images/siba_bg.jpg') left center /260px 260px;
    text-align: center;
}
/*--- サブコンツwrapワイド ---*/
.wrapW {
    width: 98%;
    margin: 0 auto;
}
.title h2 {
    margin: 0 auto;
    width: 76%;
}
.title img {
    width: 100%;
}

/*-- subコンテンツ内容 --*/
section.uDetail {
    padding: 4% 2%;
    box-sizing: border-box;
    background: rgba(252,248,233,0.7);
}

/*-- subコンテンツ・minタイトル --*/
.subMinTitle {
    margin-bottom: 2%;
    padding-bottom: 2%;
    border-bottom: 2px solid #524343;
}
.subMinTitle + p {
    margin: 0 0 4% 0;
    padding: 2%;
    box-sizing: border-box;
    background: rgba(255,255,255,0.6);
}
/*--- サブコンテンツ・タイトル pat.2 ---*/
#u_contents h2#sub_img_title {
    padding: 0;
    text-align: center;
    background: none;
}
#u_contents h2#sub_img_title > img {
    display: block;
    width: 90%;
    margin: 0 auto;
}
#u_contents h2#sub_img_title + p {
    width: 90%;
    margin: 0 auto 20px;
    box-sizing: border-box;
    padding: 10px 20px;
    font-size: 14px;
    color: #555555;
    text-align: left;
    font-weight: 500;
    line-height: 1.6;
    background: rgba(255,255,255,0.7);
}

/*-- キャンバナーセット --*/
.banner {
    padding: 8% 0;
    background: url('../images/s_hr_tu.png') top center/92%  no-repeat;
}
.banner a {
    display: block;
}
.banner a img {
    width: 100%;
}
.sb_inner {
    background:
            url('../images/s_hr_tu.png') top center/100% no-repeat,
            url('../images/s_hr_ut.png') bottom center/100% no-repeat,
            url('../images/siba_bg.jpg') left center /280px 280px;
}
/* 的中ページバナー */
#tekichyuBn  {
    padding-top: 0;
    background: none;
}

/* 商品購入・PT追加
=================================================== */
.flow_position {
    display: block;
    margin: 5% 0;
    width: 100%;
}

.buyChoice h3 img {
    display: block;
    width: 80%;
    margin: 0 auto;
}
/* 購入種別 */
.buyChoice > div {
    overflow: hidden;
    margin: 0 0 7% 0;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 4px rgba(0,0,0,0.4);
}
.buyChoice > div:nth-of-type(2) p {
    padding-bottom: 45px;
    background: rgba(255,255,255,0.8) url('../images/credit_logo.png') no-repeat;
    background-size: 230px;
    background-position: bottom 5px center;
}
.buyChoice > div:nth-of-type(3) p {
    padding-bottom: 50px;
    background: rgba(255,255,255,0.8) url('../images/bitcash_logo.gif') no-repeat;
    background-size: 200px;
    background-position: bottom center;
}
div.buyChoice h4 {
    padding: 2% 0;
    box-sizing: border-box;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    background: #3d8068;
}
.buyChoice > div p {
    padding: 2%;
}
.buyChoice > div div {
    width: 96%;
    max-width: 420px;
    margin: 0 auto;
    padding: 2% 0;
    border-top: 1px dotted #aaa;
}
.buyChoice a {
    display: block;
}
.buyChoice a img {
    width: 100%;
}
/* /購入種別 */


/* 銀行振込
=================================================== */
/* 銀行振込minタイトル */
.bankBuy h3 img {
    display: block;
    width: 100%;
    margin: 0 auto;
}
/* ポイント購入minタイトル */
h3.pointMinTitle img {
    width: 88%;
}
/* 小項目タイトル */
.uDetail h4 {
    overflow: hidden;
    margin: 0 0 1% 0;
    padding: 2% 0 2% 12%;
    box-sizing: border-box;
    border-bottom: 4px solid #7d3131;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    text-align: left;
    background: #003366 url('../images/horse_root.png') center left no-repeat;
    background-position: 2% center;
    background-size: 8%;
}

.uDetail h4.normal {
    border-bottom: 4px solid #032c3f;
    background: #06567c url(../images/horse_root.png) center left no-repeat;
    background-position: 2% center;
    background-size: 8%;
}

.uDetail h4.cCam {
    border-bottom: 4px solid #064365;
    background: #06567c url('../images/horse_root.png') center left no-repeat;
    background-position: 2% center;
    background-size: 8%;
}
.uDetail h4.cPoint {
    border-bottom: 4px solid #2f6151;
    background: #428977 url('../images/horse_root.png') center left no-repeat;
    background-position: 2% center;
    background-size: 8%;
}
/*--- SP ---*/
@media screen and (min-width: 500px) {
    /* 小項目タイトル */
    .uDetail h4 {
        padding: 2% 0 2% 50px;
        background-position: 12px center;
        background-size: 34px;
    }
    .uDetail h4.normal {
        padding: 2% 0 2% 50px;
        background-position: 12px center;
        background-size: 34px;
    }
    .uDetail h4.cCam {
        padding: 2% 0 2% 50px;
        background-position: 12px center;
        background-size: 34px;
    }
    .uDetail h4.cPoint {
        padding: 2% 0 2% 50px;
        background-position: 12px center;
        background-size: 34px;
    }
}
/*-- コースリスト --*/
.listEnd {
    margin-bottom: 5%;
}
.courseList label {
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 1px;
}
.courseList label span {
    display: table-cell;
    padding: 1%;
    box-sizing: border-box;
    font-size: 14px;
    text-align: left;
    vertical-align: middle;
    background: #fefefe;
}
.courseList label span.radio {
    width: 10%;
}
.courseList label span:nth-of-type(1) {
    text-align: center;
    background: #bcbcbc;
}
.courseList label span:nth-of-type(3) {
    color: #ce523c;
    width: 24%;
    text-align: center;
}
/*-- 購入予約する・ボタン --*/
.buyRes {
    padding: 0 2%;
    box-sizing: border-box;
}
.buyRes a {
    display: block;
}
.buyRes a img {
    width: 100%;
}

/* 銀行振込・確認ページ
=================================================== */
.bankResult h2 {
    width: 84%;
}
#result_list p.cu1 {
    margin-bottom: 8%;
    padding: 2%;
    box-sizing: border-box;
    font-size: 14px;
    color: #d72828;
    font-weight: 500;
    border: 1px solid #d72828;
    border-radius: 5px;
    background: #fff;
}
#result_list p.cu2 {
    margin-bottom: 3%;
}
.bankBox .subMinTitle img {
    display: block;
    width: 70%;
    margin: 0 auto;
}
.bankBox .bankDetail img {
    width: 48%;
}
/*-- 申し込み内容表示Table --*/
.bank_result_box {
    margin: 0 0 10% 0;
    //padding: 2%;
    box-sizing: border-box;
    background: rgba(255,255,255,0.8);
}
.bank_result_box p {
    box-sizing: border-box;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}
.bank_result_box p span {
    display: block;
    padding: 2%;
    box-sizing: border-box;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    text-align: left;
    line-height: 1.4;
    background: #2d8da3;
    border-bottom: 3px solid #235e85;
}
.bank_result_box p span:nth-of-type(2) {
    padding: 2%;
    box-sizing: border-box;
    color: #474747;
    background: transparent;
    border: none;
}

/*-- 口座用Table --*/
.bankBox table {
    border-collapse: separate;
    border-spacing: 1px;
    margin-bottom: 14%;
}
.bankBox table label {
    display: block;
}
.bankBox table tr {
    height: auto;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}
.bankBox table th {
    padding: 0;
    width: 30%;
    font-size: 14px;
    line-height: 1;
    color: #fff;
    font-weight: 500;
    vertical-align: middle;
    background: #9e9e9e;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}
.bankBox table td.detail {
    width: 70%;
    padding: 3% 2%;
    box-sizing: border-box;
    font-size: 14px;
    text-align: left;
    font-weight: 700;
    line-height: 1.4;
    background: #f9f9f9;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}
.bankBox table td.detail span {
    color: #d72828;
}
.bankBox table td.choice img:hover {
    opacity: 0.7;
}
.bankBox table.bank_result_box tr:nth-of-type(5) th {
    background: #2382d3;
}

/*-- キャンペーン参加方法 --*/
.course_title_list {
    margin: 2%;
    padding: 3% 2% 3% 11%;
    box-sizing: border-box;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    background: #0764bb url('../images/horse_root.png') no-repeat;
    background-size: 8%;
    background-position: left 2% center;
}
/*-- キャンペーン参加方法Table --*/
.bankBox table.how_to_bank {
    width: 96%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0 auto 10px;
}
.bankBox table.how_to_bank label {
    display: block;
}
.bankBox table.how_to_bank tr {
    height: auto;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
}
.bankBox table.how_to_bank th {
    padding: 0;
    width: 10%;
    //height: 42px;
    font-size: 14px;
    line-height: 1;
    color: #fff;
    font-weight: 500;
    vertical-align: middle;
    background: #464646;
}
.bankBox table.how_to_bank td.detail {
    width: 90%;
    padding: 3% 2%;
    box-sizing: border-box;
    font-size: 14px;
    color: #545454;
    text-align: left;
    font-weight: 500;
    line-height: 1.4;
    background: #f9f9f9;
}
.bankBox table.table_l {
    margin-bottom: 14%;
}
/*-- 注意事項 --*/
#buy_caution {
    width: 100%;
    margin: 0 auto 10%;
    box-sizing: border-box;
    font-size: 14px;
    text-align: left;
}
#buy_caution h4.buy_caution_title::before {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    left: 0;
    top: 50%;
    margin-top: -10px;
    background: url('../images/caution@1x.png') center center no-repeat;
    background-size: 20px 20px;
}
#buy_caution h4.buy_caution_title {
    position: relative;
    margin: 0;
    padding: 2% 2% 2% 24px;
    font-size: 16px;
    color: #cf4744;
    font-weight: 700;
    background: none;
    border: none;
}
#buy_caution > div {
    padding: 3% 3% 0 3%;
    box-sizing: border-box;
    border: 1px solid #cf4744;
    border-radius: 7px;
}
#buy_caution p::before {
    position: absolute;
    content: '※';
    width: 10px;
    height: 10px;
    left: 0;
    top: 7px;
    margin-top: -7px;
}
#buy_caution p {
    position: relative;
    padding-left: 14px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 10px;
}
/*-- お問い合わせボタン --*/
.infomation_btn {
    margin: 0 auto 10%;
    width: 80%;
}
.infomation_btn a {
    display: block;
}
.infomation_btn a img {
    width: 100%;
}

/* クレジット決済
=================================================== */
.credit_title h2 {
    width: 92%;
}
.creditBox .subMinTitle img {
    display: block;
    width: 96%;
    margin: 0 auto;
}
.creditBox .bankDetail img {
    width: 48%;
}
/*-- Vプリカ周り --*/
#vpri_link {
    margin-bottom: 10%;
    padding: 3% 3%;
    border: 1px dashed #68896f;
    border-radius: 7px;
}
#vpri_link > div {
    text-align: left;
}
#vpri_link > div h4 {
    padding: 0;
    font-size: 16px;
    color: inherit;
    font-weight: 700;
    background: none;
    border: none;
}
#vpri_link > div p::before {
    position: absolute;
    content: '※';
    font-size: 14px;
    width: 10px;
    height: 10px;
    left: 0;
    top: 7px;
    margin-top: -7px;
}
#vpri_link > div p {
    position: relative;
    padding: 0 0 0 14px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.4;
}
#vpri_link > div p a {
    font-weight: 700;
    color: #cf4744;
}
#vpri_link > a {
    display: block;
    width: 74%;
    margin: 2% auto 4%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 1;
}
#vpri_link > a img {
    width: 100%;
}
#vpri_link > a:hover {
    opacity: 0.7;
}
.ssl {
    box-sizing: border-box;
    padding: 5% 0 0 0;
    border-top: 1px dotted #aaa;
}
/*-- /Vプリカ周り --*/
/* ポイント購入minタイトル */
h3.pointMinTitle img {
    width: 98%;
}

/* クレジット決済・確認ページ
=================================================== */
.creResult h2 {
    width: 94%;
}
.credit_j_send {
    margin: 0 auto 6%;
    width: 84%;
}
.credit_j_send input {
    width: 100%;
}
div.cre {
    margin-bottom: 8%;
}

/* ビットキャッシュ/コース選択
=================================================== */
#u_contents .bitCC h2 {
    width: 88%;
}
/* 残高をまとめる */
.uDetail div.bitIn p {
    text-align: center;
    font-size: 14px;
    line-height: 1.6;
}
.uDetail div.bitIn p a {
    display: inline-block;
    padding: 5px 0 2px;
    font-size: 16px;
    color: #dc4a30;
    font-weight: 700;
    border-bottom: 1px solid #dc4a30;
}
.uDetail div.bitIn p a:hover {
    opacity: 0.8;
}

/* 中央競馬予想
=================================================== */
div.centerRaceTitle {
    padding: 10% 0;
}
.centerRaceTitle h2 {
    width: 98%;
}

#center_race {
    margin: 0 auto;
    padding: 2% 2% 0;
    box-sizing: border-box;

}
#center_race .detailBg {
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 8px;
    background: rgba(252,248,233,0.7);
}
.detailBg > h3 {
    margin-bottom: 4%;
    padding: 4% 4% 4% 34px;
    box-sizing: border-box;
    font-size: 16px;
    color: #ffffff;
    background: #003366;
    background-size: 24px;
    background-position: left 5px center;
    text-aligh:center;
}
#center_race #push_camp {
    //margin-bottom: 14%;
}
#center_race #center_camp {
    padding-top: 12%;
    background: url('../images/s_hr_tu.png') top center no-repeat;
    background-size: 100%;
}
#center_race #center_camp h3 {
    background: #009900;
    background-size: 24px;
    background-position: left 5px center;
    color: #ffffff;
}
#center_race .sd_box {
    padding: 80px 0 0 0;
}
.cr_detail_box {
    padding: 2%;
    margin-bottom: 4%;
    box-sizing: border-box;
    border-bottom: 1px dotted #8c8c8c;
}
.crCntBox {
    overflow: hidden;
    margin-bottom: 4%;
    //border-top-right-radius: 10px;
    background: rgba(255,255,255,0.8);
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.crCntBox h4 {
    position: relative;
    margin-bottom: 15px;
    padding: 2%;
    box-sizing: border-box;
    font-size: 14px;
    color: #fff;
    background: #3a3a3a;
}
.crCntBox h4::after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;

    width: 0;
    height: 0;
}
.crCntBox p {
    width: 98%;
    margin: 0 auto;
    padding: 2%;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 700;
}
/*-- コース詳細Table --*/
.crCntBox table {
    width: 98%;
    margin: 0 auto;
    padding: 2%;
    box-sizing: border-box;
    font-size: 14px;
    border-collapse: separate;
    border-spacing: 1px;
}
.crCntBox table th,
.crCntBox table td {
    padding: 3% 2%;
}
.crCntBox table th {
    color: #fafafa;
    width: 35%;
    font-weight: 500;
    background: #606060;
}
#center_camp .crCntBox table th {
    background: #9da35b;
}
.crCntBox table td {
    width: 65%;
    background: #e7e7e7;
}
.crCntBox table tr:nth-of-type(4) th,
.crCntBox table tr:nth-of-type(5) th,
.crCntBox table tr:nth-of-type(6) th {
    background: #2382d3;
}
.crCntBox table tr:nth-of-type(4) td,
.crCntBox table tr:nth-of-type(5) td,
.crCntBox table tr:nth-of-type(6) td {
    color: #cc1616;
}
/*-- 詳細確認ボタン --*/
.cRaceJump {
    display: block;
    width: 90%;
    margin: 2% auto 4%;
}
.cRaceJump img {
    width: 100%;
}

/* よくあるご質問
=================================================== */
/*--- 各種決済選択フィールド ---*/
#q_a {
    padding: 4% 4% 0;
}
#q_a >img {
    display: block;
    margin: 0 0 20px 0;
    width: 100%;
}
.qa_t > .title h2 img {
    width: 70% ;
}
#q_a #q_a_list {
    padding: 5%;
    box-sizing: border-box;
    text-align: center;
    background: rgba(252,248,233,0.7);
}
#q_a #q_a_list article {
    box-sizing: border-box;
    margin-bottom: 10%;
    padding: 0;
    border-bottom: 1px dotted #4c4c4a;
}
#q_a #q_a_list article h2::before {
    position: absolute;
    content: '';
    font-size: 14px;
    width: 44px;
    height: 44px;
    left: 0;
    top: -10px;
    background: url('../images/q_img.png') center center no-repeat;
    background-size: 44px 44px;
}
#q_a #q_a_list article h2 {
    margin: 0 0 8% 0;
    position: relative;
    padding: 5px 0 5px 60px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.4;
    color: #d96464;
    font-weight: 700;
    text-align: left;
    background: none;
}
#q_a #q_a_list article p {
    position: relative;
    padding: 0 0 25px 60px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.6;
    text-align: left;
}
#q_a #q_a_list article p::before {
    position: absolute;
    content: '';
    font-size: 14px;
    width: 44px;
    height: 44px;
    left: 0;
    top: -10px;
    background: url('../images/a_img.png') center center no-repeat;
    background-size: 44px 44px;
}

/* 重量レース情報
=================================================== */
.award_box {
    margin-bottom: 6%;
    padding: 4% 0;
}
#award {
    width: 95%;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 4%;
    border-radius: 10px;
    background: rgba(255,255,255,0.9);
}
#award > div h3 {
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 2% 0;
    padding: 0 0 2% 0;
    text-align: left;
    border-bottom: 2px solid #303030;
}
#award > div h3 img {
    width: 40%;
}
/*-- 重賞レース一覧Table --*/
#award table.g1 {
    width: 100%;
    border-collapse: separate;
    border-spacing: 1px;
    margin-bottom: 30px;
}
#award table.g1 label {
    display: block;
}
#award table.g1 tr {
    height: auto;
}
#award table.g1 th {
    padding: 2%;
    width: 30%;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 500;
    color: #fff;
    vertical-align: middle;
    background: #bcbcbc;
}
#award table.g1 td.detail {
    width: 70%;
    padding: 2%;
    box-sizing: border-box;
    font-size: 14px;
    text-align: left;
    font-weight: 700;
    line-height: 1.4;
    background: #fefefe;
}
/*- ページャー -*/
#pager a {
    position: relative;
    display: block;
    margin: 2% 0;
    box-sizing: border-box;
    font-size: 14px;
    color: #470b0b;
    font-weight: 700;
    line-height: 1;
    border: 2px solid #470b0b;
    background: none;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pager a:hover {
    color: #fff;
    background: #34b36f;
}
#pager a.lft {
    padding: 10px 20px 10px 30px;
}
#pager a.rgt {
    padding: 10px 30px 10px 20px;
}
#pager a.lft::before {
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    margin-top: -8px;
    left: 8px;
    top: 50%;
    background: url('../images/k_allow_left@1x.png') center center no-repeat;
    background-size: 16px 16px;
}
#pager a.rgt::before {
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    margin-top: -8px;
    right: 8px;
    top: 50%;
    background: url('../images/k_allow_right@1x.png') center center no-repeat;
    background-size: 16px 16px;
}

/* お客様の声
=================================================== */
#u_contents #sub_img_title {
    border: none;
}
#voice > div > a {
    display: block;
    width: 90%;
    margin:  0 auto;
}
#voice > div > a img {
    width: 100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 1;
}
#voice > div > a img:hover {
    opacity: 0.8;
}
/*お客様の声詳細*/
.v_box {
    padding-top: 10% 4%;
}
.v_box article {
    position: relative;
    width: 98%;
    margin: 0 auto 4%;
    padding: 3%;
    box-sizing: border-box;
    border-radius: 5px;
    color: #000000;
    background: url('../images/voice_bg.png') bottom center no-repeat;
    background-size: cover;
}
.v_box article::before {
    position: absolute;
    left: 0;
    top: -15px;
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    background: url(../images/voice_icon.png) center center no-repeat;
    background-size: 100%;
}
.v_box article > div {
    box-sizing: border-box;
    padding: 15px 20px;
    border: 1px solid #ffffff;
    border-radius: 6px;
}

.v_box article:last-child {
    /*
    margin-bottom: 0;
    */
}
#u_contents .v_box article div h2 {
    margin-bottom: 10px;
    padding: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.6;
    text-align: left;
    border-bottom: 1px solid #ffffff;
    background: none;
}
.v_box article h2 + div p {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 500;
}
.v_box article > div > p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
}
/*--- SP ---*/
@media screen and (max-width: 320px) {
    .v_box article h2 + div p.rgt {
        float: left;
    }
}

/* 初心者ガイド
=================================================== */
/*---- レース参加方法 ----*/
/*ナビ*/
.beginner_box {
    padding: 8% 0;
}
.beginner_box ul {
    display: block;
    width: 100%;
    margin: 0 auto;
}
.beginner_box ul li {
    float: left;
    width: 30%;
    margin: 0 1.5%;
}
.beginner_box ul li a {
    position: relative;
    display: block;
}
.beginner_box ul li a img {
    width: 100%;
}
.beginner_box ul li a img:hover {
    top: -12px;
}
#beginner {
    box-sizing: border-box;
    padding: 8% 3% 0;
//border-radius: 20px;
//background: rgba(255,255,255,0.9);
}
#beginner article {
    overflow: hidden;
    margin-bottom: 4%;
    box-sizing: border-box;
    border-radius: 8px;
    background: rgba(252,248,233,0.7);
    background-size: 100%;
    box-shadow: 0 0 5px rgba(0,0,0,0.4);
}
#beginner article:nth-of-type(2) {
    margin-bottom: 0;
}
#beginner article.mid {
    margin-bottom: 8%;
}
#beginner article h3 {
    box-sizing: border-box;
    padding: 3% 0 3% 10px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 1.6;
    background: #417c6b;
}
#beginner article h3 span {
    box-sizing: border-box;
    padding: 0 0 0 10px;
    border-left: 4px solid #fff;
}
#beginner article > div {
    padding: 4% 5%;
}
#beginner article > div p {
    margin: 0 0 10px 0;
    font-size: 14px;
    font-weight: 500;
    color: #3f3f3f;
    line-height: 1.6;
}
#beginner article > div ol {
    padding: 0 0 0 20px;
}
#beginner article > div ol li {
    box-sizing: border-box;
    padding: 2px 0;
    font-size: 14px;
    font-weight: 700;
    color: #3f3f3f;
    line-height: 1.6;
}
#beginner article > div dl dd {
    position: relative;
    box-sizing: border-box;
    padding: 0 0 0 20px;
    font-size: 14px;
    font-weight: 500;
    color: #3f3f3f;
    line-height: 1.6;
}
#beginner article > div dl dd::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '※';
}
#beginner article:last-child {
    margin-bottom: 0;
}
/*---- 馬券購入方法 ----*/
#beginner article.r_c {
    //padding-bottom: 4%;
}
#beginner article.r_c h3 {
    box-sizing: border-box;
    padding: 10px 0 10px 35px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    line-height: 1.6;
    background: #afab6d;
}
#beginner article.r_c h3 span {
    box-sizing: border-box;
    padding: 0 0 0 10px;
    border-left: 4px solid #fff;
}
#beginner article.pl ul li {
    margin-bottom: 1%;
}
/*-- 場所リスト --*/
#beginner article.pl ul {
    display: block;
    margin: 0 0 4% 0;
}
#beginner article.pl ul li {
    float: left;
    width: 50%;
}
    /*-- table --*/
#beginner article h4 {
    position: relative;
    margin-bottom: 8px;
    padding-bottom: 5px;
    font-size: 16px;
    border-bottom: 2px solid #2587a5;
}
#beginner article h4::after {
    position: absolute;
    bottom: -2px;
    content: '';
    display: block;
    border-bottom: solid 2px #be6e41;
    width: 25%;
}
#beginner article table {
    margin-bottom: 20px;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
#beginner article table td {
    font-size: 14px;
    color: #3e3e3e;
}
#beginner article table.r_c_p td {
    width: 20%;
    padding: 5px 0;
}
#beginner article p span {
    font-weight: 700;
    color: #ef4840;
}
#beginner article ul {
    display: block;
    padding-left: 20px;
}
#beginner article ul li {
    list-style: disc;
    font-size: 14px;
    font-weight: 500;
    color: #3f3f3f;
}
/*-- キャンペーン申し込み --*/
.b_detail_btn_list a {
    display: block;
    width: 80%;
    margin: 0 auto 2%;
    opacity: 1;
    //float: left;
}
.b_detail_btn_list a:nth-of-type(2) {
    //float: right;
}
.b_detail_btn_list a:hover {
    opacity: 0.8;
}
.b_detail_btn_list a img {
    width: 100%;
}

/*-- ネットで購入 --*/
.b_detail_btn {
    margin: 4% auto;
    width: 80%;
}
.b_detail_btn a {
    display: block;
    opacity: 1;
    text-align: center;
}
.b_detail_btn a img {
    width: 100%;
}
.b_detail_btn a:hover {
    opacity: 0.8;
}
/*-- 電話で購入btn --*/
article.b_phone {
    margin-bottom: 0 !important;
}
.b_phone > div > p {
    margin-bottom: 20px;
}
.b_net_btn {
    margin: 4% auto;
    width: 100%;
    text-align: center;
}
.b_net_btn a {
    display: block;
    width: 80%;
    opacity: 1;
    margin: 0 auto 4%;
}
.b_net_btn a img {
    width: 100%;
}
.b_net_btn a:hover {
    opacity: 0.8;
}
#beginner article > div p.b_phone_detail {
    width: 80%;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 4% 0;
    font-size: 14px;
    font-weight: 700 !important;
    color: #2b8aff;
    text-align: center;
    line-height: 1.4;
    border: 2px solid #2b8aff;
    border-radius: 6px;
    background: rgba(255,255,255,0.8);
}

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

}

/* 購入済みレース
=================================================== */
#u_contents #purchasedTitle h2 img {
    width: 74%;
}
/*--- コース選択フィールド ---*/
#purchased #purchased_list {
    width: 96%;
    margin: 4% auto 0;
    padding: 3% 2%;
    box-sizing: border-box;
    text-align: center;
    background: rgba(252,248,233,0.7);
}
#purchased #purchased_list h3 {
    margin: 0 auto 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #524343;
}
#purchased #purchased_list h3 img {
    width: 70%;
}
#purchased #purchased_list .purchased_box {
    padding: 5% 0;
    box-sizing: border-box;
    border-bottom: 1px dotted #8c8c8c;
}

/*-- 購入済みレースTable --*/
#purchased #purchased_list table th {
    background: #539c7c;
    line-height: 1.4;
}
#purchased #purchased_list table td.detail {
    background: #f9f9f9;
    line-height: 1.4;
}
#purchased #purchased_list table td.detail span {
    color: #d72828;
}
#purchased #purchased_list table td.choice img:hover {
    opacity: 0.7;
}
#purchased #purchased_list table.bank_result_box tr:nth-of-type(5) th {
    background: #2382d3;
}
/*--- 購入済みレース > バナー ---*/
/*#purchased_list + .banner {
    padding-top: 35px;
    text-align: center;
    background:
            url('../images/s_hr_tu.png') top center no-repeat;
    background-size: 854px;
}
#purchased_list + .banner a {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 1;
}
#purchased_list + .banner a:hover {
    opacity: 0.7;
}*/
/* 詳細確認ボタン */
.race_detail {
    margin: 0 auto;
    width: 80%;
    max-width: 400px;
}
.race_detail a {
    display: block;
    opacity: 1;
}
.race_detail a img {
    width: 100%;
}
.race_detail a:hover {
    opacity: 0.7;
}
/* 情報公開後 */
.openRace {
    width: 90%;
    margin: 6% auto;
    padding: 3% 4%;
    box-sizing: border-box;
    text-align: left;
    border-radius: 5px;
    border: 4px double #aaa460;
    background: rgba(255,255,255,0.5);
}
.openRace h3 {
    margin: 0 0 5% 0;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    border-bottom: 2px solid #a9aa7a;
}
.openRace h3:first-letter {
    font-size: 40px;
    color: #2074aa;
    letter-spacing: 3px;
}
.openRace p {
    margin: 0 0 3% 0;
}
.openRace p:nth-of-type(2) {
    font-weight: bold;
    color: #db4a3d;
}
/* 公開情報詳細 */
.openRaceDetail::before {
    position: absolute;
    content: '';
    display: block;
    width: 90px;
    height: 90px;
    right: 2%;
    top: 0;
    background: url('../images/infoOpen.png') no-repeat;
    background-size: 100%;
}
.openRaceDetail {
    position: relative;
    width: 90%;
}
.openRaceDetail p:nth-of-type(3) {
    border-bottom: 1px dashed #aaa;
    margin: 0 0 15px 0;
    padding-bottom: 20px;
}
.openRaceDetail p:nth-of-type(4) {
    line-height: 1.6;
}

/* 無料・ポイントレース情報
=================================================== */
#u_contents div.free_pt h2 {
    width: 100%;
}
#u_contents div.free_pt h2 img {
    width: 90% !important;
}
#free_point {
    margin: 0 auto;
    padding: 10% 3% 0;
    box-sizing: border-box;
}
#free_p_box {
    padding: 0;
    box-sizing: border-box;
    background: url('../images/free_p_bg@1x.png') top center no-repeat;
    background-size: 100%;
}
#free_p_box article {
    position: relative;
    padding: 10% 4% 4% 4%;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    border: 4px solid #aaaa66;
    background: rgba(255,255,255,0.9);
}
#free_p_box article::before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -11%;
    width: 22%;
    height: 22%;
    background: url('../images/horse_in@1x.png') center center no-repeat;
    background-size: 100%;
    -webkit-transform: translateY(-50%); /* Safari用 */
    transform: translateY(-50%);
}
.freePBx > div + a {
    width: 90%;
    display: block;
    margin: 0 auto;
}
.freePBx > div + a img {
    width: 100%;
}
/* 情報公開前表示 */
.comingSoon {
    width: 80%;
    margin: 0 auto 4%;
    padding: 5% 0;
    box-sizing: border-box;
}
.comingSoon img {
    width: 100%;
    margin:  10px 0 10px;
}
.comingSoon p {
    font-size: 14px;
    color: #f65e49;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
}
/* 情報公開後 */
.openRace {
    width: 90%;
    margin: 6% auto;
    padding: 3% 4%;
    box-sizing: border-box;
    text-align: left;
    border-radius: 5px;
    border: 4px double #aaa460;
    background: rgba(255,255,255,0.5);
}
.openRace h3 {
    margin: 0 0 5% 0;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    border-bottom: 2px solid #a9aa7a;
    background: none !important;
}
.openRace h3:first-letter {
    font-size: 40px;
    color: #2074aa;
    letter-spacing: 3px;
}
.openRace p {
    margin: 0 0 3% 0;
}
.openRace p:nth-of-type(2) {
    font-weight: bold;
    color: #db4a3d;
}
/* 公開情報詳細 */
.openRaceDetail::before {
    position: absolute;
    content: '';
    display: block;
    width: 90px;
    height: 90px;
    right: 2%;
    top: 0;
    background: url('../images/infoOpen.png') no-repeat;
    background-size: 100%;
}
.openRaceDetail {
    position: relative;
    width: 92%;
}
.openRaceDetail p:nth-of-type(3) {
    border-bottom: 1px dashed #aaa;
    margin: 0 0 15px 0;
    padding-bottom: 20px;
}
.openRaceDetail p:nth-of-type(4) {
    line-height: 1.6;
}
#center_race #push_camp .detailBg h3.point_infoTitle3 {
    background: #06567c url('../images/horse_root.png') no-repeat;
    background-size: 24px;
    background-position: left 5px center;
}
/*--- free_point > バナー ---*/
#free_p_box + .banner {
    padding-top: 35px;
    text-align: center;
    background:
            url('../images/s_hr_tu.png') top center no-repeat;
    background-size: 854px;
}
#free_p_box + .banner a {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 1;
}
#free_p_box + .banner a:hover {
    opacity: 0.7;
}

/* 今週の重賞レース
=================================================== */
#this_week {
    margin: 0 auto;
    padding: 10% 3% 0;
    box-sizing: border-box;
}
#this_week_box {
    box-sizing: border-box;
    background: url('../images/this_week_m_bg@1x.png') top center no-repeat;
    background-size: 100%;
}
#this_week_box article {
    position: relative;
    padding: 10% 4% 4% 4%;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    border: 4px solid #aaaa66;
    background: rgba(255,255,255,0.9);
}
#this_week_box article::before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -11%;
    width: 22%;
    height: 22%;
    background: url('../images/horse_in@1x.png') center center no-repeat;
    background-size: 100%;
    -webkit-transform: translateY(-50%); /* Safari用 */
    transform: translateY(-50%);
}

/* 詳細確認ボタン */
#this_week_box .race_detail {
    margin: 20px auto;
}
/* 今週の鉄板
=================================================== */
#teppan {
    margin: 0 auto;
    padding: 10% 3% 0;
    box-sizing: border-box;
}
#teppan_box {
    box-sizing: border-box;
    background: url('../images/teppan_bg@1x.png') top center no-repeat;
    background-size: 100%;
}
#teppan_box article {
    position: relative;
    padding: 10% 4% 4% 4%;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    border: 4px solid #306eb8;
    background: rgba(255,255,255,0.9);
}
#teppan_box article::before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -11%;
    width: 22%;
    height: 22%;
    background: url('../images/horse_in@1x.png') center center no-repeat;
    background-size: 100%;
    -webkit-transform: translateY(-50%); /* Safari用 */
    transform: translateY(-50%);
}
/* 詳細確認ボタン */
#teppan_box .race_detail {
    margin: 20px auto;
}

/* 今週の穴｜超注目馬
=================================================== */
#hole {
    margin: 0 auto;
    padding: 10% 3% 0;
    box-sizing: border-box;
}
#hole_box {
    box-sizing: border-box;
    background: url('../images/this_week_hole_bg@1x.png') top center no-repeat;
    background-size: 100%;
}
#hole_box article {
    position: relative;
    padding: 10% 4% 4% 4%;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    border: 4px solid #431a53;
    background: rgba(255,255,255,0.9);
}
#hole_box article::before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -11%;
    width: 22%;
    height: 22%;
    background: url('../images/hole_in@1x.png') center center no-repeat;
    background-size: 100%;
    -webkit-transform: translateY(-50%); /* Safari用 */
    transform: translateY(-50%);
}
/* 詳細確認ボタン */
#hole_box .race_detail {
    margin: 20px auto;
}

/* 瀬名かほりのブログ
=================================================== */
.blob_box {
    background :url('../images/blogBoxBg.png') top center / 10px !important;
    //padding: 28px 2% 28px !important;
    padding-bottom: 10px;
}
#u_contents h2 {
}
#u_contents h2.blog img {
    display: block;
    margin: 0 auto;
    width: 600px;
}

#u_contents .blogArticle {
    margin-bottom: 0;
    padding-top: 12%;
    background: rgba(255,255,255,0.8);
}
#u_contents .blogArticle img {
    max-width: 100%;
}
article.blogArticle::before {
    display: block;
    content: '';
    position: absolute;
    top: -40px;
    left: 15% !important;
    margin-left: -80px;
    width: 24% !important;
    height: 24% !important;
    background: url('../images/blog_in@1x.png') center center / 100% no-repeat !important;
    background-size: 100%;
}
article.blogArticle + #t_pager {
    width: 100%;
    margin-bottom: 0;
}

article.blogArticle + #t_pager #pager a {
    margin-top: 5%;
    margin-bottom: 5%;
    background: rgba(255,255,255,0.8);
}
article.blogArticle + #t_pager #pager a:hover {
    background: #34b36f;
}
/*-- ブログコメント --*/
#commentBox {
    width: 96%;
    margin: 15px auto 0;
    overflow: hidden;
    background: rgba(255,255,255,0.8);
    border-radius: 8px;
}
#commentBox h4 {
    box-sizing: border-box;
    padding: 5px 0;
    background: #4c9f8b;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
}
.blogComment {
    box-sizing: border-box;
    margin: 15px 0 0 0;
    padding: 0 20px 10px;
}
.blogComment ul li {
    box-sizing: border-box;
    margin: 0 0 8px 0;
    padding-bottom: 10px;
    border-bottom: 1px dotted #aaa;
}
.blogComment p {
    font-size: 14px;
    color: #4b4b4b;
    line-height: 1.6;
}
.blogComment div > img {
    width: 30px;
}
.blogComment div p {
    display: inline-block;
}
.blogComment div p:nth-of-type(1) {
    color: #2d79ae;
    margin-bottom: 3px;
    font-weight: 700;
}
/* 瀬名かほりのブログ
=================================================== */
.eye article.blogArticle::before {
    display: block;
    content: '';
    position: absolute;
    top: -40px;
    left: 15% !important;
    margin-left: -80px;
    width: 24% !important;
    height: 24% !important;
    background: url('../images/blog_eye.png') center center / 100% no-repeat !important;
    background-size: 100%;
}

/* LINE友達追加
=================================================== */
.line_inner {
    box-sizing: border-box;
    padding: 5% 0;
}
.line_main_detail {
    margin-bottom: 10%;
    box-sizing: border-box;
    padding: 3% 4%;
    background: #01b901;
}
.line_main_detail h3 {
    margin: 10px auto 20px;
}
.line_main_detail h3 img {
    width: 100%;
}
.line_main_detail > img {
    width: 100%;
}
.line_main_detail img {
    width: 100%;
}
.line_main_detail > img:nth-of-type(1) {
    margin-bottom: 10px;
}

/* ラインスキーマ */
.line_schema {
    margin-bottom: 25px;
    box-sizing: border-box;
    padding: 4%;
    background: rgba(255,255,255,.9);
    border: 3px solid #01b901;
    border-radius: 10px;
}
.line_schema p {
    margin-bottom: 15px;
    font-size: 15px;
    color: #2b2b2b;
    line-height: 1.6;
}
.line_schema a {
    display: block;
    width: 60%;
    margin: 0 auto;
}
.line_schema img {
    width: 100%;
}

/* 手順 */
.steps h4 {
    margin-bottom: 10%;
}
.steps h4 img {
    width: 100%;
}
.steps article {
    box-sizing: border-box;
    padding: 5% 0;
    border-radius: 12px;
    text-align: center;
    background: rgba(255,255,255, 0.9);
}
.steps article li {
    margin-bottom: 25px;
}
.steps article li:nth-of-type(2) {
    box-sizing: border-box;
    padding: 20px 0;
    background: #d3f3da;
}
.steps article li h5 {
    width: 82%;
    margin: 0 auto 10px;
    border-bottom: 2px solid #01b901;
}
.steps article li h5 img {
    margin-left: -20px;
    width: 160px;
}
.steps article li img {
    width: 82%;
    margin-bottom: 10px;
}
.steps article li p {
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.6;
    text-align: left;
    width: 82%;
}
/* 手順.4 */
.ste_fore {
    width: 88%;
    margin: 0 auto;
    text-align: center;
}
.ste_fore h5 {
    margin: 0 0 0 0;
    box-sizing: border-box;
    padding: 10px 0;
}
.ste_fore h5 img {
    margin-left: 0;
    max-width: 160px;
}
.ste_fore > section {
    border: 4px solid #01b901;
    background: none;
    border-radius: 7px;
}
.ste_fore > section > p {
    line-height: 1;
    margin-bottom: 20px;
    box-sizing: border-box;
    padding: 10px 5px;
    background: #01b901;
}
.ste_fore > section p img {
    display: block;
    width: 94%;
    margin: 0 auto;
}
.ste_fore > section .step4_list li {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.6;
    text-align: center;
}
.ste_fore > section .step4_list li:nth-of-type(2){
    margin-bottom: 0;
}
.ste_fore > section .step4_list li p {
    width: 90%;
    margin-bottom: 15px;
}
.ste_fore > section li img {
    display: block;
    width: 90%;
    margin: 0 auto 15px;
}
.ste_fore > section .step4_list li button {
    width: 90%;
    margin: 0 auto 20px;
}
.ste_fore > section .step4_list li .qr {
    display: block;
    width: 60%;
    margin: 0 auto;
}

/* ユーザー情報変更
=================================================== */
#user_edit {
    width: 96%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 4% 0 0;
//border-radius: 20px;
//background: rgba(255,255,255,0.9);
}
#user_edit > div {
    overflow: hidden;
    margin-bottom: 8%;
    box-sizing: border-box;
    border-radius: 8px;
    background: rgba(252,248,233,0.7);
    background-size: 100%;
    box-shadow: 0 0 5px rgba(0,0,0,0.4);
}
#user_edit > div.mid {
    margin-bottom: 35px;
}
#user_edit > div h3 {
    box-sizing: border-box;
    padding: 2% 0 2% 14px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 1.6;
    background: #417c6b;
}
#user_edit > div h3 span {
    box-sizing: border-box;
    padding: 0 0 0 2%;
    border-left: 4px solid #fff;
}
#user_edit > div > div {
    padding: 2% 3%;
}
#user_edit > div > div p {
    margin: 0 0 2% 0;
    font-size: 14px;
    font-weight: 500;
    color: #3f3f3f;
    line-height: 1.6;
}
#user_edit > div > div ol {
    padding: 0 0 0 3%;
}
#user_edit > div > div ol li {
    box-sizing: border-box;
    padding: 2px 0;
    font-size: 14px;
    font-weight: 700;
    color: #3f3f3f;
    line-height: 1.6;
}
#user_edit > div > div dl dd {
    position: relative;
    box-sizing: border-box;
    padding: 0 0 0 20px;
    font-size: 14px;
    font-weight: 500;
    color: #3f3f3f;
    line-height: 1.6;
}
#user_edit > div > div dl dd::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '※';
}
/*-- table --*/
#user_edit > div h4 {
    position: relative;
    margin-bottom: 8px;
    padding-bottom: 5px;
    font-size: 16px;
    border-bottom: 2px solid #2587a5;
}
#user_edit > div h4::after {
    position: absolute;
    bottom: -2px;
    content: '';
    display: block;
    border-bottom: solid 2px #be6e41;
    width: 25%;
}
#user_edit > div table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 1px;
}
#user_edit > div table tr {
    height: auto;
}
#user_edit > div table th {
    padding: 0;
    width: 184px;
    font-size: 14px;
    line-height: 1.4;
    color: #fff;
    font-weight: 500;
    vertical-align: middle;
    background: #9e9e9e;
}
#user_edit > div table td {
    font-size: 14px;
    color: #3e3e3e;
    line-height: 1.4;
}
#user_edit > div table.r_c_p td {
    width: 20%;
    padding: 5px 0;
}
#user_edit > div p span {
    font-weight: 700;
    color: #ef4840;
}
#user_edit > div ul {
    display: block;
    padding-left: 20px;
}
#user_edit > div ul li {
    list-style: disc;
    font-size: 14px;
    font-weight: 500;
    color: #3f3f3f;
}

#user_edit > div table label {
    display: block;
}
#user_edit > div table td.detail {
    width: 70%;
    padding: 2%;
    box-sizing: border-box;
    font-size: 14px;
    text-align: left;
    font-weight: 700;
    line-height: 1;
    background: #fefefe;
}
#user_edit > div table td > a img {
    width: 100%;
}
#user_edit > div table td.detail > a img {
//width: 180px;
}
#user_edit > div table td.detail span {
    color: #d72828;
}
#user_edit > div table td.choice img:hover {
    opacity: 0.7;
}
/*-- Passボックス --*/
#user_edit > div.passBox > div p {
    margin-bottom: 1%;
    box-sizing: border-box;
    font-size: 14px;
    color: inherit;
    line-height: 1.4;
    font-weight: 500;
}
#user_edit > div.passBox > div p.pass_an {
    margin: 0 0 3% 5px;
    font-size: 14px;
    color: #aa3e2c;
    font-weight: 500;
}
/*-- メアド変更 --*/
#user_edit > div.mailEdit {
    margin-bottom: 0;
}
#user_edit > div.mailEdit form div {
    margin-bottom: 3%;
    padding-bottom: 3%;
    box-sizing: border-box;
    border-bottom: 1px dashed #aaa;
}
#user_edit > div.mailEdit form div p:first-child {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
}
#user_edit > div.mailEdit form div a img {
    display: block;
    margin: 0 auto;
    width: 70%;
}
#user_edit > div.mailEdit form:last-child div p:nth-of-type(2) {
    margin: 6% 0;
}

/*-- form　ボタン --*/
form input[type='image'] {
    display: block;
    width: 80%;
    margin: 0 auto;
}
form input[type='radio'] {
    margin-right: 5px;
}
form input[type='radio']:nth-of-type(2) {
    margin-left: 15px;
}
form input[type='text'] {
    width: 100%;
    margin-bottom: 2%;
    padding: 2%;
    box-sizing: border-box;
}
/*-- メールセッティング --*/
#user_edit > div table.mail_config td:nth-of-type(1) {
    width: 400px;
    background: rgba(255,255,255,0.8);
    padding: 10px;
}
#user_edit > div table.mail_config td:nth-of-type(2) {
    width: 200px;
    text-align: center;
}
#user_edit > div table.mail_config td:nth-of-type(2) input[type='image'] {
    display: inline-block;
    margin: 0;
    width:180px;
}
#user_edit > div table.mail_config .mail_setting img {
    width:180px;
}
#user_edit > div table.mail_config .mail_setting img:hover,
form input[type='image']:hover {
    opacity: 0.8;
}

/* メールが届かない方
=================================================== */
div.notMailTitle h2 img {
    width: 88% !important;
}
.not_mail_s > p {
    margin-bottom: 4%;
    padding: 2%;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 500;
    color: #4a4a4a;
    background: rgba(255,255,255,0.8);
}
.not_mail_s article h3 {
    box-sizing: border-box;
    font-size: 16px !important;
    padding: 2% !important;
    background: #3178ce !important;
}
.not_mail_s article.r_c h3 span {
    display: block;
    box-sizing: border-box;
    padding: 0 0 0 10px;
    border-left: 4px solid #fff;
}
.not_mail_s article ul {
    display: block;
    margin-bottom: 3%;
    list-style-position: inside;
}
.not_mail_s article ul li {
    margin-bottom: 5%;
}
.not_mail_s article ul li span {
    font-weight: 500;
}
.not_mail_s article ul li a {
    color: #3178ce;
    border-bottom: 1px solid #3178ce;
}
.not_mail_s article ul li a:hover,
.not_mail_s article.web_mail > div > a:hover {
    color: #ff2038;
    border-bottom: 1px solid #ff2038;
}
.not_mail_s .carrier p {
    font-size: 14px;
    font-weight: 500;
}
/* webメール */
.not_mail_s article.web_mail ul li {
    margin-bottom: 5px;
}
.not_mail_s article.web_mail > div > a {
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 30px;
    font-size: 14px;
    font-weight: 500;
    color: #3178ce;
    border-bottom: 1px solid #3178ce;
}

/* エージェント
=================================================== */
#agent {
    padding: 5% 0;
    background:
            url('../images/agent_bg.jpg') top center /1500px;
}
#agent section {
    overflow: hidden;
    width: 98%;
    margin: 0 auto;
}
#agent section h2 {
    margin: 0 0 3% 0;
    border: none;
}
#agent section h2 img {
    width: 100%;
}
#agent section > img {
    width: 100%;
    margin-bottom: 8%;
}
/* エージェント個別 */
#agent .agent_list > img {
    display: block;
    width: 96%;
    margin: 0 auto 3%;
}
#agent .agent_detail {
    overflow: hidden;
    width: 96%;
    margin: 0 auto 3%;
    border-radius: 5px;
    border: 1px solid #aaa;
    background: rgba(255,255,255,0.8);
}
#agent .agent_detail > div {
    overflow: hidden;
    padding: 2%;
    box-sizing: border-box;
}
#agent .agent_detail h3 {
    margin: 0;
    padding: 1% 2%;
    box-sizing: border-box;
    border-bottom: 2px solid #2b687c;
    font-size: 18px;
    color: #fff;
    line-height: 1.4;
    font-weight: 500;
    background: #003366;
}
#agent .agent_detail > div {
    padding: 5% 3% 3%;
    background: url(../images/s_hr_tu.png) top center no-repeat;
    background-size: 100%;
}

#agent .agent_detail img {
    float: left;
    width: 45%;
    margin: 0 3% 0 0;
}
#agent .agent_detail p {
    font-size: 14px;
    line-height: 1.6;
    font-weight: 500;
}


/* 規約など
=================================================== */
#long_t article {
}
.qa_t > .title > h2.comTitle img {
    width: 80%;
}
.qa_t > .title > h2.compTitle img {
    width: 50%;
}
.qa_t > .title > h2.tokuTitle img {
    width: 100%;
}
.rule {
    margin: 0 auto;
    padding: 20px;
    width: 100%;
    font-size: 90%;
    font-weight: 400;
    line-height: 1.8;
    color: #747474;
    border: 1px solid #aaa;
    border-radius: 10px;
    box-shadow: 0 0 5px #aaa;
    box-sizing: border-box;
    background: rgba(255,255,255,0.8);
}
.rule dl {
    color: #525252;
    line-height: 1.8;
}
.rule dl dt{
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #aaa;
}
.rule dl dd {
    font-size: 14px;
    padding-left: 0;
    margin-bottom: 18px;
}
.back_bt {
    width: 45%;
    margin: 5% auto;
}
.back_bt a {
    display: block;
}
.back_bt a img {
    width: 100%;
    vertical-align: bottom;
}
.rule ol {
    padding-left: 20px;
}
.rule ol li {
    list-style-type: decimal;
}

/* キャンペーンLP専用ページ
=================================================== */
#lp {
    padding: 6% 0;
}
#lp > h2 {
    text-align: center;
    margin: 0 0 8% 0;
    border-bottom: none;
}
#lp > h2 img {
    width: 90%;
}
.siba {
    padding: 6% 0;
    background:
            url('../images/s_hr_tu.png') top center/100% no-repeat,
            url('../images/s_hr_ut.png') bottom center/100% no-repeat,
            url('../images/siba_bg.jpg') left center /200px 200px;
    text-align: center;
}
.sibablock {
    padding: 6% 0;
    background:
            url('../images/s_hr_tu.png') top center/120% no-repeat,
            url('../images/s_hr_ut.png') bottom center/120% no-repeat,
            url('/images/campaign/sp/siba_blockBg.jpg') left center /200px 200px;
    text-align: center;
}
.lpMainVisual {
    margin: 0 auto 3%;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
}
.lpMainVisual img {
    width: 100%;
}
.lpMainVisual + a {
    display: block;
    width: 84%;
    margin: 0 auto;
}
.lpMainVisual + a img {
    width: 100%;
}
.lpMainVisual + a:hover {
    opacity: 0.9;
}
/*-- キャンペーン紹介文 --*/
.lp_intro {
    width: 98%;
    margin: 3% auto;
    padding: 3%;
    box-sizing: border-box;
    background: rgba(253,254,238,0.9);
}
.lp_intro p {
    padding: 7% 5%;
    box-sizing: border-box;
    border: 2px solid #aaa659;
    font-size: 14px;
    color: #323232;
    font-weight: 500;
    background:
            url('/images/campaign/sp/leftTOP_deco@2x.png') top left/40px no-repeat,
            url('/images/campaign/sp/left_Under_deco@2x.png') bottom left/40px no-repeat,
            url('/images/campaign/sp/rightTOP_deco@2x.png') top right/40px no-repeat,
            url('/images/campaign/sp/right_Under_Deco@2x.png') bottom right /40px no-repeat;
}

/*-- 今週注目の重賞レース --*/
.lpAward {

}
.lpAward h3 {
    margin: 3% 0 3% 0;
}
.lpAward h3 img {
    width: 96%;
}
.lpAward article {
    position: relative;
    width: 96%;
    margin: 0 auto 25px;
    background: rgba(255,255,255,0.9);
    border: 1px solid #aaa;
    box-shadow: 0 0 4px rgba(0,0,0,0.5);
}
.lpAward article.g3::before {
    content: '';
    position: absolute;
    left: 0;
    top: -15px;
    width: 52px;
    height: 53px;
    background: url('/images/campaign/sp/g3icon@1x.png') center center no-repeat;
    background-size: 100%;
}
.lpAward article.g2::before {
    content: '';
    position: absolute;
    left: 0;
    top: -15px;
    width: 52px;
    height: 53px;
    background: url('/images/campaign/sp/g2icon@1x.png') center center no-repeat;
    background-size: 100%;
}
.lpAward article.g1::before {
    content: '';
    position: absolute;
    left: 0;
    top: -15px;
    width: 52px;
    height: 53px;
    background: url('/images/campaign/sp/g1icon@1x.png') center center no-repeat;
    background-size: 100%;
}
.lpAward article h4 {
    margin: 3% 2% 1% 56px;
    padding: 0 0 1% 0;
    box-sizing: border-box;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 700;
    color: #2d2d2d;
    text-align: left;
    border-bottom: 2px solid #aaa;
}
/* 小項目 */
.lpAward ul {
    display: block;
    padding: 2%;
    box-sizing: border-box;
    text-align: left;
}
.lpAward ul li {
    position: relative;
    display: inline-block;
    margin: 0 2% 2% 0;
    padding: 0 0 0 14px;
    box-sizing: border-box;
    font-size: 14px;
    color: #2d2d2d;
    line-height: 1.4;
    font-weight: 500;
}
.lpAward ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -11px;
    width: 10px;
    height: 18px;
    background: url('/images/campaign/sp//redArrow@2x.png') center center no-repeat;
    background-size: 100%;
}
.lpAward article p {
    padding: 0 4% 4% 4%;
    box-sizing: border-box;
    font-size: 14px;
    color: #2d2d2d;
    line-height: 1.4;
    font-weight: 500;
    text-align: left;
}

/*-- 今週のエージェント --*/
.lpAgent {
    padding: 8% 0;
    box-sizing: border-box;
    background: url('/images/campaign/sp/gold_bg@1x.jpg') top center / 100% 100%;
}
.lpAgent h3 {
    text-align: left;
    margin: 0 0 5% 0;
}
.lpAgent h3 img {
    width: 100%;
}
.lpAgent #agent {
    width: 100%;
    padding: 0;
    text-align: left;
    border-radius: 5px;
}
.lpAgent .agent_detail {
    width: 100% !important;
    margin: 0;
    text-align: left !important;
}
.lpAgent #agent > div {
    margin: 0;
    padding: 0;
}

/*-- 的中 --*/
#tekichyu .lastDate {
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: #256488;
}

/*-- 勝利者の声 --*/
.winnerVoice > h3 {
    margin: 2% auto;
    text-align: center;
}
.winnerVoice > h3 img {
    width: 96%;
}
.winnerVoice .v_box article {
    text-align: left;
    margin: 32px auto;
    padding: 2%;
}
.winnerVoice  .v_box article::before {
    top: -28px;
}
.winnerVoice .v_box article > div {
    padding: 2%;
}
.winnerVoice .v_box article h2 {
    font-size: 16px;
    margin: 0 0 1% 0;
    padding-left: 0;
    padding-bottom: 2%;
    box-sizing: border-box;
    border-bottom: 2px solid #515151;
}
.winnerVoice .v_box article h2 + div p {
    margin: 0;
    font-size: 14px;
}
.winnerVoice .v_box article > div > p {
    font-size: 14px;
}

/*-- キャンペーン紹介 --*/
.lpCourse {
    padding: 8% 0;
    box-sizing: border-box;
    background: url('/images/campaign/sp/gold_bg@1x.jpg') top center / 100% 100%;
}
.lpCourse h3 {
    text-align: center;
}
.lpCourse h3 img {
    width: 96%;
}
/* コース内容 */
.lpCampBox {
    width: 96%;
    margin: 4% auto;
    box-sizing: border-box;
    background: url(/images/campaign/sp/courseDetailBg@1x.png) left center/ 50px;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,0.4);
}
.lpCampBox > div {
    padding: 3%;
    box-sizing: border-box;
}
.lpCampBox h3 img {
    width: 100%;
}
.lpCampBox h4 {
    margin: 0 0 3% 0;
    font-size: 16px;
    color: #2d638f;
    font-weight: 700;
    line-height: 1.6;
}
/* 内約 */
.lpCampBox > div ul {
    display: block;
    padding: 2%;
    box-sizing: border-box;
    background: rgba(255,255,255,0.4);
}
.lpCampBox > div ul li {
    padding: 2% 0 1%;
    box-sizing: border-box;
    font-size: 14px;
    color: inherit;
    font-weight: 500;
    line-height: 1.5;
    border-bottom: 1px dashed #aaa;
}
.lpCampBox > div ul li:first-child {
    border-top: 1px dashed #aaa;
}
.estimate {
    padding: 3% 0;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    color: inherit;
    text-align: center;
}
.estimate > span {
    font-size: 22px;
    color: #db3c38;
}
/* 通常価格、今週限定価格 */
.pBefore {
    margin: 0 0 3% 0;
    padding: 2%;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 500;
    color: inherit;
    line-height: 1.6;
    background: rgba(255,255,255,0.5);
}
.pBefore span {
    font-size: 16px;
    color: #db3c38;
}
/*先行予約価格*/
.specialP {
    padding: 2%;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 1.6;
    text-align: center;
    background: #425a73;
}
.specialP span {
    font-size: 18px;
    color: #fff534;
}
/* 予約ボタン */
.lpCampBox + a {
    display: block;
    width: 84%;
    margin: 0 auto 4%;
}
.lpCampBox + a:nth-of-type(1) {
    margin-bottom: 8%;
}
.lpCampBox + a img {
    width: 100%;
}

/* ポイント受け取り
=================================================== */
#pointGet a {
    display: block;
    margin: 0 auto;
    padding: 3% 0;
    box-sizing: border-box;
    width: 80%;
    max-width: 280px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #3b77bb;
    border-radius: 5px;
    border: 2px solid #fff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
}
#pointGet a:hover {
    box-shadow: none;
}

/* 瀬名かほりのブログページ
=================================================== */
.blogArticle iframe {
    width: 100% !important;
}