.clear {
    clear: both;
}


/* 中央寄せ */

.centering {
    text-align: center;
}


/* 左寄せ */

.lefting {
    text-align: left;
}

.lefting_herf {
    width: 50%;
    text-align: left;
}


/* 右寄せ */

.righting {
    text-align: right;
}

.righting_herf {
    width: 50%;
    text-align: right;
}

.width_max {
    width: 100%;
}

.width_70 {
    width: 70%;
    margin: 0 auto;
}

.height_fit {
    height: 98%;
    margin-top: 1%;
}


/* デフォルト文字色 */

.default_color {
    color: #686f79;
}


/* 注釈用薄い文字色 */

.exp_color {
    color: #bfbfbf;
}


/* もっと薄いグレー */

.harf_gray {
    color: #d9d9d9;
}


/* 選択時文字色 */

.select_color {
    color: #3366cc;
}


/* 赤文字 */

.red {
    color: red;
}


/* 白 */

.whiten {
    color: #fff;
}


/* 蛍光青 */

.lightblue {
    color: #33b5e5;
}


/* 背景色*/


/* default色 */

.default_bg {
}


/* 白*/

.white_bg {
    background-color: #fff;
}


/* 背景なし */

.no_bg {
    background-color: transparent;
    background-image: none;
}


/* 濃い灰色 */

.dark_gray_bg {
    background-color: #808080;
}

.horizontal {
    clear: both;
    width: 95%;
    margin: 0 auto;
    border-bottom: 1px solid #bfbfbf;
}

.horizontal_max {
    clear: both;
    width: 100%;
    border-bottom: 1px solid #eee;
}


/* width100% */

.width_max {
    width: 100%;
}


/* 下行消し */

.non_bottom {
    border-bottom: 0;
}


/* テキスト下線 */

.text_border_u {
    text-decoration: underline;
}


/* テキスト取消線 */

.text_through {
    text-decoration: line-through
}


/* 太字なし */

.font_weight_normal {
    font-weight: normal;
    text-shadow: 1px 1px 1px rgba(190, 190, 190, 0.7);
}


/* 太字あり */

.font_weight {
    font-weight: 700;
}

.horizontal_bar {
    display: block;
    width: 100%;
    text-align: center;
}

.horizontal_bar img {
    width: 95%;
    margin: 3px auto;
}


/* h属性 */

h1 {
    font-size: 1.8em;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/* タイトル、見出し用 */

h2 {
    font-size: 1.5em;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/* 1サイズ上 */

h3 {
    font-size: 1.25em;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/* 基準サイズ */

h4 {
    font-size: 1em;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/* フォント標準以下サイズ指定 3が標準 */

.font_size_big1 {
    font-size: 2em;
}

.font_size_1 {
    font-size: 1.8em;
}

.font_size_2 {
    font-size: 1.5em;
}

.font_size_3 {
    font-size: 1.25em;
}

.font_size_4 {
    font-size: 1em;
}

.font_size_5 {
    font-size: 0.75em;
}

.font_size_6 {
    font-size: 0.5em;
}

.font_size_default {
    font-size: 13px;
}


/*インデント */

.indent0 {
    padding: 0;
}

.indent1 {
    padding: 0 0 0 14px;
}

.indent2 {
    padding: 0 0 0 28px;
}


/* アイコン設定行の文章始まりと同位置開始 */

.indent1_img {
    padding: 0 0 0 39px;
}

.indent_1col {
    padding: 0 0 0 2.5%;
}

.indent_2col {
    padding: 0 0 0 4%;
}

.indent_1pt {
    padding: 0 0 0 5px;
}

.indent_2pt {
    padding: 0 0 0 8px;
}

.indent_2px {
    padding: 0 0 0 2px;
}


/*インデントform部品開始合わせ */

.indent_form {
    padding: 0 14px 0 14px;
}

.indent_line {
    margin: 8px 0
}

.all_padding1 {
    padding: 4px;
}

.add_padding1 {
    padding: 0 4px;
}

.add_padding2 {
    padding: 0 14px;
}

.add_padding_1col {
    padding: 0 2.5%;
}

.add_padding_2col {
    padding: 0 5%;
}


/* 間隔空け用 */

.space1 {
    width: 100%;
    display: block;
    height: 4px;
}

.space2 {
    width: 100%;
    display: block;
    height: 8px;
}

.space3 {
    width: 100%;
    display: block;
    height: 15px;
}


/* 見出しバー配下のカテゴリーバー */

.midashi_bar .border_category_1, .midashi_bar .border_category_2, .midashi_bar .border_category_3, .midashi_bar .border_category_4, .midashi_bar .border_category_5, .midashi_bar .border_category_6, .midashi_bar .border_category_7 {
    padding-left: 5px;
    font-weight: bold;
}


/* コースボーダープレミアム */

.border_color_course_1 {
    border-left: 4px solid #99CC00;
    border-color: #99CC00;
}


/* コースボーダープレミアム＆見放題 */

.border_color_course_2 {
    border-left: 4px solid #FF4444;
    border-color: #FF4444;
}


/* コースボーダーNOD見逃し */

.border_color_course_3 {
    border-left: 4px solid #EF7900;
    border-color: #EF7900;
}


/* コースボーダーNOD特選 */

.border_color_course_4 {
    border-left: 4px solid #0083C2;
    border-color: #0083C2;
}


/*アイコン設定行 */

.add_icon_row {
    display: block;
    position: relative;
}

.add_icon_row img {
    position: relative;
    float: left;
    display: block;
    width: 18px;
    height: 18px;
    margin: 0 5px 0 0;
    top: -2px;
}

.add_icon_row img.mini {
    width: 14px;
    height: 14px;
}

.add_icon_row img.middle {
    width: 36px;
    height: 36px;
}

.add_icon_row div {
    float: left;
}

.add_icon_row:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.add_right_icon_row {
    display: block;
    position: relative;
}

.add_right_icon_row img {
    position: relative;
    float: right;
    display: block;
    width: 18px;
    height: 18px;
    margin: 0 0 0 5px;
    top: -2px;
}

.right_img_link {
    clear: left;
    text-align: right;
}

.right_img_link a {
    text-align: right;
    margin-right: 2.5%;
    padding: 2px 20px 2px 0px;
    background-repeat: no-repeat;
    background-position: bottom 50% right 5px;
    background-position: right;
    border-bottom: 1px solid #bfbfbf;
}

.right_img_link a>div {
    display: inline;
}


/*アイコン設定行 */

.add_icon_center_middle {
    width: 100%;
    position: relative;
}

.add_icon_center_middle>div {
    height: 37px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.add_icon_center_middle>div img {
    position: relative;
    top: -2px;
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
}

.add_icon_center_middle>div div {
    height: 37px;
    line-height: 37px;
    position: relative;
    display: inline-block;
}


/* 無料アイコン文字設定 */

.free_word {
    display: none;
}
.free_word {
    line-height: 12px;
    text-align: center;
    font-size: 0.75em;
    background-color: #C50103;
    color: #fff;
    padding: 3px 5px;
}


/* 割引率アイコン文字設定 */

.rate_word_all {
    line-height: 12px;
    text-align: center;
    font-size: 0.75em;
    background-color: #f79646;
    color: #fff;
    padding: 2px 4px;
}

.rate_word {
    line-height: 12px;
    text-align: center;
    font-size: 0.75em;
    background-color: #9bbb59;
    color: #fff;
    padding: 2px 4px;
}


/* 新着アイコン文字設定 */

.new_word {
    /* height: 12px; */
    line-height: 12px;
    text-align: center;
    font-size: 0.75em;
    background: -webkit-gradient(linear, left top, left bottom, from(#BABDF9), color-stop(0.5, #0447E2), to(#0134C5));
    background: -moz-linear-gradient(top, #BABDF9, #0134C5);
    border: 1px solid #fff;
    text-shadow: 1px 1px 1px rgba(190, 190, 190, 0.7);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
    /* Firefox用 */
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
    /* Safari,Google */
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
    /* 共通 */
    color: #fff;
    padding: 3px 5px;
}

div.new_word:before {
    content: "新着";
    clear: both;
    height: 12px;
    width: 20px;
    display: block;
}


/* 見放題アイコン文字設定 */

.mihoudai_word {
    /* height: 12px; */
    line-height: 12px;
    text-align: center;
    font-size: 0.75em;
    background-color: #00b050;
    color: #fff;
    padding: 3px 5px;
}

div.mihoudai_word:before {
    content: "見放題";
    clear: both;
    height: 12px;
    display: inline-block;
}


/* 中サイズ */

.mihoudai_word_middle {
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 1.2em;
    background: -webkit-gradient(linear, left top, left bottom, from(#11ff7d), color-stop(0.5, #05e060), to(#00b050));
    background: -moz-linear-gradient(top, #11ff7d, #00b050);
    border: 1px solid #fff;
    text-shadow: 1px 1px 1px rgba(190, 190, 190, 0.7);
    -webkit-border-radius: 25px;
    border-radius: 25px;
    -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
    /* Firefox用 */
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
    /* Safari,Google */
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
    /* 共通 */
    color: #fff;
    padding: 4px 10px;
}

div.mihoudai_word_middle:before {
    content: "見放題";
    clear: both;
    height: 18px;
    display: inline-block;
}


/* 見逃し見放題アイコン文字設定 */

.minogashi_word {
    /* height: 12px; */
    line-height: 12px;
    text-align: center;
    font-size: 0.75em;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFBB33), color-stop(0.5, #FFBB33), to(#CF8B03));
    background: -moz-linear-gradient(top, #FFBB33, #CF8B03);
    border: 1px solid #fff;
    text-shadow: 1px 1px 1px rgba(190, 190, 190, 0.7);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
    /* Firefox用 */
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
    /* Safari,Google */
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
    /* 共通 */
    color: #fff;
    padding: 3px 5px;
}

div.minogashi_word:before {
    content: "見逃し";
    clear: both;
    height: 12px;
    display: inline-block;
}


/* 中サイズ */

.minogashi_word_middle {
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 1.2em;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFBB33), color-stop(0.5, #FFBB33), to(#CF8B03));
    background: -moz-linear-gradient(top, #FFBB33, #CF8B03);
    border: 1px solid #fff;
    text-shadow: 1px 1px 1px rgba(190, 190, 190, 0.7);
    -webkit-border-radius: 25px;
    border-radius: 25px;
    -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
    /* Firefox用 */
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
    /* Safari,Google */
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
    /* 共通 */
    color: #fff;
    padding: 4px 10px;
}


/* 見放題アイコン文字設定(サジェスト検索用) */

.suggest_mihoudai_word {
    height: auto;
    line-height: 1;
    text-align: center;
    font-size: 0.6em;
    background: -webkit-gradient(linear, left top, left bottom, from(#11ff7d), color-stop(0.5, #05e060), to(#00b050));
    background: -moz-linear-gradient(top, #11ff7d, #00b050);
    border: 1px solid #fff;
    text-shadow: 1px 1px 1px rgba(190, 190, 190, 0.7);
    -webkit-border-radius: 1em;
    border-radius: 1em;
    -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
    /* Firefox用 */
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
    /* Safari,Google */
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
    /* 共通 */
    color: #fff;
    padding: 0.2em 0 0.1em 00;
}

div.suggest_mihoudai_word:before {
    content: "見放題";
    clear: both;
    height: 10px;
    display: inline-block;
}


/* 無料アイコン文字設定(サジェスト検索用) */

.suggest_free_word {
    height: auto;
    line-height: 1;
    text-align: center;
    font-size: 0.6em;
    background-color: #C50103;
    background: -webkit-gradient(linear, left top, left bottom, from(#E7AEB2), color-stop(0.5, #E0020D), to(#C50103));
    background: -moz-linear-gradient(top, #E7AEB2, #C50103);
    border: 1px solid #fff;
    text-shadow: 1px 1px 1px rgba(190, 190, 190, 0.7);
    -webkit-border-radius: 1em;
    border-radius: 1em;
    -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
    /* Firefox用 */
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
    /* Safari,Google */
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
    /* 共通 */
    color: #fff;
    padding: 0.2em 0 0.1em 00;
}

div.suggest_free_word:before {
    content: "無料あり";
    clear: both;
    height: 10px;
    display: inline-block;
    margin-left: 1px;
}

div.minogashi_word_middle:before {
    content: "見逃し";
    clear: both;
    height: 18px;
    display: inline-block;
}


/* 特選見放題アイコン文字設定 */

.tokusen_word {
    /* height: 12px; */
    line-height: 12px;
    text-align: center;
    font-size: 0.75em;
    background: -webkit-gradient(linear, left top, left bottom, from(#11ff7d), color-stop(0.5, #05e060), to(#00b050));
    background: -moz-linear-gradient(top, #11ff7d, #00b050);
    border: 1px solid #fff;
    text-shadow: 1px 1px 1px rgba(190, 190, 190, 0.7);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
    /* Firefox用 */
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
    /* Safari,Google */
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
    /* 共通 */
    color: #fff;
    padding: 3px 5px;
}

div.tokusen_word:before {
    content: "特選";
    clear: both;
    height: 12px;
    display: inline-block;
}


/* 中サイズ */

.tokusen_word_middle {
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 1.2em;
    background: -webkit-gradient(linear, left top, left bottom, from(#11ff7d), color-stop(0.5, #05e060), to(#00b050));
    background: -moz-linear-gradient(top, #11ff7d, #00b050);
    border: 1px solid #fff;
    text-shadow: 1px 1px 1px rgba(190, 190, 190, 0.7);
    -webkit-border-radius: 25px;
    border-radius: 25px;
    -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
    /* Firefox用 */
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
    /* Safari,Google */
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
    /* 共通 */
    color: #fff;
    padding: 4px 10px;
}

div.tokusen_word_middle:before {
    content: "特選";
    clear: both;
    height: 18px;
    display: inline-block;
}


/* 表示用リスト 縦幅中央表示 */


/*Display list 表示用リスト 共通設定 */

.disp_list {
    position: relative;
    width: 100%;
    margin-top: 10px;
}

.disp_list>li {
    position: relative;
}


/* 行間 */

.disp_list .spaceout1 {
    line-height: 1.4em;
}

.disp_list .spaceout2 {
    line-height: 1.8em;
}

.disp_list .spaceout3 {
    line-height: 1.1em;
}


/* 縦幅小 */

.disp_list .h-small {
    height: 22px;
    line-height: 22px;
}


/* 縦幅中 */

.disp_list .h-middle {
    height: 44px;
    line-height: 44px;
}

.disp_list .h-middlegenre {
    height: 25px;
    line-height: 35px;
    float: left;
    padding-bottom: 20px;
}

.disp_list .h-midashi {
    margin-top: 12px;
    height: 32px;
    line-height: 32px;
}

.disp_list .h-middle a {
    height: 44px;
}


/* 縦幅大 */

.disp_list .h-big {
    height: 80px;
    line-height: 80px;
}

.disp_list .h-big>a {
    height: 80px;
}


/* 縦なし */

.disp_list .h-non {
    position: absolute;
    height: 0;
    top: 130px;
    z-index: 10;
}

.disp_list .midashi {
    width: auto;
    font-weight: 300;
    text-decoration: underline;
}

.disp_list .f_left>div {
    float: left;
}

.disp_list .f_left>h1, .disp_list .f_left>h2 {
    float: left;
}

.disp_list .f_right {
    float: right;
    margin-right: 2.5%;
}

.disp_list .add_right_bottun {
    position: relative;
    width: 100%;
}

.disp_list .add_right_bottun h4, .disp_list .f_left .add_right_bottun h3 {
    position: relative;
    float: left;
}

.disp_list .add_right_bottun .bottun {
    position: relative;
    float: right;
    margin-right: 2.5%;
}

.disp_list .add_right_bottun .bottun a {
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #bfbfbf;
    background-color: #fff;
    text-align: center;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.disp_list li.h-middle .add_icon_row img {
    top: 12px;
}

.disp_list li.h-small .add_icon_row img {
    top: 2px;
}

.disp_list>li {
    position: relative;
}


/* 自由リスト divタグ内でdivで要素をくくって */

.righting_2list {
    width: 100%;
    margin: 0 auto;
    position: relative;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7);
}

.righting_2list .lefting {
    float: left;
}

.righting_2list .righting {
    right: 3px;
    top: 0;
    float: right;
}

.righting_2list .icon_row {
    position: relative;
    width: auto;
    margin-left: auto;
    line-height: 24px;
}

.righting_2list .icon_row img {
    positon: relative;
    top: 22px;
    margin: 3px 0;
}

.righting_2list .icon_row p {
    display: inline-block;
    positon: relative;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7);
}

div.righting_2list .righting :after {
    content: ".";
    clear: both;
    height: 0;
    width: 0;
    display: block;
    visibility: hidden;
}


/*
* 画像1列表示リスト
*/

.image_list {
    width: 95%;
    margin: 0 auto;
    position: relative;
    padding: 3px 0;
}

.image_list li {
    width: 100%;
    margin: 5px 0;
    text-align: center;
}

.image_list a.no_border {
    display: block;
    border: 0px solid transparent;
}

.image_list img {
    display: block;
    width: 100%;
    height: auto;
    -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
    /* Firefox用 */
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
    /* Safari用 */
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
    /* Common */
}

.image_list .middle a {
    display: block;
    margin: 0 auto;
    width: 75%;
}

.image_list img.no_shadow {
    -moz-box-shadow: 0 0 0px 0 transparent;
    /* Firefox用 */
    -webkit-box-shadow: 0 0 1px 0 transparent;
    /* Safari用 */
    box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.2);
    /* Common */
}


/*
* 画像二列表示リスト
*/

.image_2list {
    width: 95%;
    margin: 5px auto 0;
}

.image_2list li {
    float: left;
    position: relative;
    width: 49%;
    text-align: center;
    margin-bottom: 1%;
}

.image_2list li:nth-child(odd) {
    margin-right: 2%;
}

.image_2list a {
    width: 100%;
    position: relative;
    display: block;
    margin: 0 auto;
    z-index: 3;
}

.image_2list img {
    border: 2px solid #fff;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
}


/* 保存防止 */

.image_2list li a:after {
    content: url("https://vmimg.vm-movie.jp/icon/vm_appli/blank.gif");
    height: 100%;
    width: 100%;
    display: block;
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
}

.image_2list:after {
    content: ".";
    clear: left;
    height: 0;
    width: 0;
    display: block;
    visibility: hidden;
}


/* a属性用ボタン 1列1個 */

.a_button_row {
    width: 95%;
    margin: 0 auto;
    text-align: center;
    padding: 0;
}

.a_button_row a {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 44px;
    line-height: 38px;
    padding: 3px 0;
    margin: 5px 0;
    font-size: 1.2em;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #bfbfbf;
    background-color: #f2f2f2;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.btn-layout{
    box-sizing: border-box;
    display: block;
    width: 80%;
    height: 44px;
    line-height: 38px;
    padding: 3px;
    font-size: 1.2em;
    border-radius: 3px;
    background-color: #333;
    border: solid 1px #333;
    color: #FFF;
    text-align: center!important;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 auto 20px auto;
}

/* ボタン大 */

.a_button_row .big {
    width: 100%;
}


/* ボタン中 */

.a_button_row .middle {
    width: 40%;
}


/* ボタン中2 */

.a_button_row .middle2 {
    width: 80%;
}


/* ボタン小 */

.a_button_row .small {
    width: 25%;
}

.a_button_row .h-big {
    height: 44px;
    padding-top: 34px;
    font-size: 20px;
    line-height: 20px;
}

.a_button_row .h-mini {
    height: 30px;
    line-height: 30px;
    padding: 5px 0;
}

.a_button_row>.row2 {
    padding-top: 5px;
    line-height: 17px;
}


/* シンプルなボタン */

.a_button_row .simple {
    border: 1px solid #bfbfbf;
    background-color: #f2f2f2;
}


/* 通常ボタン */

.a_button_row .normal {
    border: 1px solid #bfbfbf;
    background-color: #f2f2f2;
    font-weight: 100;
}


/* ログインボタン */

.a_button_row .login {
    border: 1px solid #ff8800;
    background-color: #FFBB33;
    font-weight: 100;
    color: #fff;
}


/* 課金ボタン */

.a_button_row .regist {
    border: 0px solid #CC0000;
    background-color: #FF4444;
    color: #fff;
}


/* NOD登録ボタン */

.a_button_row .nod_register_btn{
    background-color: #e67f11;
    color: #fff;
    border: initial;
}

.a_button_row .nod_register_btn img {
    max-height: 21px;
    margin-top: 8px;
    max-width: 95%;
}


/* 暗い橙ボタン */

.a_button_row .minogashi {
    border: 1px solid #e46c10;
    background-color: #f79646;
    color: #fff;
}

.a_button_row .minogashi img {
    max-height: 21px;
    margin-top: 8px;
    max-width: 95%;
}

.a_button_row .fod {
    border: 1px solid #bfbfbf;
    background-color: #ffffff;
    color: #000;
}

.a_button_row .fod img {
    max-height: 48px;
    position: relative;
    top: -6px;
}


/* docomoボタン */

.a_button_row .docomo {
    border: 1px solid #830F20;
    background-color: #C31731;
    color: #fff;
}


/* auボタン */

.a_button_row .au {
    border: 1px solid #CE4108;
    background-color: #F65A1D;
    color: #fff;
}


/* softbankボタン */

.a_button_row .softbank {
    border: 1px solid #A2A5A8;
    background-color: #BABCBE;
    color: #fff;
}

/* 有料コース退会ボタン */
.a_button_row .quit_btn {
    border: 1px solid #296cb0;
    background-color: #33a4d6;
    color: #fff;
    width: 60%;
}

.a_button_row .orange_btn {
    color: #fff;
    border: 1px solid rgba(174, 84, 3, 0.4);
    background-color: #cc6633;
    -webkit-box-shadow: 0 1px 0 rgba(155, 190, 89, 0.35), inset 0 1px 1px rgba(0, 0, 0, 0.25);
    background: -webkit-gradient(linear, left top, left bottom, from(#FA9B02), color-stop(0.5, #ff6600), color-stop(0.51, #ff6600), to(#EB8105));
    background: -webkit-gradient(linear, left top, left bottom, from(#FA9B02), to(#EB8105));
}

.a_button_row .blue_btn {
    border: 1px solid rgba(0, 95, 196, 0.4);
    background-color: #0090D6;
    -webkit-box-shadow: 0 1px 0 rgba(165, 0, 33, 0.35), inset 0 1px 1px rgba(0, 0, 0, 0.25);
    background: -webkit-gradient(linear, left top, left bottom, from(#0090D6), to(#026EA8));
}


/* 2列並びa属性用ボタン ul属性1つのliタグにボタン1つ(色：通常ボタンデフォルト) */

.a_button_row2 {
    width: 95%;
    margin: 0 auto;
    text-align: center;
}

.a_button_row2 li {
    width: 48%;
    text-align: center;
    float: left;
}

.a_button_row2 li:nth-child(2n+1) {
    margin: 5px 1% 5px 0%;
}

.a_button_row2 li:nth-child(2n) {
    margin: 5px 0 5px 2%;
}

.a_button_row2 a {
    display: block;
    width: 100%;
    font-size: 1.2em;
    line-height: 1.2em;
    padding: 12px 0;
    text-align: center;
    overflow: hidden;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #bfbfbf;
    background-color: #f2f2f2;
}


/* 各種ボタン */

.a_button_row2 .orange_btn {
    border: 1px solid rgba(125, 160, 69, 0.4);
    background-color: #cc6633;
    -webkit-box-shadow: 0 1px 0 rgba(155, 190, 89, 0.35), inset 0 1px 1px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(155, 190, 89, 0.35), inset 0 1px 1px rgba(0, 0, 0, 0.25);
    background: -webkit-gradient(linear, left top, left bottom, from(#cc6633), color-stop(0.5, #ff6600), color-stop(0.51, #ff6600), to(#ffaa00));
}

.a_button_row2 .blue_btn {
    border: 1px solid rgba(220, 220, 230, 0.4);
    background-color: #006699;
    -webkit-box-shadow: 0 1px 0 rgba(165, 0, 33, 0.35), inset 0 1px 1px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(165, 0, 33, 0.35), inset 0 1px 1px rgba(0, 0, 0, 0.25);
    background: -webkit-gradient(linear, left top, left bottom, from(#006699), color-stop(0.53, #3399ee), color-stop(0.61, #44aaee), to(#33aaee));
}

.a_button_row2 .add_icon_row img {
    top: -8px;
    left: 5px;
}


/* 各種ボタン */

.a_button_row2 .simple {
    border: 1px solid #bfbfbf;
    background-color: #f2f2f2;
}

.a_button_row2 .login {
    border: 1px solid #ff8800;
    background-color: #FFBB33;
}

.a_button_row2 li a.h-mini {
    height: 25px;
    line-height: 20px;
    padding: 3px 0;
}

.a_button_row2 li a.h-middle {
    height: 20px;
    line-height: 1.2em;
    padding-top: 10px;
    padding-bottom: 5px;
    margin: 0 0;
}

.a_button_row2 li a.h-big {
    height: 44px;
    line-height: 1.2em;
    padding-top: 12px;
    padding-bottom: 5px;
    margin: 0 0;
}

.a_button_row2 li a.square {
    height: 118px;
    width: 135px;
    line-height: 1.2em;
    padding-top: 12px;
    padding-bottom: 5px;
    margin: 0 auto;
}

.a_button_row2 li a.square img {
    height: 84px;
    margin: 0 auto 7px auto;
}

.a_button_row2 .explain {
    margin: 2px 0;
    line-height: 1.3em;
}


/* 2列並びa属性用ボタン(タブ表示) ul属性1つのliタグにボタン1つ(色：通常ボタンデフォルト) */

.a_tab_row2 {
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: 1px;
    z-index: 1;
}

.a_tab_row2 li {
    width: 48.5%;
    text-align: center;
    float: left;
}

.a_tab_row2 li:nth-child(2n+1) {
    margin: 5px 0.5% 0 0.5%;
}

.a_tab_row2 li:nth-child(2n) {
    margin: 5px 0 0 0.5%;
}

.a_tab_row2 a {
    display: block;
    width: 100%;
    padding: 12px 0;
    text-align: center;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 10px 10px 0 0;
}


/* 各種ボタン */

.a_tab_row2 .selected {
    background-color: #ddd;
    color: #333;
}


/* a属性用ボタン 1個用 */

.add_button_row {
    min-height: 60px;
    text-align: center;
    padding: 3px 0 2px 0;
}

.add_button_row a {
    position: relative;
    display: inline-block;
    height: 54px;
    padding: 3px 8px;
    margin: 3px 0;
    font-size: 16px;
    line-height: 54px;
    text-align: center;
    text-overflow: ellipsis;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #bfbfbf;
    background-color: #f2f2f2;
}

.add_button_row .h-mini {
    height: 30px;
    line-height: 30px;
    font-size: 13px;
}

.add_button_row .h-mini_row2 {
    height: 30px;
    line-height: 15px;
    font-size: 13px;
}


/* 通常ボタン */

.add_button_row .normal {
    border: 1px solid #bfbfbf;
    background-color: #f2f2f2;
}


/* ログインボタン */

.add_button_row .login {
    border: 1px solid #ff8800;
    background-color: #FFBB33;
    color: #fff;
}


/* 課金ボタン */

.add_button_row .regist {
    border: 1px solid #CC0000;
    background-color: #FF4444;
    color: #fff;
}


/* Link list
   1行アロー付
-------------------------------------------------------------------------------- */

.link_list ul * {
    box-sizing: border-box;
}

.link_list ul {
    display: inline-block;
    width: 100%;
}

.link_list li {
    width: auto;
    margin: 0 12px;
    height: auto;
    line-height: 32px;
    overflow: hidden;
    border-bottom: 1px solid #eeeeee;
}

.link_list li>a {
    display: block;
    padding-right: 22px;
    margin-right: 2.5%;
    margin-left: 2.5%;
    background-image: url("https://vmimg.vm-movie.jp/icon/vm_appli/common/next_arrow.png");
    background-repeat: no-repeat;
    background-position: bottom 50% right 5px;
    background-position: right;
    background-size: 12px 12px;
    color: #666;
    margin-left: 0;
    margin-right: 0;
}

.link_list li>a.ssl {
    background-image: url("https://vmimg.vm-movie.jp/icon/vm_appli/common/next_arrow.png");
    background-size: 12px 12px;
}

.link_list li div {
    position: relative;
}

.link_list li.no_allow>a {
    background-image: none;
    padding-right: 0;
}

.link_list li>div {
    padding-left: 2.5%;
    padding-right: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.link_list li a>div {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #666;
}

.link_list li a>div.add_right>div.righting {
    float: right;
}

.link_list li a>div.add_right>div {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.link_list li.top_border {
    border-top: 1px solid #eee;
}

.link_list li.bottom_border {
    border-bottom: 1px solid #eee;
}

.link_list li div.add_icon_row img {
    top: 12px;
}

.link_list li div.subs_icon_row img {
    height: 24px;
    margin-right: 5px;
    position: relative;
    top: 6px;
}

.link_list li.blank {
    height: 0px;
}


/* Link Bar list
   4列アロー付
-------------------------------------------------------------------------------- */

.link_bar_list ul {
    display: block;
    width: 95%;
    margin: 0 auto;
}

ul.link_bar_list {
    border: 0px solid #ff0000;
    margin: 14px 10px 0 10px;
    height: auto;
    display: block;
}

.link_bar_list li {
    width: 24%;
    float: left;
    margin-right: 1%;
    margin-bottom: 5px;
    /*height: 30px;*/
    overflow: visible;
    height: auto;
}

.link_bar_list li:last-child {
    width: 25%;
    margin-right: 0;
}

.link_bar_list li>a {
    display: block;
    /*margin: 3px 2.5%; height: 18px; width: 95%;*/
    background-color: #eeeeee;
    border-radius: 1em;
    overflow: visible;
    height: auto;
    /* height: 24px; */
    padding: 0 0;
    /*margin: 0 2px;*/
}

.link_bar_list li>a:last-child {
    margin: 0;
}

.link_bar_list li>a>div {
    padding: 4px 0;
    line-height: 24px;
    font-size: 12px;
    color: #ffffff;
    font-weight: normal;
    letter-spacing: 0;
    color: #666666;
    font-weight: bold;
}

.link_bar_list li:nth-of-type(4n) a>div {
}

.link_bar_list li>div {
    display: block;
    margin: 0 8%;
    width: 84%;
    border: 0;
}

.link_bar_list li a>div {
    width: 100%;
    line-height: 18px;
    border-right: 1px solid #bfbfbf;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-right: 0;
    display: block;
}

.link_bar_list li .no_right {
    border-right: 0;
}


/* Genre Bar
    ジャンルバー
-------------------------------------------------------------------------------- */

ul.midashi_bar {
    margin: 14px 0 10px;
}

ul.midashi_bar:before {
    clear: both;
}

.midashi_bar li {
    position: relative;
    clear: left;
    width: 100%;
    padding: 4px 0;
    line-height: 24px;
    background-color: #dddddd;
    color: #ffffff;
}

.midashi_bar li.h-small {
    height: 18px;
    line-height: 18px;
}

.midashi_bar li .indent_1col {
    font-weight: bold;
    font-weight: normal;
}

.midashi_bar h3, .midashi_bar h4 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #555;
    font-size: 14px;
    letter-spacing: 0.1em;
    border: 0 solid #333333;
    padding: 0 !important;
    text-indent: 12px;
}

.midashi_bar .more_link {
    display: block;
    width: auto;
    float: right;
    overflow: hidden;
    background-image: url("https://vmimg.vm-movie.jp/icon/vm_appli/common/next_arrow.png");
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 12px 12px;
    background-color: #ffffff;
    border-radius: 1em;
    padding: 0 15px 0 30px;
    margin: 0 10px;
}

.midashi_bar .more_link_ssl {
    display: block;
    width: 30%;
    margin-right: 2.5%;
    float: right;
    overflow: hidden;
    padding-right: 16px;
    background-image: url("https://vmimg.vm-movie.jp/icon/vm_appli/common/next_arrow.png");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 12px 12px;
}

.midashi_bar .more_link a {
    display: block;
    line-height: 24px;
    display: block;
    text-align: right;
    overflow: hidden;
    color: #666;
}

.midashi_bar .h-small .more_link, .midashi_bar .h-small .more_link a {
    line-height: 24px;
}

.midashi_bar .fl_right {
    float: right;
    margin-right: 2.5%;
}

.midashi_bar .category>h3, .midashi_bar .category>h2, .midashi_bar .category>div {
    margin-left: 2.5%;
}

.midashi_bar .right_top_icon {
    position: absolute;
    right: 5px;
    top: -10px;
}

.midashi_bar .right_top_icon>div {
    width: auto;
    float: left;
    margin-left: 5px;
}

.midashi_bar .right_top_icon .nod_img {
    height: 28px;
}


/* 追加読み込みリンクバー */

.readmore_bar {
    display: inline-block;
    width: 100%;
    height: 28px;
    line-height: 28px;
}

.readmore_bar li {
    width: 95%;
    margin: 0 auto;
}

.readmore_bar li.middle {
    width: 60%;
    margin: 0 auto;
}

.readmore_bar a {
    display: block;
    width: 100%;
    text-align: center;
    border: 1px solid #bfbfbf;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #dfe2e8;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.readmore_bar a div:hover {
    color: #3366cc;
}

.readmore_bar:after {
    content: ".";
    clear: left;
    height: 0;
    width: 0;
    display: block;
    visibility: hidden;
}


/* 追加読み込み文字 */

.readmore_msg_bar {
    clear: left;
    position: relative;
    display: block;
    width: 95%;
    margin: 14px 10px 20px 10px;
    text-align: center;
}

.readmore_msg_bar a {
    background-color: #f5f5f5;
    border-radius: 1em;
    display: block;
    padding: 0;
}

.readmore_msg_bar h3 {
    line-height: 14px;
    font-weight: normal;
    font-size: 12px;
    padding: 8px;
    font-weight: bold;
    color: #666666;
}

.readmore_msg_bar .righting {
    position: absolute;
    bottom: -20px;
    right: 0;
    line-height: 20px;
    font-size: 10px;
}


/*
 サムネイルリスト
-------------------------------------------------------------------------------- */

.large_view {
    width: 100%;
    display: block;
    clear: both;
}

.large_view>li {
    position: relative;
    width: 95%;
    min-height: 68px;
    margin: 5px auto 10px;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 3px;
}

.large_view>li>a {
    display: block;
    height: 68px;
    padding: 2px;
    line-height: 19px;
    background-color: #fff;
}

.large_view .thumb_block {
    position: relative;
    float: left;
    width: 60px;
    height: 60px;
    border: 0px solid #fff;
    margin: 0 10px 0 0;
    overflow: hidden;
}

.large_view .thumb_block img {
    position: relative;
    width: 64px;
    top: -2px;
    left: -2px;
}

.large_view .thumb_block:after {
    content: url("https://vmimg.vm-movie.jp/icon/vm_appli/blank.gif");
    background-color: #fff;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
}

.large_view .thumb_block_story {
    position: relative;
    float: left;
    height: 60px;
    border: 1px solid #fff;
    margin: 3px;
    overflow: hidden;
}

.large_view .thumb_block_story img {
    height: 60px;
}

.large_view .thumb_block_story:after {
    content: url("https://vmimg.vm-movie.jp/icon/vm_appli/blank.gif");
    background-color: #fff;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
}

.large_view .thumb_block_cast {
    position: relative;
    float: left;
    width: 60px;
    height: 60px;
    border: 1px solid #fff;
    margin: 3px;
    text-align: center;
    overflow: hidden;
}

.large_view .thumb_block_cast>img {
    position: relative;
    width: 100%;
}

.large_view .thumb_block_cast:after {
    content: url("https://vmimg.vm-movie.jp/icon/vm_appli/blank.gif");
    background-color: #fff;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
}

.large_view .thumb_block_cast .crop_img {
    position: absolute;
    width: 60px;
    height: 60px;
    overflow: hidden;
}

.large_view .thumb_block_cast .crop_img img {
    position: absolute;
    top: 0px;
    left: 0px;
}


/* タイトル表記 */

.large_view .title {
    position: relative;
    height: 20px;
    padding: 3px 0 0 0;
    margin: 0 0 3px 66px;
    overflow: hidden;
    z-index: 2;
}

.large_view .title h3 {
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 22px;
    color: #333333;
    font-size: 14px;
    letter-spacing: 0.0em;
}

.large_view .story_title {
    position: relative;
    height: 16px;
    line-height: 16px;
    padding: 3px 0 0 0;
    margin: 0 0 3px 66px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    z-index: 2;
}


/* サムネイル説明内 説明文用 */

.large_view .explain {
    position: relative;
    height: 28px;
    line-height: 14px;
    font-size: 12px;
    margin: 2px 0 0px 0;
    z-index: 2;
    overflow: hidden;
    color: #bbb;
}


/* ランキング */

.large_view .ranking {
    position: absolute;
    font-size: 70px;
    font-weight: 700;
    height: 0;
    opacity: 0.5;
    color: #d0e0ff;
    right: 5px;
    top: 35px;
    z-index: 1;
}

.large_view .add_right {
    position: relative;
    height: 18px;
    line-height: 18px;
    right: 3px;
    text-align: right;
    float: right;
}

.large_view .add_right img.mini {
    position: relative;
    top: 1px;
}


/* アイコン設定行 */

.large_view .icon_list {
    position: absolute;
    display: inline;
    height: 0;
    top: -8px;
    left: -3px;
    z-index: 5;
    /*display: none;*/
}

.large_view .icon_list img {
    position: relative;
    height: 18px;
}

.large_view .icon_list div {
    position: relative;
}

.large_view .icon_list .mihoudai_word {
    display: inline-block;
    padding: 2px 4px;
    top: 1px;
}

.large_view .add_righttop {
    position: absolute;
    display: inline;
    height: 0;
    top: -9px;
    right: -5px;
    z-index: 5;
}

.large_view .add_righttop a {
    position: relative;
    display: block;
}

.large_view .add_righttop img {
    height: 20px;
}

.large_view .add_lefttop {
    position: absolute;
    display: inline;
    height: 0;
    top: -9px;
    left: -5px;
    z-index: 5;
}

.large_view .add_lefttop a {
    position: relative;
    display: block;
}

.large_view .add_lefttop img {
    height: 20px;
}

.large_view .pickup_list {
    display: block;
    width: 100%;
    margin-top: 5px;
}

.large_view .pickup_list li {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    background-image: url("https://vmimg.vm-movie.jp/icon/vm_appli/common/next_arrow.png");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 12px 12px;
}

.large_view .pickup_list li:nth-last-of-type(1) {
    margin-bottom: 0px;
}

.large_view .pickup_list a {
    display: block;
    height: 20px;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.large_view .pickup_list li a>div {
    padding-right: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #666;
}

.large_view .pickup_list .date_area {
    float: left;
    height: 16px;
    line-height: 16px;
    padding: 1px 2px;
    border: 1px solid #bfbfbf;
    background-color: #f3f3f3;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-right: 3px;
}

.large_view .nod_icon_list {
    position: relative;
    height: 18px;
    line-height: 18px;
    right: 3px;
    text-align: right;
}

.large_view .left {
    float: left;
    margin-left: 5px;
}

.large_view .nod_icon_list img {
    position: relative;
    height: 14px;
}


/* Banner View
    バナーリスト
-------------------------------------------------------------------------------- */

.banner_view {
    position: relative;
    display: block;
    width: 100%;
}

.banner_view>li {
    position: relative;
    width: 95%;
    margin: 10px auto;
    margin: 10px 10px 10px 10px;
    border-bottom: 1px solid #eeeeee;
}

.banner_view>li>a {
    display: block;
    background-color: #fff;
    padding: 0;
    padding-bottom: 6px;
}

.banner_view .banner_img {
    position: relative;
    min-height: 60px;
    width: 100%;
    margin-bottom: 2px;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid #eeeeee;
    margin-bottom: 0;
}

.banner_view .banner_img img {
    display: block;
    width: calc(100% + 4px);
    height: auto;
    margin: -2px;
}

.banner_view .banner_link {
    display: block;
    height: 36px;
}

.banner_view .banner_link .title {
    height: 20px;
    width: 100%;
}

.banner_view .banner_link .title h3 {
    line-height: 22px;
    padding-left: 2px;
    color: #333333;
    font-size: 14px;
    letter-spacing: 0.0em;
    padding-left: 0;
}

.banner_view .banner_link_series .title h3 {
    line-height: 20px;
    padding-left: 2px;
    white-space: normal;
}

.banner_view .banner_link .explain {
    color: #bbb;
    line-height: 16px;
    height: auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 12px;
}

.banner_view .banner_link .fod_icon {
    height: 15px;
    float: right;
    margin-left: 2px;
}

.banner_view .banner_link .nod_explain img {
    height: 13px;
    float: right;
    margin: 0 2px;
}

.banner_view .banner_link .nod_explain div {
    color: #808080;
    line-height: 16px;
    height: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.banner_view .icon_list { /* ここを修正！！！１ */
    position: absolute;
    display: inline;
    height: 0;
    top: -6px;
    left: -3px;
    z-index: 3;
    /*display: none;*/
}

.banner_view .icon_list img,
.a480_view .icon_list img {
    position: relative;
    height: 18px;
    margin-right: 2px;
}

.banner_view .icon_list div,
.a480_view .icon_list div {
    position: relative;
    display: inline-block;
    margin-right: 2px;
}

.banner_view .icon_list .free_word,
.a480_view .icon_list .free_word {
    /*display: inline-block;*/
    display: none;
    padding: 2px 3px 2px 4px;
    top: 1px;
}

.banner_view .pickup_list {
    display: block;
    width: 100%;
    margin: 0px auto 10px 0;
}

.banner_view .pickup_list li {
    position: relative;
    width: 100%;
    height: 20px;
    margin-bottom: 10px;
    background-image: url("https://vmimg.vm-movie.jp/icon/vm_appli/common/next_arrow.png");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 12px 12px;
}

.banner_view .pickup_list li:nth-last-of-type(1) {
    margin-bottom: 0px;
}

.banner_view .pickup_list a {
    display: block;
    height: 20px;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.banner_view .pickup_list li a>div {
    padding-right: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #666;
}

.banner_view .pickup_list .date_area {
    float: left;
    height: 16px;
    line-height: 16px;
    padding: 1px 2px;
    border: 1px solid #bfbfbf;
    background-color: #f3f3f3;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-right: 3px;
}


/* 保存防止 */

.banner_view .banner_img:after {
    /*content: url("https://vmimg.vm-movie.jp/icon/vm_appli/blank.gif");
 background-color: transparent; width: 100%; height: 100%;
 display: block; position: absolute; top: 0px; left: 0;*/
}



/* a480 View
    a480リスト
-------------------------------------------------------------------------------- */

.a480_view {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 6px;
}
.a480_view > li{
    position: relative;
    width: 50%;
    float: left;
    margin: 0 0 24px 0;
}
.a480_view .banner_img{
    margin: 0 0 4px 0;
    padding: 0 18px;
    border-right: 1px solid #eee;
}
@media screen and (max-width: 540px) {
    .a480_view > li:nth-of-type(2n) .banner_img{
        border-right: none;
    }
}
@media screen and (min-width: 540px) {
    .a480_view > li{
        width: 33.33%;
        margin: 0 0 24px 0;
    }
    .a480_view > li:nth-of-type(3n) .banner_img{
        border-right: none;
    }
}
.a480_view .banner_img img{
    width: 100%;
}
.a480_view .banner_link{
    padding: 0 10px;
}
.a480_view h3{
    line-height: 22px;
    color: #333333;
    font-size: 14px;
}
.a480_view .explain{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #bbb;
}
.a480_view .icon_list {
    position: absolute;
    display: inline;
    height: 0;
    top: 0;
    left: 10px;
    z-index: 3;
}
.a480_view .banner_link .fod_icon{
    display: none;
}



/*
 コレクションリスト
-------------------------------------------------------------------------------- */

.collection_list {
    width: 100%;
    display: block;
    margin: 10px 0;
    box-sizing: border-box;
}

.collection_list li {
    position: relative;
    width: 25%;
    float: left;
}

.collection_list li a {
    width: 100%;
    text-align: center;
    display: block;
}

.collection_list li a img {
    display: block;
    width: 96%;
    margin: 0 auto;
}

.collection_list li a:after {
    content: url("https://vmimg.vm-movie.jp/icon/vm_appli/blank.gif");
    background-color: #fff;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
}

.collection_list:after {
    content: ".";
    clear: left;
    display: block;
    height: 0;
    width: 0;
    visibility: hidden;
}


/* サイトシール */
.ssl_seal {
  text-align: center;
}
.ssl_seal table {
  display: inline-block;
}
.ssl_seal table a {
  display: block;
}
.ssl_seal table a img {
  width: 80px !important;
  height: auto !important;
}


/* SBPS画像エリア */

.credit_img_list {
    width: 100%;
    height: 60px;
    position: relative;
    display: block;
}

.credit_img_list>div {
    position: relative;
    float: left;
    width: 50%;
}

.credit_img_list div.img_area>div {
    position: relative;
    width: 100%;
    height: 60px;
}

.credit_img_list .img_area .card_img {
    position: absolute;
    width: 75%;
    right: 2.5%;
    bottom: 0;
    z-index: 2;
}

.credit_img_list .img_area .card_img>img {
    width: 100%;
}

.credit_img_list .img_area .card_img .allow_img {
    position: absolute;
    width: 130%;
    right: 3%;
    top: 38%;
    z-index: 3;
}

.credit_img_list .img_area .card_img .allow_img img {
    width: 100%;
}

/* キャストリスト（1行4）
-------------------------------------------------------------------------------- */

.cast_list {
    display: inline-block;
    width: 95%;
    margin: 0 2.5%;
}

.cast_list li {
    position: relative;
    width: 21%;
    margin: 0 4% 0 0;
    float: left;
}


/*.cast_list li:nth-child(4n) {
 margin: 5px 0;
}*/

.cast_list a {
    display: block;
    padding: 3px 0;
    text-align: center;
    z-index: 2;
}

.cast_list .thumb_block {
    position: relative;
    width: 100%;
    margin: 0 auto 5px auto;
    border: 2px solid #fff;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
    /* Firefox用 */
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
    /* Safari用 */
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
    /* Common */
    overflow: hidden;
}

.cast_list .thumb_block:after {
    content: url("https://vmimg.vm-movie.jp/icon/vm_appli/blank.gif");
    background-color: #fff;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
}

.cast_list .thumb_block>img {
    display: block;
    position: relative;
    width: 100%;
}

.cast_list .thumb_block .crop_img {
    position: relative;
    overflow: hidden;
    width: auto;
    height: auto;
}

.cast_list .thumb_block .crop_img a {
    display: block;
    position: relative;
}

.cast_list .thumb_block .crop_img img {
    display: block;
    position: absolute;
    width: auto;
    height: auto;
    top: 0px;
    left: 0px;
}

.cast_list .sentence {
    width: 100%;
    text-align: center;
    height: 16px;
    line-height: 16px;
    margin: 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #666;
}

.cast_list:after {
    position: absolute;
    content: ".";
    clear: both;
    height: 0;
    width: 0;
    display: block;
    visibility: hidden;
}


/* 検索ボックス */

.search_bar {
    position: relative;
    width: 95%;
    margin: 10px auto;
    height: 30px;
    border: 1px solid #bfbfbf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
}

.search_bar .sub_btn {
    position: relative;
    display: block;
    width: 10%;
    height: 100%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #bfbfbf;
    text-align: center;
}

.search_bar .sub_btn img {
    height: 90%;
    margin: 2px auto;
}

.search_bar .search_box {
    position: relative;
    top: 0px;
    float: left;
    height: 100%;
    width: 90%;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

.search_bar .search_box:hover>search_box {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

.search_bar .search_box input {
    position: relative;
    display: block;
    width: 99%;
    height: 26px;
    line-height: 26px;
    padding: 0;
    margin: 0;
    border: 1px solid transparent;
    text-align: left;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
}


/*LMark View
    エルマーク
-------------------------------------------------------------------------------- */

.lmark_view {
    width: 95%;
    margin: 5px auto;
    min-height: 24px;
    line-height: 12px;
    font-size: 0.75em;
}

.lmark_view img {
    float: left;
    width: 16px;
    margin: 4px 4px 4px 0;
}

/*footer
-------------------------------------------------------------------------------- */
.c-footer{
    background-color: #fafafa;
}


/* MyPage コース
-------------------------------------------------------------------------------- */

.myregist_list {
    width: 92%;
    margin: 15px auto;
}

.myregist_list>li {
    width: 100%;
}

.myregist_list li.bottom_border {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 3px solid #bfbfbf;
}

.myregist_list>li ul {
    width: 100%;
    display: inline-block;
}

.myregist_list>li ul li {
    height: 24px;
}

.myregist_list>li ul li:nth-child(3n+1) {
    width: 75px;
    float: right;
}

.myregist_list>li ul li:nth-child(3n+2) {
    text-align: right;
    float: right;
}

.myregist_list>li ul li:nth-child(3n) {
    width: 98%;
    padding-right: 2%;
}

.myregist_list>li ul li:nth-child(3n).right_set {
    width: 70%;
    margin-left: 28%;
}

.square_list {
    display: block;
    position: relative;
    width: 95%;
    margin: 0 2.5%;
}

.square_list li {
    width: 100%;
    height: 44px;
    margin: 5px 0 5px 0;
    float: left;
}

.square_list li.column2 {
    width: 48%;
    height: 44px;
    margin-right: 4%;
}

.square_list li.column2:nth-child(2n) {
    margin-left: 0%;
    margin-right: 0%;
}

.square_list li.column3 {
    width: 32%;
    height: auto;
    margin-right: 2%;
}

.square_list li.column3:nth-child(3n) {
    margin-left: 0%;
    margin-right: 0%;
}

.square_list li a img {
    display: block;
    height: 44px;
    margin: 0 auto;
}

.square_list li.column4 {
    width: 24%;
    margin-right: 1%;
}

.square_list li.column4:nth-child(4n) {
    margin-left: 0%;
    margin-right: 0%;
}

.square_list li>a, .square_list li>div {
    display: table;
    width: 100%;
    -webkit-border-radius: 1.5em;
    border-radius: 1.5em;
    background-color: #eee;
    height: 44px;
    vertical-align: middle;
    text-align: center;
}

.square_list li>form>input {
    display: block;
    border: 1px solid #bfbfbf;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #f2f2f2;
    height: 35px;
    width: 100%;
    text-align: center;
}

.square_list li .select, .square_list li>form>input .select {
    background-color: #d9d9d9;
}

.square_list li .select {
    background-color: #d9d9d9;
}

.square_list li>a h1, .square_list li>a h2, .square_list li>a h3, .square_list li>a div, .square_list li>div h2, .square_list li>div h3, .square_list li>div div {
    line-height: 44px;
    overflow: hidden;
}

.square_list:after {
    content: ".";
    clear: left;
    display: block;
    height: 0;
    width: 0;
    visibility: hidden;
}

.square_list li.h-small {
    height: 30px;
    margin-bottom: 8px;
}

.square_list li.h-small>a {
    height: 30px;
}

.square_list li.h-small>a h2, .square_list li.h-small>a h3, .square_list li.h-small>a div {
    line-height: 30px;
}

.square_list li.col2>a div {
    display: table-cell;
    margin-top: 14px;
    /*height: 28px;*/
    line-height: 1.2em;
    vertical-align: middle;
    padding: 0 5px;
}

.square_list li.col2>div {
    padding-top: 14px;
    height: 28px;
    line-height: 1.2em;
}

.square_list li.ln2>a div {
    margin-top: 10px;
    height: 28px;
    line-height: 1.2em;
}

.square_list li.col2>a div.line3 {
    margin-top: 2px;
    padding-top: 2px;
    height: 38px;
    line-height: 1em;
}


/*Small Icon list
    小アイコンリスト（1行2アイコン）
-------------------------------------------------------------------------------- */

.small_table_list {
    width: 95%;
    margin: 0 auto;
}

.small_table_list li {
    position: relative;
    width: 48%;
    padding-right: 2%;
    height: 44px;
    float: left;
}

.small_table_list li.col1 {
    width: 100%;
    padding-right: 0;
}

.small_table_list li.col3 {
    width: 33%;
    padding-right: 0.5%;
}

.small_table_list li.col3:nth-child(3n+2) {
    width: 33%;
    padding-right: 0;
}

.small_table_list a, .small_table_list>div {
    display: block;
    line-height: 44px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.small_table_list:after {
    content: ".";
    clear: both;
    height: 0;
    width: 0;
    display: block;
    visibility: hidden;
}


/*Small 3Bar list
    小バーありリスト（1行3アイコン）
-------------------------------------------------------------------------------- */

.small_3bar_list {
    width: 95%;
    margin: 18px 0;
    margin-left: 10px;
    display: inline-block;
    text-align: center;
    border: 1px solid #bfbfbf;
    border-bottom: 0;
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    /* Firefox用 */
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    /* Safari,Google */
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    /* 共通 */
}

.small_3bar_list li {
    position: relative;
    width: 33%;
    height: 44px;
    text-align: center;
    background: white;
    float: left;
    border-right: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
}

.small_3bar_list li:nth-child(3n) {
    border-right: 0;
}

.small_3bar_list li:nth-child(n+4) {
    border-top: 1px solid #bfbfbf;
}

.small_3bar_list li.select {
    background: #f3f3f3;
}

.small_3bar_list a {
    display: block;
    width: 100%;
    height: 26px;
    line-height: 26px;
    margin: 9px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.small_3bar_list img {
    width: 20px;
    height: 20px;
    margin: 0 10px 0 5px;
}


/* ポップアップダイアログ blockDI用 */

.appli_dl_dialog {
    width: 80%;
    display: none;
    position: relative;
    height: auto;
    margin: 0 auto;
    -webkit-border-radius: 3px;
    border-radius: 8px;
}

.appli_dl_dialog .bg_cover {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 3px;
    border-radius: 8px;
    background-color: #fff;
    z-index: 3;
}

.appli_dl_dialog .contain {
    position: relative;
    width: 100%;
    display: block;
    opacity: 1;
    background-color: transparent;
    z-index: 4;
}

.appli_dl_dialog .contain>div {
    padding: 12px;
}

/* ポップアップダイアログ */

.dialog {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}
.dont-show {
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}
.is-show {
    opacity: 1;
    visibility: visible;
}
.dialog-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 80%;
    max-width: 288px;
    padding: 12px;
    background-color: #fff;
    z-index: 2;
    border-radius: 8px;
}
.black-background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    z-index: 1;
    cursor: pointer;
}


/* 決済方法選択フォーム */

.image_button_2list {
    width: 80%;
    margin: 3px auto 10px auto;
}

.image_button_2list li {
    text-align: center;
    float: left;
    position: relative;
    width: 130px;
    height: 130px;
    background: #d6d6d6;
    margin: 5px auto;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #bfbfbf;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.image_button_2list li:nth-child(2n+1) {
    margin-right: 20px;
}

.image_button_2list li img {
    width: 60%;
    margin: 10px auto;
}

.image_button_2list li a {
    width: 100%;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    z-index: 3;
}


/*
 * 吹き出し用
 */

// リスト化使用用
.square_hukidashi ul {
    width: 100%;
    position: relative;
}

.square_hukidashi>li {
    position: relative;
    width: 95%;
    max-width: 360px;
    height: 24px;
    line-height: 24px;
    margin: 5px auto;
    padding: 3px;
    border: 1px solid #909090;
    background-color: white;
    -moz-box-shadow: 3px 3px 3px #777;
    /* Firefox用 */
    -webkit-box-shadow: 3px 3px 3px #777;
    /* Safari用 */
    box-shadow: 3px 3px 3px #777;
    /* Common */
}

.square_hukidashi a>li {
    position: relative;
    width: 95%;
    max-width: 360px;
    height: 24px;
    line-height: 24px;
    margin: 5px auto;
    padding: 3px;
    border: 1px solid #909090;
    background-color: white;
    -moz-box-shadow: 3px 3px 3px #777;
    /* Firefox用 */
    -webkit-box-shadow: 3px 3px 3px #777;
    /* Safari用 */
    box-shadow: 3px 3px 3px #777;
    /* Common */
}

.square_hukidashi li a {
    display: block;
    width: 100%;
    height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/* 縦幅 中 */

.square_hukidashi li.h-middle {
    height: 44px;
    line-height: 44px;
}

.square_hukidashi li.h-middle a {
    height: 44px;
}

.square_hukidashi .title_row {
    height: 16px;
    padding: 7px 3.5px;
    overflow: hidden;
}

.square_hukidashi .title_row .icon {
    width: 16px;
    height: 16px;
    float: left;
}

.square_hukidashi .title_row .icon img {
    width: 16px;
    height: 16px;
    margin: 0 2px;
}

.square_hukidashi .title_row .midashi {
    font-size: 16px;
    margin: 0 2px;
    color: #274a78;
    font-weight: 700;
}

.square_hukidashi .title_row .explain {
    line-height: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/* 吹き出し+ボタン行 */

.square_hukidashi_bar {
    position: relative;
    width: 95%;
    height: 30px;
    padding: 3px 0;
    max-width: 360px;
    margin: 5px auto;
    overflow: hidden;
}

.square_hukidashi_bar>.msg_area {
    position: relative;
    width: 76%;
    height: 24px;
    line-height: 24px;
    background-color: white;
    border: 1px solid #909090;
    -moz-box-shadow: 3px 3px 3px #777;
    /* Firefox用 */
    -webkit-box-shadow: 3px 3px 3px #777;
    /* Safari用 */
    box-shadow: 3px 3px 3px #777;
    /* Common */
    padding: 3px;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.square_hukidashi_bar>.gray_button {
    position: relative;
    display: block;
    width: 16%;
    height: 32px;
    line-height: 32px;
    text-align: center;
    margin-left: 2%;
    margin-right: 1%;
    background: -webkit-gradient(linear, left top, left bottom, from(#E8E8E8), to(#626262), color-stop(0.95, #AFAFAF), color-stop(0.96, #929292), color-stop(0.97, #757575));
    -moz-box-shadow: 3px 3px 3px #777;
    /* Firefox用 */
    -webkit-box-shadow: 3px 3px 3px #777;
    /* Safari用 */
    box-shadow: 3px 3px 3px #777;
    /* Common */
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 1px 1px 1px rgba(190, 190, 190, 0.7);
    font-weight: 700;
    float: right;
}

.square_hukidashi_bar .gray_button a {
    display: block;
    width: 100%;
}


/* スクエアー吹き出し フリーサイズ */

.square_hukidashi_area ul {
    width: 100%;
    position: relative;
}

.square_hukidashi_area>li {
    position: relative;
    width: 95%;
    max-width: 360px;
    margin: 5px auto;
    padding: 3px;
    border: 1px solid #909090;
    background-color: white;
    -moz-box-shadow: 3px 3px 3px #777;
    /* Firefox用 */
    -webkit-box-shadow: 3px 3px 3px #777;
    /* Safari用 */
    box-shadow: 3px 3px 3px #777;
    /* Common */
}

.square_hukidashi_area li.no_border {
    border: 0;
}


/* Noticeエリア */

.square_notice_bar {
    position: relative;
    width: 95%;
    max-width: 360px;
    margin: 5px auto;
    background-color: white;
    -moz-box-shadow: 3px 3px 3px #777;
    /* Firefox用 */
    -webkit-box-shadow: 3px 3px 3px #777;
    /* Safari用 */
    box-shadow: 3px 3px 3px #777;
    /* Common */
    overflow: hidden;
}

.square_notice_bar>p {
    position: relative;
    width: 100%;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: orange;
    color: white;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
}

.square_notice_bar>div {
    position: relative;
    width: 98%;
    min-height: 20px;
    padding-top: 7px;
    padding-bottom: 7px;
    line-height: 1.3em;
    text-shadow: 1px 1px 1px rgba(190, 190, 190, 0.7);
    font-weight: 700;
}


/* スクエアーリンク 横並び 幅自由 */

.square_free_list {
    display: block;
    position: relative;
    width: 95%;
    margin: 10px 2.5%;
    height: auto;
}

.square_free_list::after {
    clear: both;
}

.square_free_list li {
    width: auto;
    float: left;
    margin-bottom: 10px;
}

.square_free_list a {
    display: block;
}

.square_free_list li>a, .square_free_list li>div {
    display: block;
    /*border: 1px solid #bfbfbf;*/
    -webkit-border-radius: 1em;
    border-radius: 1em;
    background-color: #eee;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    margin: 0 5px 0 0;
    text-align: center;
    color: #666;
}

.square_free_list li:nth-last-of-type(1) {
    margin-bottom: 10px;
}


/* 字幕・吹替えアイコン */

.jimaku {
    width: 0px;
    display: inline;
}

.jimaku.flag1:before {
    content: "吹";
    display: inline-block;
    padding: 2px;
    color: #fff;
    font-size: 10px;
    line-height: 1;
    background-color: #999;
    border-radius: 2px;
    vertical-align: baseline;
}

.jimaku.flag2:after {
    content: "字";
    display: inline-block;
    padding: 2px;
    margin-right: 4px;
    color: #fff;
    font-size: 10px;
    line-height: 1;
    background-color: #999;
    border-radius: 2px;
    vertical-align: text-top;
}

.jimaku.flag3 {
    display: inline;
    color: #fff;
    margin: 0 0.3em 0 0;
    padding: 0.18em 0.1em 0.08em 0.1em;
    font-weight: normal;
    line-height: 1;
    background-color: #999;
    border-radius: 2px;
    vertical-align: middle;
    font-size: 80%;
    position: relative; //top: -1px;
}

.jimaku.flag3:before {
    content: "吹";
    display: inline-block;
}

.jimaku.flag3:after {
    content: "(字幕付)";
    font-size: 80%;
    display: inline-block;
    vertical-align: baseline;
    margin: 0 0.3em 0 0;
}

.jimaku.flag4:before {
    content: "吹";
    display: inline-block;
    padding: 2px;
    margin-right: 4px;
    color: #fff;
    font-size: 10px;
    line-height: 1;
    background-color: #999;
    border-radius: 2px;
    vertical-align: text-top;
}

.jimaku.flag4:after {
    content: "字";
    display: inline-block;
    padding: 2px;
    margin-right: 4px;
    color: #fff;
    font-size: 10px;
    line-height: 1;
    background-color: #999;
    border-radius: 2px;
    vertical-align: text-top;
}


/*** コレクションページ用 ***/

.collectionBanner {
    width: 95%;
    margin: 0 auto;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #fff;
    display: block;
    line-height: 1;
    overflow: hidden;
}

a.collectionBanner:link, a.collectionBanner:visited {
    color: #666;
    text-decoration: none;
    font-size: 90%
}

.collectionBanner img {
    max-width: 100%;
    height: auto;
    border-bottom: 1px solid #ddd;
}

.collectionBanner span {
    display: block;
    text-align: right;
    padding: 0.4em 0.5em;
}


/* 気になる！報告 */

.kininaru {
    margin: 10px auto;
    padding: 0 20px 0 0;
    float: right;
}

.css_btn_class {
    width: 94px;
    display: block;
    font-size: 13px;
    font-family: Arial;
    font-weight: normal;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ffaa22;
    margin: 3px 0 10px 10px;
    padding: 9px 18px;
    text-decoration: none;
    background: -moz-linear-gradient( center top, #ffec64 14%, #ffab23 91%);
    background: -ms-linear-gradient( top, #ffec64 14%, #ffab23 91%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
    background: -webkit-gradient( linear, left top, left bottom, color-stop(14%, #ffec64), color-stop(91%, #ffab23));
    background-color: #ffec64;
    color: #333333;
    display: inline-block;
    text-shadow: 1px 1px 0px #ffee66;
    -webkit-box-shadow: inset 1px 1px 0px 0px #fff6af;
    -moz-box-shadow: inset 1px 1px 0px 0px #fff6af;
    box-shadow: inset 1px 1px 0px 0px #fff6af;
}

.css_btn_class:hover {
    background: -moz-linear-gradient( center top, #ffab23 14%, #ffec64 91%);
    background: -ms-linear-gradient( top, #ffab23 14%, #ffec64 91%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');
    background: -webkit-gradient( linear, left top, left bottom, color-stop(14%, #ffab23), color-stop(91%, #ffec64));
    background-color: #ffab23;
}

.css_btn_class:active {
    position: relative;
    top: 1px;
}

.genre_search_body {
    margin-top: 138px !important;
}

/*** クーポンダイアログ ***/
#couponLoading{
    position: fixed;
    left: 49%;
    top: 49%;
    z-index: 130;
}
#couponOverlay{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 120;
    opacity: 0.6;
    overflow: hidden;
    cursor: wait;
}
#modalWrapper{
    position: absolute;
    left: 0;
    top: 0;
    width: 90%;
    max-width: 980px;
    height: auto;
    z-index: -99;
}
#modalWrapper .modalInner{
    display: none;
    border-radius: 5px;
    background-color: #FFF;
    overflow: hidden;
}
#closeBtn{
    display: none;
}
.couponRed{
    color: #CC0000;
    margin-bottom: 12px;
}
.couponArea{
    padding: 12px 4%;
    box-sizing: border-box;
}
.couponArea > p{
    line-height: 1.5em;
}
.couponArea .ttl{
    font-weight: bold;
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 1.5em;
}
.bgCouponInput{
    width: 100%;
    background-color: #efefef!important;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    border: solid 1px #ddd;
    vertical-align: middle;
    margin-bottom: 12px !important;
    box-shadow: none!important;
    box-sizing: border-box;
}
#couponBtn{
    display: table;
    width: 100%;
}
#couponBtn li{
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}
#couponBtn li a{
    display: block;
    width: 100%;
    background-color: #c9e3f0;
    text-align: center;
    color: #094a9e;
    font-size: 16px;
    padding: 16px 5px;
    cursor: pointer;
}
#couponBtn li:first-child{
    border-right:solid #FFF 1px;
}
#couponBtn li:last-child{
    border-left: solid #FFF 1px;
}
:placeholder-shown {
    color: #CCC;
}
::-webkit-input-placeholder {
    color: #CCC;
}
:-moz-placeholder {
    color: #CCC;
    opacity: 1;
}
::-moz-placeholder {
    color: #CCC;
    opacity: 1;
}
:-ms-input-placeholder {
    color: #CCC;
}


/*** FOD月額見放題サービス　パスポート調整用 ***/
.taJ { text-align: justify;}
.fod-registBtn {
    display: table;
    padding: 10px 0;
}
.fod-registBtn > div {
    display: table-cell;
    vertical-align: middle;
    width: auto !important;
    line-height: 1.5 !important;
}
.fod-registBtn > div img {
    height: 40px;
    vertical-align: middle;
    margin-right: 14px;
}
.taJ { text-align: justify;}