@charset "euc-jp";

/* change.css

ポイント交換のみで使用するスタイル

main_column
left_column

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

/* 共通
------------------------------------------------ */
.contents { overflow:visible; }

/* 注意事項 */
.change .notes_list h3 {
    clear: both;
    background: #e7e7e7;
    border-bottom: 2px solid #c4c4c4;
    color: #333;
}
.change .notes_list ul {
    padding: 15px 5px 20px 30px;
    border-bottom: #e0e0e0 1px solid;
    border-left: #e0e0e0 1px solid;
    border-right: #e0e0e0 1px solid;
    box-sizing: border-box;
    letter-spacing: 0;
    line-height: 2.0em;
    font-size: 12px;
}
.change .notes_list li {
    list-style-type: disc;
}
.change.gpoint .notes_list.flow li {
    list-style-type: none;
    margin-bottom: 30px;
}
.change.gpoint .notes_list.flow li p {
    padding-left: 1rem;
    text-indent: -1rem;
}
.change.gpoint .notes_list.flow li p:first-child {
    margin-bottom: 10px;
    text-indent: -1.9rem;
}
.change.gpoint .notes_list li:last-child {
    margin-top: 15px;
}
.change.gpoint .notes_list li:last-child p {
    margin-bottom: 10px;
}


/* main_column メインカラム
------------------------------------------------ */
.main_column {
    width: 770px;
    margin: 0 0 15px 20px;
}

.change .mainbanner { margin-bottom: 5px; }
.change .mainbanner a img:hover { opacity: 0.6; }
.change .mainbanner a img { margin-bottom: 15px; }

/* リスト　各見出し */
.change .maintitle {
    background: url(https://dietnavi.com/pc/img/15/change/ico_change_point1.gif) no-repeat 10px 7px;
    margin-bottom: 10px;
    padding-left: 42px;
    background-color: #5a9fdf;
    font-size: 17px;
}
.change .electronic h2 { background: url(https://dietnavi.com/pc/img/15/change/ico_change_electronic1.gif) no-repeat 5px 9px; }
.change .money h2 { background: url(https://dietnavi.com/pc/img/15/change/ico_change_money1.gif) no-repeat 7px 11px; }
.change .gift h2 { background: url(https://dietnavi.com/pc/img/15/change/ico_change_gift1.gif) no-repeat 13px 8px; }
.change .etc h2 { background: url(https://dietnavi.com/pc/img/15/icon/ico_mypagetop_etc1.gif) no-repeat 9px 13px; }
.change .change_list h2 {
    clear: both;
    margin-bottom: 10px;
    padding-left: 42px;
    background-color: #5a9fdf;
    font-size: 17px;
}

/* リスト */
.change .change_list {
    overflow: hidden;
    margin-bottom: 20px;
}
.change .change_list li {
    width: 380px;
    margin-bottom: 10px;
    padding: 10px;
    float: left;
    border: #e0e0e0 1px solid;
    box-sizing: border-box;
}
.change .change_list li:last-child,
.change .change_list li:nth-last-child(2) {
    margin-bottom: 0;
}
.change .change_list li:nth-child(odd) {
    margin-right: 10px;
}
.change .change_list .name {
    margin-bottom: 10px;
    padding: 5px 5px 10px 10px;
    border-bottom: #5a9fdf 2px solid;
    font-size: 18px;
}
.change .change_list .thumnail, .change .change_list .detail {
    display: table-cell;
    vertical-align: top;
}
.change .change_list .thumnail {
    padding-right: 15px;
}
.change .change_list .commission,
.change .change_list .first {
    display: inline-block;
    margin-right: 10px;
    padding: 5px 5px 2px;
    border-radius: 1px;
    color: #fff;
}
.change .change_list .commission {
    margin-right: 10px;
    background-color: #fba500;
}
.change .change_list .first {
    background-color: #9d9d9d;
}
.change .change_list .detail dl {
    width: 245px;
    margin-top: 5px;
}
.change .change_list .detail dt {
    width: 85px;
    height: 22px;
    float: left;
    clear: left;
    padding: 7px 0 0 5px;
    border-bottom: #c8c8c8 1px solid;
    font-weight: bold;
    font-size: 13px;
}
.change .change_list .detail dd {
    width: 155px;
    height: 22px;
    float: left;
    padding-top: 7px;
    border-bottom: #c8c8c8 1px solid;
    letter-spacing: 0;
    font-size: 15px;
}
.change .detail .attention {
    clear:both;
    padding: 5px 0 0 6px;
    font-size: 11px;
}
.change .change_list .detail .point {
    font-weight: normal;
    font-size: 17px;
    color: #2d2e2e;
}
.change .change_list .cr {
    font-size: 10px;
    line-height: 1.5;
    letter-spacing: 0px;
}
.change .change_list .rate {
    margin: 15px 0 10px;
    padding-bottom: 5px;
    border-bottom: #c8c8c8 1px solid;
    text-align: center;
}
.change .change_list .rate .point {
    font-weight: normal;
    font-size: 18px;
    color: #2d2e2e;
}
.change .change_list .rate .change_point {
    margin-left: 10px;
    padding-left: 25px;
    background: url(https://dietnavi.com/pc/img/15/change/ico_arrow1.gif) no-repeat 0 5px;
    font-weight: bold;
    font-size: 17px;
    color: #f23d52;
}
.change .change_list .btn_change a {
    width: 100%;
    display: block;
    padding: 15px 0 10px 0;
    border-radius: 2px;
    background-color: #fbc600;
    text-shadow: 0 1px 0 #fcdf72;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 17px;
    color: #010101;
}
.change .change_list .btn_change a:hover {
    background-color: #fbdb00;
}

/* 電子マネー用 */
.change .electronic .detail {
    height: 138px;
}
.change .change_list.electronic li .check_dotmoney {
    margin: 2px 0 0 5px;
    font-size: 12px;
}
.change .electronic li:nth-child(5) .detail {
    height: 105px;
}

/* ギフト用 */
.change .gift .detail {
    height: 130px;
}

/* 現金用 */
.change .money .detail {
    height: 140px;
}
.change .money li .check_paypal {
    margin: 2px 0 0 5px;
    font-size: 12px;
}
span.first.f_s {
    font-size: 12px;
}

/* NEWアイコン */
.change .new {
    width: 32px;
    height: 15px;
    display: inline-block;
    margin-left: 5px;
    padding: 0 2px 3px 3px;
    border-radius: 1px;
    background: #f23d52;
    opacity: 0.92;
    font-size: 10px;
    text-align: center;
    color: #fff;
}

/* その他に交換用 */
.change .etc .acoin_txt {
    padding: 0 0 6px;
    text-align: center;
    letter-spacing: 0;
    line-height: 1.5em;
    font-size: 12px;
    color: #333;
}
.change .etc .fund_txt1 {
    margin-bottom: 21px;
    letter-spacing: 0;
    line-height: 1.7em;
    font-size: 17px;
    color: #333;
}
.change .etc .fund_txt2 {
    padding: 16px 0 15px;
    border-top: #c8c8c8 1px solid;
    text-align: center;
    letter-spacing: 0;
    font-size: 12px;
    color: #333;
}
.change .change_list .fund a {
    background-color: #18ad53;
    text-shadow: 0 -1px 0 #2a9454;
    color: #fff;
}
.change .change_list .fund a:hover {
    background-color: #05c451;
}

/* バナー */
.bnr_box {
    margin: 15px 0 10px;
}
.bnr_box a {
    box-sizing: border-box;
    display: block;
}
.bnr_box a img {
    width: 770px;
}
.bnr_box a:hover {
    opacity: 0.8;
    transition: .2s;
}


/* left_column 左カラム
------------------------------------------------ */
.menu_list1 h2 {
    background: url(https://dietnavi.com/pc/img/15/icon/ico_mymenu1.gif) no-repeat 5px 9px;
    background-color: #5a9fdf;
}
.change_category h2 {
    background: url(https://dietnavi.com/pc/img/15/change/ico_change_category1.gif) no-repeat 3px 9px;
    background-color: #5a9fdf;
}
.bnr_list {
    margin-bottom: 15px;
}