@charset "Shift_JIS";
/* ======================================== */
/* 夜遊びガイド 新マイページ */
/* ======================================== */
body {
    font-size: 14px;
}

#iphone-layout {
    background-color: #f2f2f2;
}

.hr_double {
    margin: 10px 0;
    display: block;
    border-width: 3px 0 0;
    border-style: double;
    border-color: #ccc;
}

/* --------------------------------------- */
/* flexbox */
.fl_base {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.fl_inner {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

/* --------------------------------------- */
/* ヘッダ */
/* --------------------------------------- */
.myp_head {
    height: 50px;
    padding: 4px;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    background-image: url(../st_img/entrance_yoasobi_logo.png);
    background-repeat: no-repeat;
    background-position: 4px 4px;
    -webkit-background-size: 50px;
    background-size: 50px;
}

.myp_head.fl_base {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.myp_head > .fl_inner.main {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.myp_head > .fl_inner.sub {
    min-width: 120px;
    padding: 4px 6px;
    font-size: 0.9em;
    text-align: center;
    color: #006;
    background-color: #ffd;
}

.myp_head.fl_base {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

/* 見出し */
.myp_hl {
    padding-right: 4px;
    padding-left: 56px;
    line-height: 1.2;
    color: #333;
}

.txt_img_mypage {
    width: 80px;
    height: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 110%;
    background-image: url(../st_img/mp/txt_mypage.png);
    -webkit-background-size: 80px 15px;
    background-size: 80px 15px;
}

/* ニックネーム */
.user_name {
    color: #f22c5a;
}

.myp_head .user_name {
    max-width: 140px;
    font-size: 1.1em;
    font-weight: bold;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
    letter-spacing: 1px;
    text-overflow: ellipsis;
}

@media screen and (max-width: 320px) {
    .myp_head .user_name {
        max-width: 120px;
    }
}

/* 所有ポイント */
.myp_head .point {
    font-weight: bold;
    color: #f43254;
}

.myp_head .point .num {
    font-size: 1.3em;
}

/* ポイント使用方法 */
.myp_head .txt_info {
    font-size: 0.9em;
    display: block;
    color: #09f;
}

/* --------------------------------------- */
/* メニュー */
/* --------------------------------------- */
.myp_menu {
    padding: 0;
    background-color: #fff;
}

/* キャバガイド */
.myp_menu .link_caba {
    margin-top: -10px;
    padding: 4px;
    display: block;
    text-align: center;
    text-decoration: underline;
    color: #ff2176;
}

/* メインメニュー */
header + .list_okini {
    margin-top: -1px;
}

.list_okini .elm {
    border-width: 0 0 1px;
    border-style: solid;
    text-shadow: 0 1px 0 #fff;
}

@media screen and (min-width: 360px) {
    .list_okini .elm {
        font-size: 1.3em;
    }
}

.myp_menu .arrow_gp {
    height: 48px;
    padding: 0 20px;
    font-weight: bold;
    line-height: 48px;
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: 2px;
    color: #333;
    background-image: url(../st_img/cur_gray05.png);
}

/* --------------------------------------- */
/* 色指定：アイテム */
.list_okini.item .elm {
    border-color: #ffc677;
    background-color: #fff7dd;
}

/* 色指定：店舗 */
.list_okini.shop .elm {
    border-color: #bbe0a8;
    background-color: #f8ffdd;
}

/* --------------------------------------- */
/* メインボタン */
.myp_menu .list_okini .elm:first-child {
    font-size: 1.4em;
    border-top-width: 1px;
}

.list_okini .elm:first-child .view_all {
    font-size: 0.8em;
    color: #000;
}

/* メインボタン：オキニ嬢 */
.list_okini.item .elm:first-child {
    border-color: #ffa899;
}

.list_okini.item .elm:first-child .arrow_gp {
    color: #f00;
    border-color: #f9905a;
    background-color: #ffd8cc;
    background-image: url(../st_img/cur_orange.png);
}

.list_okini.item .view_all {
    border-color: #ff8000;
}

/* メインボタン：オキニ店 */
.list_okini.shop .elm:first-child {
    border-color: #7fd2ff;
}

.list_okini.shop .elm:first-child .arrow_gp {
    color: #002da7;
    background-color: #d7f8f8;
    background-image: url(../st_img/cur_deli.png);
}

.list_okini.shop .view_all {
    border-color: #7baed1;
}

/* 一覧マーク */
.list_okini .view_all {
    margin: auto;
    padding: 0 30px 0 20px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    border-width: 0 0 0 1px;
    border-style: dotted;
    text-shadow: 0 1px 0 #fff;
}

/* 0件の場合 */
.none_okini {
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.none_okini .lbl {
    height: 44px;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 44px;
    text-align: left;
    padding: 0 20px;
    border-width: 1px 0;
    border-style: solid;
    text-shadow: 0 1px 0 #fff;
}

.none_okini.item .lbl {
    color: #f00;
    background-color: #ffd8cc;
    border-color: #f9905a;
}

.none_okini.shop .lbl {
    color: #002da7;
    background-color: #d7f8f8;
    border-color: #7fd2ff;
}

.list_okini .elm.none {
    height: 48px;
    line-height: 48px;
    color: #888;
    padding-left: 48px;
    background-color: #e8e8e8;
    text-shadow: none;
}

.list_okini .elm.none:before {
    opacity: 0.6;
}

/* --------------------------------------- */
/* オキニ登録促進メッセージ */
.none_okini .txt_caution {
    font-weight: bold;
    color: #f00;
    padding: 8px 0;
}

/* --------------------------------------- */
/* メニューアイコン */
/* --------------------------------------- */
.list_okini .elm:not(:first-child) .arrow_gp {
    padding-left: 46px;
}

.list_okini .elm {
    position: relative;
}

.list_okini .elm:before {
    width: 20px;
    height: 20px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 18px;
    display: block;
    content: '';
    background-image: url(../st_img/mp/icon_mypage_okini.png);
    background-repeat: no-repeat;
    -webkit-background-size: 40px 80px;
    background-size: 40px 80px;
}

.list_okini .atwork:before {
    background-position: 0 0;
}

.list_okini .diary:before {
    background-position: 0 -20px;
}

.list_okini .movie:before {
    background-position: 0 -40px;
}

.list_okini .newface:before {
    background-position: 0 -60px;
}

.list_okini .discount:before {
    background-position: -20px 0;
}

.list_okini .topics:before {
    background-position: -20px -20px;
}

.list_okini .msg:before {
    background-position: -20px -40px;
}

.list_okini .event:before {
    background-position: -20px -60px;
}

/* --------------------------------------- */
/* オキニを探す*/
/* --------------------------------------- */
.myp_osusume {
    padding: 0 6px;
}

.myp_menu .btn_acd {
    height: 48px;
    padding-left: 44px;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 48px;
    position: relative;
    display: block;
    letter-spacing: 2px;
    color: #f00;
    background-color: #fed6e9;
}

.btn_acd:before {
    width: 24px;
    height: 24px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 8px;
    display: block;
    content: '';
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border: 2px solid #ff78c0;
    border-radius: 24px;
    background-image: url(../st_img/cur_caba.png);
    background-repeat: no-repeat;
    background-position: 8px center;
    -webkit-background-size: 19px 14px;
    background-size: 19px 14px;
}

.btn_acd.active:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

/* --------------------------------------- */
.myp_menu .btn_acd + .list_search {
    display: none;
}

.myp_menu .list_search .elm {
    border-bottom: 1px solid #fed6e9;
    background-color: #fff;
}

.myp_menu .list_search .arrow_gp {
    background-image: url(../st_img/cur_caba.png);
}

/* --------------------------------------- */
/* 女の子DXミニ */
/* --------------------------------------- */
.lbl_castdx,
.myp_menu .box_castdx {
    max-width: 542px;
    margin-right: auto;
    margin-left: auto;
}

.lbl_castdx {
    margin-top: 4px;
    padding: 4px 1em 0;
    font-size: 14px;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: -1em;
    letter-spacing: 2px;
}

.myp_menu .box_castdx {
    font-size: 10px;
    border: none;
}

.myp_menu .clist-showcase {
    margin-top: 2px;
    font-size: 12px;
    font-weight: bold;
    border-width: 2px 2px 2px 1px;
    border-style: solid;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.myp_menu .clist-showcase .elm {
    width: 48px;
}

.myp_menu .clist-showcase .frame_ratio {
    height: 64px;
}

.myp_menu .clist-showcase .elm:nth-child(4) ~ .elm {
    display: block;
}

/* 解像度別表示枚数 */
@media screen and (max-width: 360px) {
    .myp_menu .clist-showcase .elm:nth-child(6) ~ .elm {
        display: none;
    }
}

@media screen and (max-width: 410px) {
    .myp_menu .clist-showcase .elm:nth-child(7) ~ .elm {
        display: none;
    }
}

@media screen and (max-width: 450px) {
    .myp_menu .clist-showcase .elm:nth-child(8) ~ .elm {
        display: none;
    }
}

@media screen and (max-width: 500px) {
    .myp_menu .clist-showcase .elm:nth-child(9) ~ .elm {
        display: none;
    }
}

@media screen and (max-width: 550px) {
    .myp_menu .clist-showcase .elm:nth-child(10) ~ .elm {
        display: none;
    }
}

@media screen and (min-width: 560px) {
    .myp_menu .clist-showcase .elm:nth-child(11) ~ .elm {
        display: none;
    }
}

/* 見出し */
.clist-showcase .elm:first-child {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.myp_menu .m-no1 .clist-showcase {
    border-color: #ff1427;
    background-color: #ff1427;
}

.myp_menu .rp-no1 .clist-showcase {
    border-color: #ff76ae;
    background-color: #ff76ae;
}

.myp_menu .dx-newface .clist-showcase {
    border-color: #ffa611;
    background-color: #ffa611;
}

.myp_menu .clist-showcase .read_more {
    height: 64px;
    padding-top: 24px;
    line-height: 12px;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center 2px;
    -webkit-background-size: 18px;
    background-size: 18px;
}

.myp_menu .m-no1 .read_more {
    background-image: url(../st_img/icon_hl_castdx_m1.png);
}

.myp_menu .rp-no1 .read_more {
    background-image: url(../st_img/icon_hl_castdx_rp1.png);
}

.myp_menu .dx-newface .read_more {
    background-image: url(../st_img/icon_hl_castdx_dxnf.png);
}

.myp_menu .clist-showcase .read_more .btn {
    width: 98%;
    width: -webkit-calc(100% - 2px);
    width: calc(100% - 2px);
    margin: 0 auto;
    padding: 1px;
    font-size: 10px;
    font-weight: normal;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    background-color: #fff;
}

.myp_menu .m-no1 .read_more .btn {
    color: #ff1427;
}

.myp_menu .rp-no1 .read_more .btn {
    color: #ff76ae;
}

.myp_menu .dx-newface .read_more .btn {
    color: #ffa611;
}

/* --------------------------------------- */
/* 店名検索 */
/* --------------------------------------- */
.shop_search {
    margin: 6px;
    padding: 2px;
    overflow: hidden;
    border: 2px solid #7fd2ff;
    border-radius: 6px;
}

.shop_search .txb_search,
.shop_search .btn_search {
    height: 36px;
    padding: 0;
    box-sizing: border-box;
    border: 0 none;
    border-radius: 0;
    outline: none;

    -webkit-appearance: none;
}

.shop_search .txb_search {
    width: 100%;
    padding: 2px 6px;
    font-size: 16px;
    line-height: 32px;
    vertical-align: middle;
}

.shop_search .fl_inner:first-child {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 1 0 auto;
}

.shop_search .btn_search {
    width: 60px;
    font-weight: bold;
    color: #fff;
    border-radius: 2px;
    background-color: #0084cd;
}

/* --------------------------------------- */
/* 店舗検索 */
.shop_search_links {
    font-weight: bold;
    text-align: center;
}

.shop_search_links .lbl_search {
    letter-spacing: 2px;
    color: #666;
}

.shop_search_links .btn {
    width: 86px;
    height: 30px;
    font-size: 0.9em;
    line-height: 30px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #09f;
    border: 1px solid #7fd2ff;
    border-radius: 4px;
}

@media screen and (max-width: 360px) {
    .shop_search_links .btn {
        width: 80px;
    }

    .shop_search_links .btn:nth-of-type(3) {
        font-size: 0.8em;
    }
}

@media screen and (max-width: 320px) {
    .shop_search_links .btn {
        width: 74px;
    }
}

/* --------------------------------------- */
/* メール関連 */
.btn_vipmail {
    height: 36px;
    margin: 10px;
    font-weight: bold;
    line-height: 36px;
    display: block;
    color: #333;
    border-radius: 6px;
    background-color: #ffd12a;
}

.btn_vipmail span {
    padding-left: 25px;
    background: url(../st_img/mp/icon_mail.png) no-repeat left center;
}

/* --------------------------------------- */
/* 投稿系 */
.setting_post .arrow_gp {
    margin-top: 10px;
    font-size: 1.2em;
    border-top: 1px solid #7fd2ff;
    border-bottom: 1px solid #7fd2ff;
    background-color: #d7f8f8;
}

.setting_post .arrow_gp + .arrow_gp {
    margin-top: -1px;
}

/* --------------------------------------- */
/* 設定メニュー */
.hl_setting {
    padding: 10px;
    font-weight: bold;
    color: #fff;
    background-color: #888;
}

.list_other .elm {
    border-bottom: 1px solid #ccc;
}

.list_other .arrow_gp {
    height: 42px;
    line-height: 42px;
    background-color: #ededed;
    background-image: url(../st_img/cur_gray.png);
}

/* --------------------------------------- */
/* 通知 */
/* --------------------------------------- */
.news {
    background-color: #fffbe5;
    border-width: 3px 0;
    border-style: solid;
    border-color: #ffd700;
    box-shadow: 0 1px 0 #ccc;
    padding: 4px;
}

.news .arrow_icon {
    display: block;
    font-size: 12px;
    margin-top: 2px;
    padding: 4px 20px 4px 6px;
    background-color: #fff;
    border: 1px solid #ffd700;
    border-radius: 4px;
}

.news .arrow_icon::after {
    right: 6px;
    font-size: 0.8em;
    height: 0.8em;
}

.news .arrow_icon + .arrow_icon {
    margin-top: 2px;
}

.news .mark {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 2px;
    transform: scale(-1, 1);
}

.news .mark::before {
    font-size: 16px;
    color: #ff0008;
}

.news .num {
    font-size: 1.1em;
    font-weight: bold;
    color: #ff0008;
}

/* --------------------------------------- */
/* バナー */
.link_banner {
    margin-top: 10px;
    display: block;
}

.link_banner img {
    width: 100%;
    max-width: 480px;
}

/* 夜ガイひとすじ大全集 */
.link_banner.published_yogai {
    text-align: center;
}

.link_banner.published_yogai {
    border: 3px solid #bbb;
    width: 99%;
    width: -webkit-calc(100% - 6px);
    width: calc(100% - 6px);
}

/* --------------------------------------- */
/* フッタ */
/* --------------------------------------- */
.footer_nav .btn {
    width: 200px;
    margin: 10px 0;
    padding: 4px;
    font-size: 1.2em;
    font-weight: bold;
    display: block;
    color: #333;
    border: 1px solid #34365d;
    border-radius: 4px;
    background-color: #b1bacb;
}

.box_single + .box_single {
    border-top: 1px solid #b2b2b2;
}

/* --------------------------------------- */
/* 2階層目 */
/* --------------------------------------- */
/* 夜ガイニュース */
.yg-topics .title {
    font-weight: bold;
}

.yg-topics .shopName {
    font-size: 15px;
    font-weight: bold;
}

.yg-topics .shopType {
    font-size: 13px;
}

/* --------------------------------------- */
/* 業界最高割引 */
.coupon-list {
    padding: 6px;
    font-size: 12px;
    background-color: #c6c6c6;
}

.coupon-list .elm {
    border-radius: 6px;
    background-color: #fff;
}

.coupon-list .elm:not(:last-child) {
    margin-bottom: 6px;
}

.coupon-list .arrow_gp {
    padding: 8px 34px 8px 6px;
}

.coupon-list hr {
    display: block;
    border-width: 1px 0 0;
    border-style: dotted;
    border-color: #ccc;
}

.coupon-list .title {
    font-size: 15px;
    font-weight: bold;
    line-height: 1em;
}

.coupon-list .shopType {
    font-size: inherit;
    color: inherit;
}

.coupon-list [class^='icon_'] {
    width: 70px;
    margin-bottom: 2px;
    padding: 2px 0;
    font-size: 0.9em;
    display: inline-block;
    text-align: center;
    color: #000;
    border-radius: 1px;
}

.coupon-list .icon_first {
    background-color: #84e084;
}

.coupon-list .icon_repeater {
    background-color: #82b9dd;
}

/* 割引枠 */
.coupon-list .fl_base {
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.coupon-list .fl_inner {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.coupon-list .fl_inner:first-child:nth-last-child(2) {
    padding-right: 2px;
}

.coupon-list .fl_inner:last-child:nth-child(2) {
    padding-left: 2px;
}

.coupon-list .price-tag {
    width: 100%;
    margin: 2px 0 0;
    padding: 2px 10px;
    font-weight: bold;
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border: 3px double #ffe059;
}

/* 装飾 */
.coupon-list .price-tag:before,
.coupon-list .price-tag:after {
    width: 0;
    height: 0;
    position: absolute;
    display: block;
    content: '';
    border-style: solid;
}

.coupon-list .price-tag:before {
    top: 0;
    left: 0;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent transparent #ffdd1e;
}

.coupon-list .price-tag:after {
    right: 0;
    bottom: 0;
    border-width: 8px 8px 0 0;
    border-color: transparent #ffdd1e transparent transparent;
}

/* 割引後の金額 */
.price-tag > [class^='d-'] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-shadow: 0 2px 1px #fff;
}

.price-tag .d-price {
    padding: 2px;
    font-size: 12px;
    color: #282804;
}

/* 割引後の数値 */
.price-tag .d-price .num {
    margin-right: 2px;
    font-size: 16px;
}

/* フリー文言 */
.price-tag .d-free {
    padding: 4px 6px;
}

.coupon-list .d-free .txt_free {
    font-size: 12px;
    display: inline-block;
}

/* 1行のみ */
.d-free .txt_free:first-of-type:last-of-type {
    font-size: 22px;
    line-height: 54px;
}

/* 割引文言文字色 */
.price-tag .d-price .num,
.price-tag .d-free {
    color: #ff4141;
}

@media screen and (max-width: 480px) and (min-width: 360px) {
    .coupon-list [class^='icon_'] {
        display: block;
    }
}

@media screen and (max-width: 320px) {
    .coupon-list .fl_base,
    .coupon-list .fl_inner {
        width: 100%;
        display: block;
    }

    .coupon-list .fl_inner + .fl_inner {
        margin-top: 4px;
    }
}

/* --------------------------------------- */
/* 金券使用可能店舗 */
/* --------------------------------------- */
.box_ticketinfo {
    max-width: 414px;
    margin: 10px auto;
    padding: 0 4px;
}

.box_ticketinfo + .box_ticketinfo {
    margin-bottom: -3px;
    padding: 0 2px;
}

.box_ticketinfo .fl_inner {
    padding: 0 2px;
}

.box_ticketinfo .fl_inner {
    flex: 1 0 auto;
}

.box_ticketinfo .btn_link {
    height: 40px;
}

.box_ticketinfo .btn_link {
    padding-top: 1px;
    font-size: 12px;
    color: #555;
    border: 1px solid #969696;
    background-color: #dee8e7;
}

.box_ticketinfo .btn_link.ticket {
    font-size: 20px;
    font-weight: bold;
    height: 50px;
    line-height: 48px;
    background-color: #E5FFED;
    border-color: #85B293;
    color: #333;
}

.box_ticketinfo .btn_link.ticket:not(:hover) {
    box-shadow: 0 3px 0 #85B293;
}

.box_ticketinfo .btn_link.ticket .num {
    display: inline-block;
    background-color: #1CAF48;
    color: #fff;
    text-align: center;
    padding: 4px 12px;
    margin-left: 6px;
    line-height: 1em;
    font-size: 16px;
    border-radius: 20px;
    vertical-align: text-bottom;
}

.box_ticketinfo .btn_link.list {
    font-weight: bold;
    line-height: 36px;
    color: #002da7;
    font-size: 14px;
    min-width: 110px
}

.box_ticketinfo .btn_link.faq {
    line-height: 36px;
}

@media screen and (max-width: 320px) {
    .box_ticketinfo {
        zoom: 0.8;
    }
}

/* --------------------------------------- */
/* 金券プレゼント抽選会 */
/* --------------------------------------- */
/* マイページ：幅間調整　色調整 */
.tousen .dead_line_txt {
    font-size: 13px;
    margin-top: 2px;
    margin-bottom: 24px;
    color: #606060;
}

.tousen .info_input_link {
    font-size: 1.2em;
}

.tousen .dead_line_day {
    margin-top: 8px;
    font-weight: bold;
}

.chusen_tousen_message_wrap {
    text-align: center;
    margin-bottom: 8px;
}

/* --------------------------------------- */
/* 旧CSSの上書き */
/* --------------------------------------- */
.submenu li {
    width: 200px;
}

/* --------------------------------------- */
/* オススメ動画 */
/* --------------------------------------- */
.box_mvdx {
    max-width: 542px;
    margin-right: auto;
    margin-left: auto;
    font-size: 10px;
    text-align: center;
    border: none;
}

.myp_menu .list_mv {
    margin-top: 2px;
    font-size: 12px;
    font-weight: bold;
    border-width: 2px 2px 2px 1px;
    border-style: solid;
    border-color: #0095dd;
    background-color: #0095dd;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.myp_menu .list_mv .elm {
    width: 96px;
}

.box_mvdx .elm:first-child {
    width: 49px;
    flex: 1 0 auto;
}

.myp_menu .list_mv .read_more {
    height: 44px;
    line-height: 14px;
    position: relative;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center 2px;
    background-size: 18px;
}

.myp_menu .list_mv .read_more .btn {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: calc(100% - 2px);
    font-size: 10px;
    font-weight: normal;
    line-height: 12px;
    color: #0095dd;
    margin: 0 auto;
    padding: 1px;
    background-color: #fff;
    border-radius: 2px;
    box-sizing: border-box;
}

.myp_menu .list_mv .elm + .elm {
    margin-left: 1px;
}

.link_mv {
    display: block;
}

.list_mv .frame_ratio > .inner {
    background-color: #000;
}

/* 解像度別表示枚数 */
@media screen and (max-width: 414px) {
    .myp_menu .list_mv .elm:first-child {
        width: 55px;
    }

    .myp_menu .list_mv .elm:nth-child(6) ~ .elm {
        display: none;
    }
}

@media screen and (max-width: 375px) {
    .myp_menu .list_mv .elm:first-child {
        width: 68px;
    }

    .myp_menu .list_mv .elm:nth-child(5) ~ .elm {
        display: none;
    }
}

@media screen and (max-width: 360px) {
    .myp_menu .list_mv .elm:first-child {
        width: 100px;
    }

    .myp_menu .list_mv .elm:nth-child(4) ~ .elm {
        display: none;
    }
}

@media screen and (max-width: 320px) {
    .myp_menu .list_mv .elm:first-child {
        width: 60px;
    }
}

/* --------------------------------------- */
/* アイテム名省略打ち消し */
/* --------------------------------------- */
.item-list.movie-list .name {
    overflow: auto;
    white-space: normal;
    text-overflow: inherit;
}

/* --------------------------------------- */
/* 貴方もアンバサダーになりませんか？テキストリンク用*/
/* --------------------------------------- */
.amb_link {
    margin-top: 14px;
    text-decoration: underline;
}

.amb_link a {
    color: #287bff;
}

/* --------------------------------------- */
/* 徹底解析リンク */
/* --------------------------------------- */
.box_kaiseki_link {
    padding: 10px 2px 0;
}

.box_kaiseki_link .num {
    font-size: 1.1em;
    font-weight: bold;
    color: #f00;
}

.box_kaiseki_link .txt_circle {
    display: inline-block;
    width: 18px;
    height: 18px;
    font-weight: bold;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #f00;
    border-radius: 50%;
}

.box_kaiseki_link .txt_link {
    color: #287bff;
    text-decoration: underline;
}

/* --------------------------------------- */
/* コンテンツピックアップ */
/* --------------------------------------- */
.box_pickup {
    margin: 6px;
    border-width: 2px;
    border-style: solid;
    border-radius: 4px;
    overflow: hidden;
}

.box_pickup.yg_news {
    border-color: #1e2794;
}

.box_pickup .hl {
    font-weight: bold;
    padding: 0 6px;
    height: 26px;
    line-height: 24px;
}

.box_pickup.yg_news .hl {
    background-color: #1e2794;
    color: #fff;
}

.yg_news .clist_general .box_image {
    width: 50px;
    height: 66px;
}

.box_pickup .arrow_icon {
    display: block;
    padding: 6px;
}

.yg_news .topicsTitle {
    color: #0080de;
    font-size: 1.1em;
    font-weight: bold;
}

.yg_news .arrow_icon::after {
    right: 6px;
    color: #1e2794;
}

.yg_news .read_more {
    text-align: center;
}