@charset "UTF-8"
    /* ============================================================================================================================
== CSS reset
** ============================================================================================================================ */
    
    * {
        margin: 0;
        padding: 0;
    }
    
    html {
        background: #000;
        color: #FFF;
        text-shadow: 0 1px 1px #000;
        margin: 0 auto !important;
        min-height: 640px;
    }
    html::-webkit-scrollbar {
        display: none; /* Chrome, Safari 対応 */
    }
    
    body {
        width: 320px;
        -webkit-user-select: none;
        -webkit-text-size-adjust: none;
        -ms-text-size-adjust: 100%;
        font: 13px/1 Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
        background-size: 100%;
        margin: 0 auto;
        min-height: 640px;
    }
    
    img {
        vertical-align: bottom;
        max-width: 100%;
        height: auto;
        -webkit-touch-callout: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    
    a {
        color: #FFF;
        text-decoration: none;
        outline: none;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
        display: inline-block;
        cursor: pointer;
    }
    
    h1 {
        display: block;
        font-size: 2em;
        -webkit-margin-before: 0;
        -webkit-margin-after: 0;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        font-weight: bold;
    }
    
    ul,
    ol,
    menu,
    dir {
        list-style: none;
        list-style-type: none;
        -webkit-margin-before: 0;
        -webkit-margin-after: 0;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        -webkit-padding-start: 0px;
        margin: 0;
        padding: 0;
    }
    
    header {
        width: 320px;
    }
    
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    
    td {
        padding: 0;
    }
    
    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    input[type="file"]::-webkit-file-upload-button,
    button {
        align-items: stretch;
        box-sizing: content-box;
        white-space: normal;
        -webkit-appearance: none;
        border: none;
        padding: 0;
    }
    
    input[type="text"] {
        width: 260px;
        vertical-align: middle;
        padding: 5px;
        border-radius: 4px;
        border: 1px #9F66CC solid;
        font-size: 12px;
    }
    
    hr {
        margin: 0;
        padding: 0;
    }
    /* ============================================================================================================================
== common style 1
** ============================================================================================================================ */
    
    .form_small {
        font-size: 1.0em;
    }
    
    .small {
        font-size: 1.0em;
        line-height: 1.3em;
    }
    
    .small2 {
        font-size: 0.8em;
        line-height: 1.1em;
    }
    
    .large {
        font-size: 1.2em;
    }
    
    .ss {
        font-size: 0.7em;
    }
    
    .ll {
        font-size: 1.5em;
    }
    
    .bold {
        font-weight: bold;
    }
    
    .clearfix {
        zoom: 100%;
    }
    
    .clearfix:after {
        content: "";
        height: 0;
        clear: both;
        display: block;
        visibility: hidden;
    }
    /* ============================================================================================================================
== GlobalMenu
** ============================================================================================================================ */
    /*menu*/
    /*汎用ダイアログのポップアップ*/
    
    .title_ {
        height: 22px;
        line-height: 22px;
        background: url(../images/common_img/menu_bar.png) no-repeat;
        background-size: cover;
        color: #e5cb85;
        text-shadow: 1px 1px 1px rgb(0, 0, 0);
        font-size: 14px;
        font-weight: bold;
        text-align: left;
        padding-top: 2px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }
    
    .list_ {
        padding: 6px 0 12px;
    }
    
    .list_ a {
        background: url(../images/common_img/menu_sprite.png);
        background-size: 280px;
        width: 56px !important;
        height: 42px;
        text-indent: -9999px;
    }
    
    .list_ ul {
        display: box;
        display: -webkit-box;
        display: -moz-box;
    }
    
    .list_ li {
        width: 56px;
        border-right: 1px solid #111;
        margin: 1px 0;
    }
    
    .list_ li:nth-child(5) {
        border-right: none;
    }
    
    .list_ div {
        padding: 4px;
        font-size: 15px;
        font-weight: normal;
    }
    /* sprite btn*/
    
    #g-menu-qst {
        background-position: 0 0;
    }
    
    #g-menu-btl {
        background-position: -56px 0;
    }
    
    #g-menu-gch {
        background-position: -112px 0;
    }
    
    #g-menu-pre {
        background-position: -168px 0;
    }
    
    #g-menu-enf {
        background-position: 0 -42px;
    }
    
    #g-menu-evl {
        background-position: -56px -42px;
    }
    
    #g-menu-edk {
        background-position: -112px -42px;
    }
    
    #g-menu-gla {
        background-position: -168px -42px;
    }
    
    #g-menu-alm {
        background-position: -224px -42px;
    }
    
    #g-menu-itm {
        background-position: 0 -84px;
    }
    
    #g-menu-mkt {
        background-position: -56px -84px;
    }
    
    #g-menu-trd {
        background-position: -112px -84px;
    }
    
    #g-menu-prf {
        background-position: 0 -126px;
    }
    
    #g-menu-mem {
        background-position: -56px -126px;
    }
    
    #g-menu-grt {
        background-position: -112px -126px;
    }
    
    #g-menu-bht {
        background-position: -168px -126px;
    }
    
    #g-menu-aht {
        background-position: -224px -126px;
    }
    
    #g-menu-top {
        background-position: 0 -168px;
    }
    
    #g-menu-hpt {
        background-position: -56px -168px;
    }
    
    #g-menu-hlp {
        background-position: -112px -168px;
    }
    
    #g-menu-gacha1 {
        background-position: 0px -210px;
    }
    
    #g-menu-gacha2 {
        background-position: -56px -210px;
    }
    
    #g-menu-gacha3 {
        background-position: -112px -210px;
    }
    
    #g-menu-gacha4 {
        background-position: -168px -210px;
    }
    
    #g-menu-gacha5 {
        background-position: -224px -210px;
    }
    /* ============================================================================================================================
== Footer
** ============================================================================================================================ */
    
    #footer {
        background-image: url(../img/background/footer_bg.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom left;
    }
    
    #copylight {
        padding: 4% 0 11%;
        font-size: 90%;
        color: #ff4fa7;
    }
    /* ============================================================================================================================
== btn 
** ============================================================================================================================ */
    /*全角13文字*/
    
    a.btn_imp01_L,
    a.btn_imp02_L,
    a.btn_imp03_L {
        background-repeat: no-repeat;
        background-position: center;
        background-size: 254px 64px;
        width: 254px;
        height: 64px;
        line-height: 64px;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        border-radius: 64px;
        display: block;
        margin: 6px auto;
    }
    
    a.btn_imp01_L {
        background-image: url(../img/button/btn_imp01_w254.png);
        color: #000;
        text-shadow: 0px -1px 0px #DDD;
    }
    
    a.btn_imp02_L {
        background-image: url(../img/button/btn_imp02_w254.png);
        color: #FFF!important;
        text-shadow: 0px 1px 2px #000;
    }
    
    a.btn_imp03_L {
        background-image: url(../img/button/btn_imp03_w254.png);
        color: #000;
        text-shadow: 0px -1px 1px #FFF, 0px 1px 0 #333;
    }
    /*全角7文字*/
    
    a.btn_imp01_M,
    a.btn_imp02_M,
    a.btn_imp03_M {
        background-repeat: no-repeat;
        background-position: center;
        background-size: 124px 40px;
        width: 124px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 14px;
        border-radius: 40px;
        display: block;
        margin: 6px auto;
    }
    
    a.btn_imp01_M {
        background-image: url(../img/button/btn_imp01_w124.png);
        color: #000;
        text-shadow: 0px -1px 0 #F9C, 0px 1px 0 #000;
    }
    
    a.btn_imp02_M {
        background-image: url(../img/button/btn_imp02_w124.png);
        color: #FFF!important;
        text-shadow: 0px 1px 2px #000;
    }
    
    a.btn_imp03_M {
        background-image: url(../img/button/btn_imp03_w124.png);
        color: #000;
        text-shadow: 0px -1px 1px #FFF, 0px 1px 0 #333;
    }
    /*全角5文字*/
    
    a.btn_imp01_S,
    a.btn_imp02_S,
    a.btn_imp03_S {
        background-repeat: no-repeat;
        background-position: center;
        background-size: 84px 40px;
        width: 84px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 14px;
        border-radius: 40px;
        display: block;
        margin: 6px auto;
    }
    
    a.btn_imp01_S {
        background-image: url(../img/button/btn_imp01_w84.png);
        color: #000;
        text-shadow: 0px -1px 0 #F9C, 0px 1px 0 #000;
    }
    
    a.btn_imp02_S {
        background-image: url(../img/button/btn_imp02_w84.png);
        color: #FFF!important;
        text-shadow: 0px 1px 2px #000;
    }
    
    a.btn_imp03_S {
        background-image: url(../img/button/btn_imp03_w84.png);
        color: #000;
        text-shadow: 0px -1px 1px #FFF, 0px 1px 0 #333;
    }
    
    a.btn_glay_s {
        background-image: url(../img/button/btn_glay_w84.png);
        color: #000;
        text-shadow: 0px -1px 1px #FFF, 0px 1px 0 #333;
    }
    /* ============================================================================================================================
== textTab
** ============================================================================================================================ */
    
    .dummy_common_tab,
    .common_tab {
        width: 100%;
        display: -webkit-box;
        /*--- Androidブラウザ用 ---*/
        display: -ms-flexbox;
        /*--- IE10 ---*/
        display: -webkit-flex;
        /*--- safari（PC）用 ---*/
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        /*--- Androidブラウザ用 ---*/
        -ms-flex-pack: center;
        /*--- IE10 ---*/
        -webkit-justify-content: center;
        /*--- safari（PC）用 ---*/
        justify-content: center;
    }
    
    .dummy_common_tab li,
    .common_tab li {
        width: 100%;
        height: 32px;
        background: rgb(255, 102, 181);
        /* Old browsers */
        background: -moz-linear-gradient(top, rgba(255, 102, 181, 1) 0%, rgba(168, 0, 93, 1) 65%, rgba(214, 28, 138, 1) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(255, 102, 181, 1) 0%, rgba(168, 0, 93, 1) 65%, rgba(214, 28, 138, 1) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(255, 102, 181, 1) 0%, rgba(168, 0, 93, 1) 65%, rgba(214, 28, 138, 1) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        border-top: 1px #880000 solid;
        border-right: 1px #880000 solid;
        border-left: 1px #880000 solid;
        border-bottom: 1px #410101 solid;
        border-radius: 4px 4px 0px 0px;
        cursor: pointer;
    }
    
    .dummy_common_tab li.selected,
    .common_tab li.selected {
        color: #B44242;
        background: rgb(39, 0, 33);
        /* Old browsers */
        background: -moz-linear-gradient(top, rgba(39, 0, 33, 1) 0%, rgba(109, 0, 48, 1) 65%, rgba(129, 0, 96, 1) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(39, 0, 33, 1) 0%, rgba(109, 0, 48, 1) 65%, rgba(129, 0, 96, 1) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(39, 0, 33, 1) 0%, rgba(109, 0, 48, 1) 65%, rgba(129, 0, 96, 1) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        border-top: 1px #410101 solid;
        border-right: 1px #410101 solid;
        border-left: 1px #410101 solid;
        border-bottom: 1px #410101 solid;
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) inset, -1px 0 2px rgba(0, 0, 0, 0.3) inset, 0 -1px 1px rgba(255, 255, 255, 0.3) inset;
    }
    
    .dummy_common_tab li a,
    .common_tab li a {
        padding-top: 4px;
    }
    
    ._newslist {
        display: table;
    }
    
    ._newslist li {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }
    /* ============================================================================================================================
== Checkbox
** ============================================================================================================================ */
    
    input[type=checkbox].css-checkbox {
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        height: 1px;
        width: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
    }
    
    input[type=checkbox].css-checkbox.lrg+label.css-label.lrg {
        padding-left: 22px;
        height: 20px;
        display: inline-block;
        line-height: 20px;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 15px;
        vertical-align: middle;
        cursor: pointer;
    }
    
    input[type=checkbox].css-checkbox.lrg:checked+label.css-label.lrg {
        background-position: 0 -20px;
    }
    
    .vlad {
        background-image: url(../images/common_img/vlad.png);
    }
    /*見出し*/
    
    .title_imp01 {
        height: 40px;
        line-height: 40px;
        background: url(../img/background/info_bg.jpg) no-repeat;
        background-size: cover;
        color: #e5cb85;
        text-shadow: 1px 1px 1px rgb(0, 0, 0);
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        padding-top: 2px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }
    
    .title_imp02 {
        height: 30px;
        line-height: 31px;
        background: url(../img/background/info_2_bg.jpg) no-repeat;
        background-size: cover;
        color: #e5cb85;
        text-shadow: 1px 1px 1px rgb(0, 0, 0);
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        padding-top: 2px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }
    
    .title_imp04 {
        height: 30px;
        line-height: 31px;
        background: url(../img/background/info_4_bg.jpg) no-repeat;
        background-size: cover;
        color: #e5cb85;
        text-shadow: 1px 1px 1px rgb(0, 0, 0);
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        padding-top: 2px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }
    
    .title_num {
        display: inline-block;
        padding: 0 8px 0 24px;
    }
    /*ナビゲーション*/
    
    .navi_space {
        background: -webkit-gradient(linear, left top, right top, from(#000000), color-stop(0.5, rgb(51, 0, 0)), to(#000000));
        padding-top: 6px;
    }
    
    .navi_space table {
        margin: 0 auto;
    }
    
    .navi_space td {
        vertical-align: middle;
    }
    
    .navi {
        height: 100px;
        overflow: hidden;
    }
    
    .arrow_box_pad {
        padding: 10px 10px 4px 0;
    }
    
    .arrow_box_navi {
        width: auto;
        margin: 0 auto;
        font-size: 13px;
        position: relative;
    }
    
    .arrow_box_navi_inner {
        color: rgba(0, 0, 0, 1);
        background: rgba(255, 255, 255, 1);
        box-shadow: 0 0 5px 0 rgba(255, 255, 255, 1);
        text-shadow: 1px 1px 1px rgba(204, 204, 204, 1);
        border-radius: 8px;
        padding: 6px;
    }
    
    .arrow_box_navi_inner {
        position: relative;
    }
    
    .arrow_box_navi_inner:after,
    .arrow_box_navi_inner:before {
        right: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }
    
    .arrow_box_navi_inner:after {
        border-color: rgba(255, 255, 255, 0);
        border-right-color: #ffffff;
        border-width: 7px;
        /*5px*/
        top: 60%;
        margin-top: -7px;
    }
    
    .arrow_box_navi_inner:before {
        border-width: 10px;
        /*8px*/
        top: 60%;
        margin-top: -10px;
    }
    
    .arrow_box_navi_inner {
        border: 2px solid #FFEDFE;
        line-height: 15px;
    }
    
    .arrow_box_navi_inner:before {
        border-color: rgba(220, 0, 50, 0);
        border-right-color: #FFEDFE;
    }
    /*テキスト版ページヘッダー*/
    
    header h1.head_txt {
        background-image: url(../images/head/Headers_0010_11-EmptyHeader.png);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 320px 57px;
        width: 320px;
        height: 57px;
        line-height: 57px;
        color: #f5e6bc;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        text-shadow: 1px 1px 1px rgb(0, 0, 0);
    }
    /*見出しあおり文字*/
    
    .mark {
        position: absolute;
        right: 20px;
        top: -28px;
        -webkit-transform: rotate(-20deg);
        color: #e5cb85;
        text-shadow: 1px 1px 1px rgb(0, 0, 0);
        font-size: 14px;
        font-weight: bold;
        ;
    }
    
    .mark2 {
        position: absolute;
        right: 10px;
        top: -10px;
        -webkit-transform: rotate(-10deg);
        color: #FFFFFF;
        text-shadow: 1px 1px 1px rgb(68, 0, 100), 0 0 4px rgba(255, 255, 255, 0.6), 0 0 4px rgba(255, 255, 255, 0.6), 0 0 4px rgba(255, 255, 255, 0.6);
        font-size: 14px;
        font-weight: bold;
        z-index: 900;
    }
    /*ガールズ関連タブ*/
    
    .tab {
        margin-top: 4px;
    }
    /*マイページ関連タブ*/
    
    .tab ul {
        width: 300px;
        font-size: 0;
        margin: 0 auto;
    }
    
    .tab li {
        display: inline-block;
        width: 60px;
    }
    
    .tab li a {
        display: block;
    }
    /*セクションデザイン*/
    
    .section_frame {
        width: 300px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border: #492908 solid 1px;
        margin: 6px auto;
        background: -webkit-gradient(linear, left top, right top, from(#000000), color-stop(0.5, rgb(51, 0, 0)), to(#000000));
    }
    
    .section_frame li {
        list-style-type: none;
    }
    
    .b_corner,
    .non_title li:first-child {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }
    
    .no_r {
        border-radius: 0 !important;
    }
    
    .bo_t {
        border-top: #492908 solid 1px;
    }
    
    .bo_b {
        border-bottom: #492908 solid 1px;
    }
    
    .bo_tb {
        border-bottom: #492908 solid 1px;
        border-top: #492908 solid 1px;
    }
    
    .bg_grad {
        background: -webkit-gradient(linear, left top, right top, from(#000000), color-stop(0.5, rgb(51, 0, 0)), to(#000000));
        padding: 8px 0;
    }
    
    .bg_grad_banner {
        background: -webkit-gradient(linear, left top, right top, from(#000000), color-stop(0.5, rgb(51, 0, 0)), to(#000000));
        padding: 3px 0 6px;
        ;
    }
    
    ._glay {
        background: -webkit-gradient(linear, left top, left bottom, from(#776868), color-stop(0.65, #9E9E9E), to(#B4B4B4));
        border: 2px #AAAAAA solid;
        color: #B44242;
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) inset, -1px 0 2px rgba(0, 0, 0, 0.3) inset, 0 -1px 1px rgba(255, 255, 255, 0.3) inset;
    }
    /*テキストリンク*/
    
    .link_lay li {
        font-size: 14px;
        padding: 0 4px;
        text-align: right;
        text-shadow: 0 0 3px rgba(224, 0, 255, 1), 0 0 2px rgba(255, 0, 112, 1), 1px 1px 0 rgba(255, 0, 235, 0.6), -1px -1px 0 rgba(173, 0, 255, 0.6);
    }
    
    .link_lay li a span:after {
        content: "";
        background-image: url(../images/common_img/arrow_link.png);
        background-size: 20px 20px;
        width: 20px;
        height: 20px;
        display: inline-block;
        margin: 0 2px 3px 6px;
        vertical-align: middle;
    }
    
    .link_lay li.back a span:after {
        background-image: none;
        width: 0;
        height: 0;
    }
    
    .link_lay li.back a span:before {
        content: "";
        background-image: url(../images/common_img/arrow_link.png);
        background-size: 20px 20px;
        width: 20px;
        height: 20px;
        display: inline-block;
        -webkit-transform: rotate(180deg);
        margin: 0 6px 3px 2px;
        vertical-align: middle;
    }
    
    .link_lay li.back {
        text-align: left;
    }
    
    .link_lay li a {
        display: block;
        line-height: 36px;
    }
    /*アルバム女優別詳細*/
    
    .card_frame_detail ul {
        margin: 0 auto;
        font-size: 0;
        width: 288px;
    }
    
    .card_frame_detail li {
        margin: 2px;
        font-size: 13px;
        display: inline-table;
    }
    
    .card_frame_detail li div {
        border: #492908 solid 1px;
        background: -webkit-gradient(linear, left top, right top, from(#490000), color-stop(0.5, rgb(122, 17, 17)), to(#490000));
        display: table-cell;
    }
    
    .card_frame_detail li span.wrap {
        display: block;
        padding: 2px 4px;
    }
    /*アルバム女優別*/
    
    .card_frame ul {
        margin: 0 auto;
        font-size: 0;
        width: 288px;
    }
    
    .card_frame li {
        margin: 2px;
        font-size: 13px;
        display: inline-table;
    }
    
    .card_frame li div {
        border: #492908 solid 1px;
        padding: 0 0 4px;
        background: -webkit-gradient(linear, left top, right top, from(#490000), color-stop(0.5, rgb(122, 17, 17)), to(#490000));
        display: table-cell;
    }
    
    .card_frame li span {
        display: block;
        padding-top: 4px;
    }
    /*アルバム全女優*/
    
    .card_frame_all ul {
        margin: 0 auto;
        font-size: 0;
        width: 312px;
    }
    
    .card_frame_all li {
        margin: 2px 1px;
        font-size: 10px;
        display: inline-table;
    }
    
    .card_frame_all li div {
        border: #492908 solid 1px;
        padding: 0 0 2px;
        background: -webkit-gradient(linear, left top, right top, from(#490000), color-stop(0.5, rgb(122, 17, 17)), to(#490000));
    }
    
    .card_frame_all li span {
        display: block;
        padding-top: 4px;
    }
    /*一番最初のステータス部分　共通*/
    
    .head_status {
        margin-top: 6px;
    }
    
    .head_status table {
        margin: 0 auto;
    }
    
    .head_status table td {
        width: 60px;
    }
    
    .head_status table td:nth-child(odd) {
        text-align: right;
    }
    
    .head_status table td:nth-child(even) {
        text-align: left;
    }
    /*カードリスト名前　共通*/
    
    .list_name {
        height: 30px;
        background: url(../img/background/info_3_bg.jpg) no-repeat;
        background-size: cover;
    }
    
    .list_name table {
        width: 290px;
        margin: 0 auto;
    }
    
    .list_name table:first-child td {
        height: 27px;
        padding-top: 3px;
    }
    
    .list_name table:first-child td:first-child div {
        display: inline-block;
        vertical-align: middle;
    }
    
    .list_name table:first-child td:first-child div:nth-child(3) {
        vertical-align: sub;
    }
    /*アイテムリストステータス部分*/
    
    .list_status_item {
        width: 290px;
        margin: 0 auto;
        padding-top: 4px;
    }
    
    .list_status_item td {
        line-height: 1.4;
        padding-left: 4px;
    }
    
    .list_status_item td:first-child {
        width: 43px;
    }
    /*カードリスト 進化必要素材部分*/
    
    .list_e_item table {
        width: 290px;
        margin: 0 auto;
    }
    /*カードリストベース色*/
    
    .base_line {
        border-top: #7C004F solid 1px;
        border-bottom: #7C004F solid 1px;
    }
    
    .base {
        border: #7C004F solid 1px;
    }
    
    .base hr {
        height: 0;
        border: 0;
        border-top: #7C004F solid 1px;
        border-bottom: #000 solid 1px;
        margin: 1px 0 0;
    }
    
    .base li {
        background: -webkit-gradient(linear, left bottom, right bottom, from(#000000), color-stop(0.5, rgb(41, 15, 26)), to(#000000)) !important;
        padding-bottom: 5px;
    }
    
    .base .list_status {
        width: 290px;
        margin: 0 auto;
        padding-top: 4px;
        font-size: 11px;
    }
    
    .base .list_status table {
        margin: 0 auto;
        text-align: center;
    }
    
    .base .list_status td {
        width: 60px;
    }
    
    .base .list_status tr:nth-child(odd) td div {
        background-color: rgba(255, 255, 255, 0.2);
        margin-right: 1px;
        line-height: 12px;
    }
    
    .base .list_status tr:nth-child(odd) td:last-child div {
        margin-right: 0;
    }
    
    .base .list_status tr:nth-child(even) td {
        line-height: 23px;
    }
    
    .base .list_status tr:nth-child(6) td {
        text-align: left;
        padding-top: 2px;
        padding-left: 10px;
        line-height: 16px;
        ;
    }
    
    .base .list_status tr:nth-child(6) td img {
        vertical-align: text-bottom;
    }
    /*カードリスト進化色*/
    
    .change_line {
        border-top: #37007C solid 1px !important;
    }
    
    .change_line_frame {
        border: #37007C solid 1px !important;
    }
    
    .change {
        border: none;
    }
    
    .change li {
        margin: 12px 0;
        border: #37007C solid 1px !important;
    }
    
    .change li:first-child {
        margin-top: 0;
    }
    
    .change li:last-child {
        margin-bottom: 0;
    }
    
    .change hr {
        height: 0;
        border: 0;
        border-top: #37007C solid 1px !important;
        border-bottom: #000 solid 1px;
        margin: 1px 0 0;
    }
    
    .change li:nth-child(even) {
        background: -webkit-gradient(linear, left bottom, right bottom, from(#000000), color-stop(0.5, rgb(21, 4, 31)), to(#000000)) !important;
        border-top: #37007C solid 1px;
    }
    
    .change li:nth-child(odd) {
        background: -webkit-gradient(linear, left bottom, right bottom, from(#000000), color-stop(0.5, rgb(41, 15, 26)), to(#000000)) !important;
        border-top: #37007C solid 1px;
    }
    /*カードリストL*/
    
    .card_list_l {
        border: none;
        background: none;
    }
    
    .card_list_l hr {
        height: 0;
        border: 0;
        border-top: #492908 solid 1px;
        border-bottom: #000 solid 1px;
        margin: 1px 0 0;
    }
    
    .card_list_l li {
        padding-bottom: 3px;
        margin: 12px 0;
        border: #492908 solid 1px;
    }
    
    .card_list_l li:first-child {
        margin-top: 6px;
    }
    
    .card_list_l li:last-child {
        margin-bottom: 6px;
    }
    
    .card_list_l li:nth-child(even) {
        background: -webkit-gradient(linear, left bottom, right top, from(#000000), color-stop(0.5, rgb(51, 0, 20)), to(#000000));
        border-top: #492908 solid 1px;
    }
    
    .card_list_l li:nth-child(odd) {
        background: -webkit-gradient(linear, left bottom, right top, from(#000000), color-stop(0.5, rgb(51, 0, 0)), to(#000000));
        border-top: #492908 solid 1px;
    }
    
    .card_list_l .list_status {
        width: 290px;
        margin: 0 auto;
        padding-top: 4px;
        font-size: 11px;
    }
    
    .card_list_l .list_status table {
        margin: 0 auto;
        text-align: center;
    }
    
    .card_list_l .list_status td {
        width: 60px;
    }
    
    .card_list_l .list_status tr:nth-child(odd) td div {
        background-color: rgba(255, 255, 255, 0.2);
        margin-right: 1px;
        line-height: 12px;
    }
    
    .card_list_l .list_status tr:nth-child(odd) td:last-child div {
        margin-right: 0;
    }
    
    .card_list_l .list_status tr:nth-child(even) td {
        line-height: 23px;
    }
    
    .card_list_l .list_status tr:nth-child(6) td {
        text-align: left;
        padding-top: 2px;
        padding-left: 10px;
        line-height: 16px;
        ;
    }
    
    .card_list_l .list_status tr:nth-child(6) td img {
        vertical-align: text-bottom;
    }
    /*カードリストS*/
    
    .card_list {
        border: none;
    }
    
    .card_list hr {
        height: 0;
        border: 0;
        border-top: #492908 solid 1px;
        border-bottom: #000 solid 1px;
        margin: 1px 0 0;
    }
    
    .card_list li {
        padding-bottom: 3px;
        margin: 12px 0;
        border: #492908 solid 1px;
    }
    
    .card_list li:first-child {
        margin-top: 0px;
    }
    
    .card_list li:last-child {
        margin-bottom: 0px;
    }
    
    .card_list li:nth-child(even) {
        background: -webkit-gradient(linear, left bottom, right top, from(#000000), color-stop(0.5, rgb(51, 0, 20)), to(#000000));
        border-top: #492908 solid 1px;
    }
    
    .card_list li:nth-child(odd) {
        background: -webkit-gradient(linear, left bottom, right top, from(#000000), color-stop(0.5, rgb(51, 0, 0)), to(#000000));
        border-top: #492908 solid 1px;
    }
    
    .card_list .list_status {
        width: 290px;
        margin: 0 auto;
        padding-top: 2px;
        font-size: 11px;
    }
    
    .card_list .list_status table {
        margin: 0;
        text-align: center;
    }
    
    .card_list .list_status td {
        width: 60px;
    }
    
    .card_list .list_status tr:nth-child(odd) td div {
        background-color: rgba(255, 255, 255, 0.2);
        margin-right: 1px;
    }
    
    .card_list .list_status tr:nth-child(odd) td:last-child div {
        margin-right: 0;
    }
    
    .card_list .list_status tr:nth-child(even) td {
        line-height: 16px;
    }
    
    .card_list .list_status tr:nth-child(6) td {
        text-align: left;
        padding-top: 2px;
        padding-left: 10px;
        line-height: 12px;
        ;
    }
    
    .card_list .list_status tr:nth-child(6) td img {
        vertical-align: text-bottom;
    }
    /*カードリスト連結S*/
    
    .card_list_lay {
        border: #492908 solid 1px;
    }
    
    .card_list_lay hr {
        height: 0;
        border: 0;
        border-top: #492908 solid 1px;
        border-bottom: #000 solid 1px;
        margin: 1px 0 0;
    }
    
    .card_list_lay li {
        padding-bottom: 5px;
    }
    
    .card_list_lay li:nth-child(even) {
        background: -webkit-gradient(linear, left bottom, right top, from(#000000), color-stop(0.5, rgb(51, 0, 20)), to(#000000));
        border-top: #492908 solid 1px;
    }
    
    .card_list_lay li:nth-child(odd) {
        background: -webkit-gradient(linear, left bottom, right top, from(#000000), color-stop(0.5, rgb(51, 0, 0)), to(#000000));
        border-top: #492908 solid 1px;
    }
    
    .card_list_lay .list_status {
        width: 290px;
        margin: 0 auto;
        padding-top: 2px;
        font-size: 11px;
    }
    
    .card_list_lay .list_status table {
        margin: 0;
        text-align: center;
    }
    
    .card_list_lay .list_status td {
        width: 60px;
    }
    
    .card_list_lay .list_status tr:nth-child(odd) td div {
        background-color: rgba(255, 255, 255, 0.2);
        margin-right: 1px;
    }
    
    .card_list_lay .list_status tr:nth-child(odd) td:last-child div {
        margin-right: 0;
    }
    
    .card_list_lay .list_status tr:nth-child(even) td {
        line-height: 16px;
    }
    
    .card_list_lay .list_status tr:nth-child(6) td {
        text-align: left;
        padding-top: 2px;
        padding-left: 10px;
        line-height: 12px;
        ;
    }
    
    .card_list_lay .list_status tr:nth-child(6) td img {
        vertical-align: text-bottom;
    }
    /*カードリストL*/
    
    .card_list_lay_l {
        border: #492908 solid 1px;
    }
    
    .card_list_lay_l hr {
        height: 0;
        border: 0;
        border-top: #492908 solid 1px;
        border-bottom: #000 solid 1px;
        margin: 1px 0 0;
    }
    
    .card_list_lay_l li {
        padding-bottom: 5px;
    }
    
    .card_list_lay_l li:nth-child(even) {
        background: -webkit-gradient(linear, left bottom, right top, from(#000000), color-stop(0.5, rgb(51, 0, 20)), to(#000000));
    }
    
    .card_list_lay_l li:nth-child(odd) {
        background: -webkit-gradient(linear, left bottom, right top, from(#000000), color-stop(0.5, rgb(51, 0, 0)), to(#000000));
    }
    
    .card_list_lay_l .list_status {
        width: 290px;
        margin: 0 auto;
        padding-top: 4px;
        font-size: 11px;
    }
    
    .card_list_lay_l .list_status table {
        margin: 0 auto;
        text-align: center;
    }
    
    .card_list_lay_l .list_status td {
        width: 60px;
    }
    
    .card_list_lay_l .list_status tr:nth-child(odd) td div {
        background-color: rgba(255, 255, 255, 0.2);
        margin-right: 1px;
        line-height: 12px;
    }
    
    .card_list_lay_l .list_status tr:nth-child(odd) td:last-child div {
        margin-right: 0;
    }
    
    .card_list_lay_l .list_status tr:nth-child(even) td {
        line-height: 23px;
    }
    
    .card_list_lay_l .list_status tr:nth-child(6) td {
        text-align: left;
        padding-top: 2px;
        padding-left: 10px;
        line-height: 16px;
        ;
    }
    
    .card_list_lay_l .list_status tr:nth-child(6) td img {
        vertical-align: text-bottom;
    }
    /*ソートレイアウト*/
    
    .sort_frame {
        background: -webkit-gradient(linear, left top, right top, from(#000000), color-stop(0.5, rgb(51, 0, 0)), to(#000000));
        padding: 12px 0 4px 0;
    }
    
    .sort_frame table {
        margin: 0 auto;
    }
    /* ============================================================================================================================
== バトル関連ページ
** ============================================================================================================================ */
    /*(汎用)アイテムリスト*/
    
    .list_lay table {
        margin: 0 auto;
    }
    
    .list_lay td.txt {
        vertical-align: top;
        width: 150px !important;
    }
    
    .list_lay td.txt div {
        padding: 1px 0 0;
    }
    
    .list_lay td.txt div:first-child {
        padding-top: 2px;
        padding-bottom: 6px;
    }
    
    .list_lay li {
        line-height: 1;
    }
    
    .list_lay li:nth-child(even) {
        background: -webkit-gradient(linear, left bottom, right top, from(#000000), color-stop(0.5, rgb(51, 0, 20)), to(#000000));
        border-top: #492908 solid 1px;
    }
    
    .list_lay li:nth-child(odd) {
        background: -webkit-gradient(linear, left bottom, right top, from(#000000), color-stop(0.5, rgb(51, 0, 0)), to(#000000));
        border-top: #492908 solid 1px;
    }
    
    .sozai img {
        margin: 1px;
    }
    
    .h_deck img {
        margin: 1px;
    }
    /*カードステータス*/
    
    .card_status_txt {
        vertical-align: top;
        line-height: 16px;
        padding-left: 4px;
    }
    
    table.card_status_table td {
        padding: 2px 0;
    }
    /*お宝*/
    
    .list_lay table.treasure td {
        padding: 6px 0;
    }
    /*お宝一覧*/
    
    .list_lay table.treasure_list td {
        padding: 0 3px;
    }
    
    .list_lay li.tframe {
        padding: 6px 0;
    }
    /*お宝変更*/
    
    .list_lay table.treasure_change td:first-child {
        padding: 0 0 6px 6px;
    }
    
    .list_lay table.treasure_change td:last-child {
        padding: 0 12px 6px 0;
    }
    /*お宝シリーズ67レイアウト*/
    
    .tc_lay li {
        /*background: -webkit-gradient(linear,  left bottom,right top, from(#000000), color-stop(0.5, rgb(179,72,0)), to(#000000)) !important;*/
        background-image: url(../images/battle/BG_treasure.jpg) !important;
        background-position: top left !important;
        background-size: 320px auto !important;
    }
    
    .tc_lay {
        background-image: url(../images/battle/BG_treasure.jpg) !important;
        background-position: top left !important;
        background-size: 320px auto !important;
    }
    
    .sp_lay li {
        padding: 0 0 6px;
    }
    
    .sp_lay li table.sp_plate {
        width: 285px;
    }
    
    .sp_lay li table.sp_plate {
        line-height: 28px;
    }
    
    .sp_lay li table.sp_plate td div {
        display: inline-block;
        padding: 6px 0 2px;
    }
    
    .sp_lay li table.sp_card {
        width: 285px;
    }
    
    .sp_lay li table.sp_card tr:nth-child(2) td {
        padding: 6px 0 2px;
    }
    
    .sp_lay li table.sp_card tr:nth-child(4) td img {
        margin: 2px 1px;
    }
    /*イベントランキング*/
    
    .list_lay table.re_card td:first-child {
        padding: 12px 6px 12px 10px;
    }
    
    .list_lay table.re_card td:last-child {
        padding: 12px 6px 0 0;
    }
    
    .list_lay table.re_item td:first-child {
        padding: 12px 6px 12px 10px;
    }
    
    .list_lay table.re_item td:last-child {
        padding: 20px 6px 0 0;
        width: 186px;
        vertical-align: top;
    }
    
    .list_lay table.re_item td:last-child div {
        padding: 2px 0;
    }
    
    .list_lay table.reward td {
        padding: 6px 2px;
        vertical-align: top;
    }
    /*対戦相手*/
    
    .list_lay table.battle_list td:first-child {
        padding: 12px 6px 12px 10px;
    }
    
    .list_lay table.battle_list td:last-child {
        padding: 12px 6px 0 0;
    }
    
    .list_lay table.directions td:first-child {
        padding: 18px 12px 18px 24px;
    }
    /*あいさつ履歴*/
    
    .list_lay td.txt_comment {
        vertical-align: top;
        line-height: 1.1;
        width: 220px;
    }
    
    .list_lay td.txt_comment div:first-child {}
    /*ポップアップレイアウト*/
    
    .support_lay li {
        background-color: #000;
    }
    
    .support_lay table td {
        vertical-align: top !important;
    }
    
    .support_lay table td:first-child {
        width: 100px;
        padding: 6px 6px 0 12px;
    }
    
    .support_lay table td:nth-child(2) {
        padding: 18px 6px 0 0;
        line-height: 1.2;
    }
    
    .support_lay table td:nth-child(2) a {
        font-size: 12px;
    }
    /*ランキング背景*/
    
    .rank_title {
        background: url(../images/mypage/flame01.png) no-repeat;
        background-size: 308px 35px;
        font-size: 18px;
        line-height: 35px;
        height: 35px;
        width: 308px;
        margin: 0 auto;
    }
    /* ============================================================================================================================
== common style4
** ============================================================================================================================ */
    /*スライダー*/
    
    .bx-viewport {
        /*width:220px !important;*/
        width: 220px;
        margin: 0 auto;
        /*background-color: rgba(213, 78, 78, 0.1);
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;*/
        /*padding-top: 18px;*/
    }
    
    .bx-pager-item .active {
        background: #F39;
        opacity: 1.0;
    }
    
    .bx-controls-direction a {
        position: absolute;
        margin-top: -14px;
        font-size: 21px;
    }
    
    .bx-controls {
        /*margin: 0 0 12px;*/
    }
    
    .bx-wrapper {
        width: 310px;
        position: relative;
        margin: 0 auto;
    }
    
    .bx-wrapper .bx-pager {
        text-align: center;
    }
    
    .bx-wrapper .bx-pager .bx-pager-item {
        display: inline-block;
        *zoom: 1;
        *display: inline;
        vertical-align: middle;
    }
    
    .bx-wrapper .bx-controls-direction a {
        position: absolute;
        z-index: 100;
    }
    
    .bx-prev {
        left: 2px;
        top: 160px;
        /*text-shadow: 1px 1px 1px rgb(0, 0, 0);
	color: #f5e6bc;*/
    }
    
    .bx-next {
        right: 2px;
        top: 160px;
        /*text-shadow: 1px 1px 1px rgb(0, 0, 0);
	color: #f5e6bc;*/
    }
    
    .bx-pager a {
        background: #FFF;
        text-indent: -9999px;
        display: block;
        width: 10px;
        height: 10px;
        border-radius: 5px;
        box-shadow: 1px 1px 0 rgb(102, 102, 102) inset;
        margin: 0 6px;
    }
    /* ============================================================================================================================
== 恋愛イベント関連
** ============================================================================================================================ */
    /*ゲージ*/
    
    .gauge {
        display: inline-block;
        height: 12px;
        padding-right: 4px;
        margin-bottom: 2px;
        margin-left: 1px;
        margin-right: 1px;
    }
    
    .eng {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 147, 193, 1)), color-stop(50%, rgba(0, 59, 147, 1)), color-stop(51%, rgba(0, 70, 109, 1)), color-stop(100%, rgba(0, 18, 147, 1)));
        /* Chrome,Safari4+ */
        height: 10px;
        -webkit-box-align: left;
        -webkit-box-pack: left;
    }
    
    .exp {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(193, 0, 131, 1)), color-stop(50%, rgba(147, 0, 100, 1)), color-stop(51%, rgba(109, 0, 100, 1)), color-stop(100%, rgba(147, 0, 82, 1)));
        /* Chrome,Safari4+ */
        height: 10px;
        -webkit-box-align: left;
        -webkit-box-pack: left;
    }
    
    .quest_eng {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 173, 0, 1)), color-stop(50%, rgba(209, 75, 0, 1)), color-stop(51%, rgba(187, 82, 0, 1)), color-stop(100%, rgba(134, 65, 1, 1)));
        /* Chrome,Safari4+ */
        height: 10px;
        -webkit-box-align: left;
        -webkit-box-pack: left;
    }
    
    .quest_exp {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 143, 255, 1)), color-stop(50%, rgba(1, 54, 223, 1)), color-stop(51%, rgba(0, 36, 223, 1)), color-stop(100%, rgba(0, 114, 168, 1)));
        /* Chrome,Safari4+ */
        height: 10px;
        -webkit-box-align: left;
        -webkit-box-pack: left;
    }
    
    .adv {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 0, 51, 1)), color-stop(50%, rgba(223, 1, 63, 1)), color-stop(51%, rgba(223, 0, 107, 1)), color-stop(100%, rgba(168, 0, 0, 1)));
        /* Chrome,Safari4+ */
        height: 10px;
        -webkit-box-align: left;
        -webkit-box-pack: left;
    }
    
    .adv_c {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 102, 255, 1)), color-stop(50%, rgba(1, 196, 223, 1)), color-stop(51%, rgba(0, 152, 223, 1)), color-stop(100%, rgba(0, 128, 168, 1)));
        /* Chrome,Safari4+ */
        height: 10px;
        -webkit-box-align: left;
        -webkit-box-pack: left;
    }
    /*吹き出し
===================================================================================*/
    
    .arrow_box {
        width: auto;
        margin: 0 auto;
        font-size: 13px;
        position: relative;
        vertical-align: middle;
    }
    
    .arrow_box_inner {
        color: rgba(0, 0, 0, 1);
        background: rgba(255, 255, 255, 1);
        /*box-shadow: 0 0 3px 0 rgba(255,255,255,1);*/
        text-shadow: 1px 1px 1px rgba(204, 204, 204, 1);
        border-radius: 20px;
        padding: 10px;
        z-index: 777;
        min-height: 30px;
    }
    
    .arrow_box_inner {
        position: relative;
    }
    
    .arrow_box_inner:after,
    .arrow_box_inner:before {
        right: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }
    
    .arrow_box_inner:after {
        border-color: rgba(255, 255, 255, 0);
        border-right-color: #ffffff;
        border-width: 7px;
        /*5px*/
        top: 50%;
        margin-top: -7px;
    }
    
    .arrow_box_inner:before {
        border-width: 10px;
        /*8px*/
        top: 50%;
        margin-top: -10px;
    }
    
    .arrow_box_inner {
        border: 2px solid #FF1875;
        vertical-align: middle;
    }
    
    .arrow_box_inner:before {
        border-color: rgba(220, 0, 50, 0);
        border-right-color: #FF1875;
    }
    
    .arrow_box_inner img {
        /*border-radius: 35px;
	border: 1px solid #FF1875;*/
        margin: 1px 0;
    }
    
    .arrow_box_inner span.num {
        font-size: 18px;
        color: #EB2727;
    }
    /* アイテムボックス
===================*/
    
    .itembox {
        -webkit-box-pack: center;
        display: -webkit-box;
        position: relative;
        line-height: 1;
    }
    
    .itembox .mar {
        margin: 6px 1px;
    }
    
    .itembox a {
        display: block;
    }
    
    .item_num {
        text-align: right;
        width: 50px;
        display: block;
    }
    
    .itemnum .pr {
        padding-right: 22px;
    }
    
    .item_txt {
        font-size: 12px;
        font-weight: normal;
        width: 57px;
        display: block;
        text-align: center;
        padding-top: 4px;
    }
    
    .itembox img {
        width: 56px;
    }
    /* アイテムボックス
===================*/
    
    @-webkit-keyframes 'h_light' {
        0% {
            opacity: 1;
            -webkit-transform: translateY(0px);
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(-10px);
        }
    }
    
    .h_effect_anime {
        -webkit-animation-name: h_light;
        -webkit-animation-duration: 0.6s;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-delay: 0s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-direction: normal;
        -webkit-animation-fill-mode: backwards;
    }
    
    .h_effect_anime2 {
        -webkit-animation-name: h_light;
        -webkit-animation-duration: 0.6s;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-delay: 0s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-direction: normal;
        -webkit-animation-fill-mode: backwards;
    }
    
    .txt_light {
        text-shadow: 0 0 12px #ff00de, 0 0 4px #fff, 0 0 8px #fff, 0 0 12px #fff, 0 0 18px #ff00de, 0 0 22px #ff00de, 0 0 28px #ff00de, 0 0 36px #ff00de;
    }
    
    .point div {
        display: inline;
    }
    /*確変秒数*/
    
    .countNum {
        display: inline-block;
        position: relative;
        color: #f5b423;
        font-size: 28px;
        text-shadow: 0 0 3px #e60532, 0 0 2px #e60532, 1px 1px 0 #e60532, -1px -1px 0 #e60532;
    }
    
    .countNum:after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask-image: url(../images/201301_event/parts/grad.png);
        mask-image: url(../images/201301_event/parts/grad.png);
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        color: #ffffff;
        content: attr(title);
    }
    /*ストーリーリスト*/
    
    .animation_list {
        /*background-image: url(../images/quest/bg02.jpg);
	height: 105px;
	background-size: 320px 105px;
	background-repeat: no-repeat;
	background-position: center;
	color: #330000;
	text-shadow: 0px 1px 1px rgb(255, 255, 255);
	font-weight: bold !important;
	margin-bottom:2px;*/
        background-image: url(../images/common_img/bg02.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 300px;
        min-height: 98px;
    }
    
    .animation_list_txt {
        padding-top: 8px;
        padding-left: 84px;
        width: 208px;
        line-height: 14px;
    }
    
    .white_bg {
        background: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.6)), color-stop(100%, rgba(255, 255, 255, 0)));
        padding: 2px 0;
    }
    /*.animation_list li .inner {
	padding: 12px;
}
.animation_list li h3 {
	margin-bottom:12px;
}
.animation_list td {
	vertical-align: top;
}*/
    /*.animation_list a {
	background:url(../images/quest/btn02.png) no-repeat;
	text-shadow: 0px 1px 2px rgb(255, 255, 255), 0px 0px 5px rgb(251, 172, 146);
    background-position: 0 0;
    background-size: 95px 45px;
    font-size: 18px;
    height: 45px;
	line-height: 45px;
	width: 95px;
	text-align: center;
    color: #000000;
	text-decoration: none;
    display: block;
}
.animation_list a.new {
	background:url(../images/quest/btn01.png) no-repeat;
	background-size: 95px 45px;
}*/
    /*ポップアップ*/
    
    .popup_frame {
        width: 290px;
        border-radius: 8px;
        border: #492908 solid 1px;
        margin: 16px auto;
        background: -webkit-gradient(linear, left bottom, right top, from(rgba(0, 0, 0, 5)), color-stop(0.5, rgba(51, 0, 0, 0.5)), to(rgba(0, 0, 0, 5)));
    }
    
    .popup_navi_space {
        background: -webkit-gradient(linear, left bottom, right top, from(rgba(0, 0, 0, 5)), color-stop(0.5, rgba(51, 0, 0, 0.5)), to(rgba(0, 0, 0, 5)));
    }
    
    .popup_navi_space table {
        margin: 0 auto;
    }
    
    .popup_navi_space td {
        vertical-align: middle;
    }
    
    .popup table {
        margin: 0 auto;
    }
    
    .popup td {
        padding: 6px 0 6px 6px;
    }
    
    .popup td.txt {
        width: 150px;
        vertical-align: top;
    }
    
    .popup td.txt div {
        padding: 2px 0;
    }
    
    .popup td.txt div:first-child {
        padding-top: 8px;
    }
    
    .popup li:nth-child(even) {
        background: -webkit-gradient(linear, left bottom, right top, from(rgba(0, 0, 0, 5)), color-stop(0.5, rgba(51, 0, 20, 0.5)), to(rgba(0, 0, 0, 5)));
        border-top: #492908 solid 1px;
    }
    
    .popup li:nth-child(odd) {
        background: -webkit-gradient(linear, left bottom, right top, from(rgba(0, 0, 0, 5)), color-stop(0.5, rgba(51, 0, 20, 0.5)), to(rgba(0, 0, 0, 5)));
        border-top: #492908 solid 1px;
    }
    /*閉じるボタン*/
    
    .closeBtn {
        display: inline-block;
        border: 2px solid #fff;
        border-radius: 40px;
        background: -webkit-gradient(linear, left top, left bottom, from(#e78183), color-stop(0.65, #CE1B5C), to(#C4256B));
        padding: 2px 4px;
        text-shadow: -1px -1px 0 #333;
    }
    
    .txt_space {
        color: #000;
        text-shadow: #FFF 1px 1px 1px;
        font-weight: bold;
        line-height: 1.2;
        width: 280px;
        height: 60px;
        overflow: hidden;
    }
    
    .pt_item_list table {
        margin: 0 auto;
    }
    
    .pt_item_list td {
        padding: 6px 0 6px 6px;
    }
    
    .pt_item_list td {
        width: 150px;
        vertical-align: top;
    }
    
    .pt_item_list td div {
        padding: 2px 0;
    }
    
    .pt_item_list td div:first-child {
        padding-top: 8px;
    }
    
    .pt_item_list li:nth-child(even) {
        background: -webkit-gradient(linear, left bottom, right top, from(#000000), color-stop(0.5, rgb(51, 0, 20)), to(#000000));
        border-top: #492908 solid 1px;
    }
    
    .pt_item_list li:nth-child(odd) {
        background: -webkit-gradient(linear, left bottom, right top, from(#000000), color-stop(0.5, rgb(51, 0, 0)), to(#000000));
        border-top: #492908 solid 1px;
    }
    /* ============================================================================================================================
== マイページ関連
** ============================================================================================================================ */
    /*mypage sutatus*/
    
    .status_table tr {
        border-bottom: #500 solid 1px;
    }
    
    .status_table th {
        font-weight: normal;
        text-align: left;
        padding: 2px 0;
        line-height: 16px;
        border-bottom: #500 solid 1px;
    }
    
    .status_table td {
        text-align: left;
        border-bottom: #500 solid 1px;
    }
    
    .status_table {
        margin: 6px auto;
        width: 90%;
    }
    /*myapge heder*/
    
    .main_header {
        background-image: url(../images/myship/bg_header.jpg);
        background-repeat: no-repeat;
        background-size: 320px 42px;
        width: 320px;
        height: 42px;
    }
    
    .gage_blue {
        background-image: url(../images/myship/gauge_bg_blue.png);
        background-repeat: no-repeat;
        background-size: 100%;
        width: 73.5px;
        height: 13.5px;
        right: 50px;
        top: 6px;
    }
    
    .gage_orange {
        background-image: url(../images/myship/gauge_bg_orange.png);
        background-repeat: no-repeat;
        background-size: 100%;
        width: 73.5px;
        height: 13.5px;
        right: 50px;
        top: 22px;
    }
    
    .blue_inner {
        background-image: url(../images/myship/gauge_in_blue.png);
        background-repeat: repeat-x;
        height: 8px;
        left: 7px;
        top: 3px;
    }
    
    .orange_inner {
        background-image: url(../images/myship/gauge_in_orange.png);
        background-repeat: repeat-x;
        height: 8px;
        left: 7px;
        top: 3px;
    }
    
    .gage_name {
        left: -30px;
        top: -1px;
    }
    
    .gage_cover {
        position: relative;
        width: 59px;
    }
    
    .deck {
        color: #fff;
    }
    
    .deck td {
        width: 64px;
    }
    
    .deck td span {
        font-size: 10px;
    }
    
    .deck td:nth-child(even) {
        background-color: #7f0000;
    }
    
    .deck td:nth-child(odd) {
        background-color: #7f0000;
    }
    /*sub*/
    
    .sub_menu_girlslist {
        width: 176px;
        margin: 6px 4px 4px;
    }
    
    .sub_menu_gacha {
        width: 176px;
        margin: 10px 4px 4px;
    }
    
    .sub_in {
        display: -webkit-box;
    }
    
    .sub_in div {
        -webkit-box-flex: 1;
        width: 100%;
    }
    
    .sub_in div a {
        display: block;
        text-align: center;
    }
    /*新着情報*/
    
    .topic_num {
        background-image: url(../images/myship/new.png);
        background-repeat: no-repeat;
        background-size: 43px 42px;
        width: 43px;
        height: 42px;
    }
    
    .topic_num_inner {
        left: 50%;
        width: 24px;
        margin-left: -12.5px;
        top: 12px;
    }
    /*メインメニュー*/
    
    .main_menu {
        font-size: 0;
        margin: 2px 0 0 4px;
        padding-bottom: 2px;
    }
    
    .main_menu li {
        display: inline-block;
        width: 60px;
        margin-right: 3px;
    }
    
    .main_menu li a {
        display: block;
    }
    /*総攻撃力*/
    
    .attack_board {
        top: 8px;
        /*left: 53px;*/
        left: 36px;
        font-size: 11px;
        color: #000;
        text-shadow: 1px 1px 1px #ccc;
        /*width: 94px;*/
        width: 128px;
    }
    
    footer a {
        display: inline;
    }
    /*吹き出し*/
    
    .arrow_box_main_inner {
        max-width: 169px;
        min-width: 100px;
        border-radius: 6px;
        padding: 8px 8px 6px 8px;
        margin: 0 4px 6px 4px;
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 179, 222, 0.9)), to(rgba(255, 255, 255, 0.9)));
        color: rgba(29, 29, 29, 1);
        /* font-weight: bold; */
        text-shadow: 1px 1px 1px rgba(255, 118, 118, 1);
        font-size: 12px;
        box-shadow: #000 1px 2px 5px -2px;
        line-height: 1.1;
    }
    
    .menu_bg {
        background-image: url(../images/myship/bg_sea.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom;
        width: 320px;
    }
    
    .auto_height {
        min-height: 61px;
    }
    /*新着情報*/
    /*タブ*/
    
    .topics_tab {
        -webkit-box-pack: center;
        display: -webkit-box;
        position: relative;
        margin: 10px auto 0;
    }
    
    .topics_tab li {
        display: -webkit-box;
        -webkit-box-align: center;
        -webkit-box-pack: center;
        cursor: pointer;
        width: 135px;
        height: 36px;
        background-image: url(../images/myship/tab02.png);
        background-repeat: no-repeat;
        background-size: 135px 36px;
    }
    
    .topics_tab li.selected {
        background-image: url(../images/myship/tab01.png);
    }
    
    .tabContents {
        margin: 0 auto;
        width: 268px;
        text-align: left;
        border: #492908 solid 1px;
    }
    
    #tabs a {
        display: inline;
    }
    /*タブ*/
    
    .dialog_tab {
        -webkit-box-pack: center;
        display: -webkit-box;
        position: relative;
        margin: 10px auto 0;
    }
    
    .dialog_tab li {
        display: -webkit-box;
        -webkit-box-align: center;
        -webkit-box-pack: center;
        cursor: pointer;
        width: 135px;
        height: 36px;
        background-image: url(../images/myship/tab02.png);
        background-repeat: no-repeat;
        background-size: 135px 36px;
    }
    
    .dialog_tab li.selected {
        background-image: url(../images/myship/tab01.png);
    }
    /*画像ななめ*/
    /*見出しあおり文字*/
    
    .rotate_img {
        -webkit-transform: rotate(10deg);
    }
    
    .dialog_board td {
        vertical-align: middle !important;
    }
    /*mypage icon*/
    
    section img.title_icon {
        width: 10%;
        vertical-align: middle;
        margin-left: -30px;
        margin-bottom: 6px;
    }
    /* ============================================================================================================================
== 同志ページ
** ============================================================================================================================ */
    
    .acv01 {
        background-color: rgba(167, 0, 27, 0.3);
    }
    
    .acv02 {
        background-color: rgba(248, 64, 175, 0.3);
    }
    
    .acv03 {
        background-color: rgba(202, 204, 255, 0.3);
    }
    
    .p_bg {
        background: -webkit-gradient(linear, left top, right top, from(#000000), color-stop(0.5, rgb(53, 0, 0)), to(#000000));
    }
    /*.t_bg li {
	background-image: url(../images/common_img/tab_bg_off.png);
	background-size: contain;
}*/
    /*.t_bg li{
	background-image: url(../images/common_img/tab_bg_on.png);
}*/
    /* ============================================================================================================================
== 交換所
** ============================================================================================================================ */
    
    .item_list_txt_w {
        border: none;
    }
    
    .item_list_txt_w hr {
        height: 0;
        border: 0;
        border-top: #492908 solid 1px;
        border-bottom: #000 solid 1px;
        margin: 1px 0 0;
    }
    
    .item_list_txt_w li {
        padding-bottom: 3px;
        margin: 12px 0;
        border: #492908 solid 1px;
    }
    
    .item_list_txt_w li:first-child {
        margin-top: 6px;
    }
    
    .item_list_txt_w li:last-child {
        margin-bottom: 6px;
    }
    
    .item_list_txt_w li:nth-child(even) {
        background: -webkit-gradient(linear, left bottom, right top, from(#000000), color-stop(0.5, rgb(51, 0, 20)), to(#000000));
        border-top: #492908 solid 1px;
    }
    
    .item_list_txt_w li:nth-child(odd) {
        background: -webkit-gradient(linear, left bottom, right top, from(#000000), color-stop(0.5, rgb(51, 0, 0)), to(#000000));
        border-top: #492908 solid 1px;
    }
    
    .item_list_txt_w .list_status {
        width: 290px;
        margin: 0 auto;
        padding-top: 2px;
        font-size: 11px;
    }
    
    .item_list_txt_w .list_status table {
        margin: 0;
        text-align: center;
    }
    
    .item_list_txt_w .list_status td {
        width: 76px;
    }
    
    .item_list_txt_w .list_status tr:nth-child(odd) td div {
        background-color: rgba(255, 255, 255, 0.2);
        margin-right: 1px;
    }
    
    .item_list_txt_w .list_status tr:nth-child(odd) td:last-child div {
        margin-right: 0;
    }
    
    .item_list_txt_w .list_status tr:nth-child(even) td {
        line-height: 16px;
    }
    
    .item_list_txt_w .list_status tr:nth-child(even) td {
        line-height: 16px;
    }
    /* ============================================================================================================================
== レイド関連ページ
** ============================================================================================================================ */
    /*ランキング*/
    
    .rank_list {
        border: none;
    }
    
    .rank_list hr {
        height: 0;
        border: 0;
        border-top: #492908 solid 1px;
        border-bottom: #000 solid 1px;
        margin: 1px 0 0;
    }
    
    .rank_list li {
        padding-bottom: 3px;
    }
    
    .rank_list li:nth-child(even) {
        background: -webkit-gradient(linear, left bottom, right top, from(#000000), color-stop(0.5, rgb(51, 0, 20)), to(#000000));
        border-top: #492908 solid 1px;
    }
    
    .rank_list li:nth-child(odd) {
        background: -webkit-gradient(linear, left bottom, right top, from(#000000), color-stop(0.5, rgb(51, 0, 0)), to(#000000));
        border-top: #492908 solid 1px;
    }
    
    .rank_list .list_status {
        width: 290px;
        margin: 0 auto;
        padding-top: 2px;
        font-size: 11px;
        line-height: 1.1 !important;
    }
    
    .rank_list .list_status table {
        margin: 0;
        text-align: center;
    }
    
    .rank_list .list_status td {
        width: 74px;
    }
    
    .rank_list .list_status tr:nth-child(1) td div,
    .rank_list .list_status tr:nth-child(4) td div,
    .rank_list .list_status tr:nth-child(7) td div {
        /*background-color: rgba(255, 255, 255, 0.5);*/
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
        margin-right: 1px;
    }
    
    .rank_list .list_status tr:nth-child(2) td div,
    .rank_list .list_status tr:nth-child(5) td div,
    .rank_list .list_status tr:nth-child(8) td div {
        background-color: rgba(255, 255, 255, 0.2);
        margin-right: 1px;
    }
    
    .org_bg {
        background: -webkit-gradient(linear, left bottom, right top, from(#000000), color-stop(0.5, rgb(71, 0, 26)), to(#000000)) !important;
    }
    
    .org_bg2 {
        background: -webkit-gradient(linear, left bottom, right top, from(#000000), color-stop(0.5, rgb(182, 0, 0)), to(#000000)) !important;
    }
    /* ============================================================================================================================
== クエスト関連ページ
** ============================================================================================================================ */
    
    .quest_list {
        background-image: url(../images/common_img/bg02.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 300px;
        min-height: 98px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }
    
    .quest_g_name {
        bottom: 1px;
        width: 80px;
        background: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.6)), color-stop(100%, rgba(255, 255, 255, 0)));
        padding: 2px 0 1px 0;
    }
    
    .quest_i_name {
        bottom: 1px;
        width: 66px;
        background: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.6)), color-stop(100%, rgba(255, 255, 255, 0)));
        padding: 2px 0 2px 0;
        display: block;
    }
    
    .quest_b_name {
        bottom: 1px;
        width: 56px;
        background: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.6)), color-stop(100%, rgba(255, 255, 255, 0)));
        padding: 2px 0 2px 0;
        display: block;
    }
    /*.list_bg td {
	background: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.6)), color-stop(100%,rgba(255,255,255,0)));
}*/
    /*カードリスト名前　共通*/
    
    .quest_txt {
        padding-top: 12px;
        padding-left: 84px;
    }
    
    .quest_list_name {
        padding-bottom: 4px;
        /*width:290px;
	margin:0 auto;*/
    }
    
    .quest_list td {
        line-height: 14px;
    }
    
    .quest_list td:first-child {
        width: 40px;
    }
    
    .quest_list td:nth-child(2) {
        width: 50px;
    }
    
    .boss_status td {
        line-height: 16px;
    }
    
    .boss_status td:first-child {
        width: 50px;
        text-align: center;
    }
    
    .boss_status td:nth-child(2) {
        min-width: 50px;
        text-align: left;
    }
    /*ドロップアイテム*/
    
    table.drop_item {
        margin: 0 auto;
    }
    
    table.drop_item td {
        padding: 2px;
    }
    
    table.drop_item td div {
        border: #492908 solid 1px;
        padding: 2px;
        background: -webkit-gradient(linear, left top, right top, from(#490000), color-stop(0.5, rgb(122, 17, 17)), to(#490000));
    }
    
    .drop_item ul {
        margin: 0 auto;
        font-size: 0;
        width: 210px;
        text-align: center;
    }
    
    .drop_item li {
        margin: 2px;
        font-size: 13px;
        display: inline-table;
    }
    
    .drop_item li div {
        border: #492908 solid 1px;
        padding: 2px;
        background: -webkit-gradient(linear, left top, right top, from(#490000), color-stop(0.5, rgb(122, 17, 17)), to(#490000));
        display: table-cell;
    }
    
    .drop_item li span {
        display: block;
        padding-top: 4px;
    }
    /*自動合成ステータス部分*/
    
    .compose_status {
        float: right;
        padding-top: 12px;
        font-size: 11px;
    }
    
    .compose_status table {
        margin: 0 auto;
        text-align: center;
        border-spacing: 0;
    }
    
    .compose_status td:nth-child(1) {
        width: 26px;
    }
    
    .compose_status td:nth-child(2) {
        width: 16px;
    }
    
    .compose_status td:nth-child(3) {
        width: 40px;
    }
    
    .compose_status tr:nth-child(odd) td div {
        background-color: rgba(255, 255, 255, 0.2);
        margin-right: 1px;
        line-height: 12px;
    }
    
    .compose_status tr:nth-child(even) td {
        line-height: 23px;
    }
    /*.quest_list_name table{
	width: 290px;
	margin:0 auto;
}*/
    /*.quest_list_name table:first-child td {
	height: 27px;
	padding-top: 3px;
}
.quest_list_name table:first-child td:first-child div {
	display: inline-block;
	vertical-align: middle;
}
.quest_list_name table:first-child td:first-child div:nth-child(3)  {
	vertical-align: sub;
}*/
    /*background-image: url('/images/quest/bg02.jpg');
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 320px 105px;
	padding: 15px 10px 0 11px;
	margin-bottom: 8px;
	height: 90px;
	color: #330000;
	text-shadow: 0px 1px 1px rgb(255, 255, 255);
	font-weight: bold !important;
	position: relative;*/
    /* ============================================================================================================================
== animation
** ============================================================================================================================ */
    /* 点滅 */
    
    .blinkingInfo {
        -webkit-animation: blink_anime 0.7s ease-out infinite alternate;
        -moz-animation: blink_anime 0.7s ease-out infinite alternate;
        animation: blink_anime 0.7s ease-out infinite alternate;
    }
    
    @-webkit-keyframes blink_anime {
        0% {
            opacity: 0.3;
        }
        100% {
            opacity: 1;
        }
    }
    
    @-moz-keyframes blink_anime {
        0% {
            opacity: 0.3;
        }
        100% {
            opacity: 1;
        }
    }
    
    @keyframes blink_anime {
        0% {
            opacity: 0.3;
        }
        100% {
            opacity: 1;
        }
    }
    
    .blinking {
        -webkit-animation: blink_anime 0.7s ease-out infinite alternate;
        -moz-animation: blink_anime 0.7s ease-out infinite alternate;
        animation: blink_anime 0.7s ease-out infinite alternate;
    }
}
@-webkit-keyframes blink_anime {
    0% {
        opacity: 0.3;
    }
    
    100% {
        opacity: 1;
    }
}
@-moz-keyframes blink_anime {
    0% {
        opacity: 0.3;
    }
    
    100% {
        opacity: 1;
    }
}
@keyframes blink_anime {
    0% {
        opacity: 0.3;
    }
    
    100% {
        opacity: 1;
    }
}
.blinking2 {
    -webkit-animation: blink_anime2 0.7s ease-out infinite alternate;
    -moz-animation: blink_anime2 0.7s ease-out infinite alternate;
    animation: blink_anime2 0.7s ease-out infinite alternate;
}
@-webkit-keyframes blink_anime2 {
    0% {
        opacity: 0;
    }
    
    100% {
        opacity: 1;
    }
}
@-moz-keyframes blink_anime2 {
    0% {
        opacity: 0;
    }
    
    100% {
        opacity: 1;
    }
}
@keyframes blink_anime2 {
    0% {
        opacity: 0;
    }
    
    100% {
        opacity: 1;
    }
}

/*ダイアログポップアップ　アニメーション 背景*/
@-webkit-keyframes 'popup_bg_anime' {
    0% {
        opacity: 0;
    }
    
    100% {
        opacity: 1;
    }
}
.popup_bg {
    -webkit-animation-name: popup_bg_anime;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 0s;
}

/*ダイアログポップアップ　アニメーション*/
@-webkit-keyframes 'popup_board_anime' {
    0% {
        -webkit-transform: scale(1, 0);
    }
    
    100% {
        -webkit-transform: scale(1, 1);
    }
}
.popup_board {
    -webkit-animation-name: popup_board_anime;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 0s;
}

/*光彩 四角*/
@-webkit-keyframes 'pulse' {
    0% {
        -webkit-box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2), 1px -1px 2px rgba(255, 255, 255, 0.2), -1px 1px 2px rgba(255, 255, 255, 0.2), -1px -1px 2px rgba(255, 255, 255, 0.2);
    }
    
    100% {
        -webkit-box-shadow: 1px 1px 2px rgba(255, 255, 255, 1), 1px -1px 2px rgba(255, 255, 255, 1), -1px 1px 2px rgba(255, 255, 255, 1), -1px -1px 2px rgba(255, 255, 255, 1);
    }
}
.flash2 {
    -webkit-animation-name: pulse;
    -webkit-animation-duration: 0.8s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 0s;
}

/*矢印アニメーション　強化ベースガール選択*/
@-webkit-keyframes 'arrow_anime' {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0px);
    }
    
    10% {
        opacity: 1;
        -webkit-transform: translateY(0px);
    }
    
    100% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
    }
}
.arrow_loop {
    -webkit-animation-name: arrow_anime;
    -webkit-animation-duration: 1.6s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-delay: 0s;
}
.sort_title {
    text-shadow: 0 -2px 1px #000;
    background: -webkit-gradient(linear, left top, right top, from(#000000), color-stop(0.5, rgb(148, 12, 88)), to(#000000));
    "

}

/*跳ねるアニメーション*/
.bound_loop {
    -webkit-animation-duration: 4s;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: bottom center;
    -webkit-animation-name: bound_anime;
}
@-webkit-keyframes bound_anime {
    0% {
        -webkit-transform: scale(1, 1);
    }
    
    48% {
        -webkit-transform: scale(1, 1);
    }
    
    50% {
        -webkit-transform: scale(1.1, 0.9);
    }
    
    53% {
        -webkit-transform: scale(0.9, 1.1) translate(0, -5px);
    }
    
    57.5% {
        -webkit-transform: scale(1, 1) translate(0, -3px);
    }
    
    59% {
        -webkit-transform: scale(1, 1) translate(0, 0px);
    }
    
    100% {
        -webkit-transform: scale(1, 1);
    }
}
.center_bound_loop {
    display: block;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: middle center;
    -webkit-transform: scale(1);
    -webkit-animation-name: center_bound_anime;
}
@-webkit-keyframes center_bound_anime {
    0% {
        -webkit-transform: scale(1);
    }
    
    70% {
        -webkit-transform: scale(1);
    }
    
    85% {
        -webkit-transform: scale(1.4);
    }
    
    100% {
        -webkit-transform: scale(1);
    }
}
.center_bound_loop {
    -webkit-animation-duration: 1.5s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: middle center;
    -webkit-animation-name: center_bound_anime;
    -webkit-transform: rotate(0deg);
}
@-webkit-keyframes center_bound_anime {
    0% {
        -webkit-transform: rotate(0deg);
    }
    
    50% {
        -webkit-transform: rotate(0deg);
    }
    
    60% {
        -webkit-transform: rotate(5deg);
    }
    
    70% {
        -webkit-transform: rotate(-5deg);
    }
    
    80% {
        -webkit-transform: rotate(4deg);
    }
    
    90% {
        -webkit-transform: rotate(-3deg);
    }
    
    100% {
        -webkit-transform: rotate(0deg);
    }
}

/*光彩 四角*/
@-webkit-keyframes 'pulse_red' {
    0% {
        -webkit-box-shadow: 1px 1px 2px rgba(223, 0, 107, 0.2), 1px -1px 2px rgba(223, 0, 107, 0.2), -1px 1px 2px rgba(223, 0, 107, 0.2), -1px -1px 2px rgba(223, 0, 107, 0.2);
    }
    
    100% {
        -webkit-box-shadow: 1px 1px 2px rgba(223, 0, 107, 1), 1px -1px 2px rgba(223, 0, 107, 1), -1px 1px 2px rgba(223, 0, 107, 1), -1px -1px 2px rgba(223, 0, 107, 1);
    }
}
.flash_red {
    -webkit-animation-name: pulse_red;
    -webkit-animation-duration: 0.8s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 0s;
}

/* ============================================================================================================================
== タワーイベント関連 アニメ
** ============================================================================================================================ */

/*フェードイン*/
@-webkit-keyframes 'fadeInLeft' {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-4px);
    }
    
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 0s;
}

/*バウンスアップ*/
@-webkit-keyframes 'bounceInUp' {
    0% {
        opacity: 0;
        -webkit-transform: translateY(8px);
    }
    
    60% {
        opacity: 0.6;
        -webkit-transform: translateY(-4px);
    }
    
    80% {
        opacity: 0.8;
        -webkit-transform: translateY(2px);
    }
    
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
.bounceInUp {
    -webkit-animation-name: bounceInUp;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 0s;
}

/*フェードアウト*/
@-webkit-keyframes 'fadeOut' {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
    
    100% {
        opacity: 0;
        -webkit-transform: translateX(0);
    }
}
.fadeOut {
    -webkit-animation-name: fadeOut;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 0s;
}

/*フェードアウト*/
@-webkit-keyframes 'fadeOut' {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
    
    100% {
        opacity: 0;
        -webkit-transform: translateX(0);
    }
}
.fadeOut {
    -webkit-animation-name: fadeOut;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 0s;
}

/* ============================================================================================================================
== タワーイベント関連 スタイル
** ============================================================================================================================ */
.eve_twr_title {
    line-height: 20px;
    width: 320px;
    height: 20px;
    background-image: url(../images/201406_event_tower/parts/tower_title.png);
    background-size: 320px;
    color: #F9FFB6;
    text-shadow: 1px 1px 1px rgb(0, 0, 0);
    font-size: 12px;
}
.gauge_bg {
    display: block;
    border-radius: 12px;
    border: 1px solid #D6CAEC;
    height: 4px;
    width: 100%;
    opacity: 0.5;
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(0, 9, 73, 1)), color-stop(41%, rgba(0, 49, 122, 1)), color-stop(100%, rgba(4, 0, 100, 1)));
}
.u_gauge_bg {
    display: block;
    border-radius: 12px;
    border: 1px solid #D6CAEC;
    height: 4px;
    width: 100%;
    opacity: 0.5;
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(97, 0, 86, 1)), color-stop(41%, rgba(126, 68, 131, 1)), color-stop(100%, rgba(133, 0, 85, 1)));
}
.progressArea .prg,
.statusBarArea .eng,
.statusBarArea .exp,
.hpArea .hp {
    height: 4px;
    -webkit-box-align: left;
    -webkit-box-pack: left;
    display: block;
}
.progressArea .prg {
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(41%, rgba(255, 187, 0, 1)), color-stop(100%, rgba(255, 0, 0, 1)));
}
.statusBarArea .eng {
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 204, 0, 1)), color-stop(41%, rgba(248, 179, 0, 1)), color-stop(100%, rgba(255, 115, 21, 1)));
}
.statusBarArea .exp {
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(82, 255, 0, 1)), color-stop(41%, rgba(8, 211, 0, 1)), color-stop(100%, rgba(0, 124, 5, 1)));
}
.hpArea .hp {
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 0, 61, 1)), color-stop(41%, rgba(211, 0, 169, 1)), color-stop(100%, rgba(124, 0, 69, 1)));
}
.progressArea,
.powerArea,
.experienceArea,
.hpArea {
    font-size: 11px;
    z-index: 101;
}
.sba_bg {
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.65)));
    width: 320px;
    height: 33px;
    z-index: 100;
    top: 210px;
}
.s_title {
    height: 24px;
    line-height: 25px;
    text-shadow: 1px 1px 1px rgb(0, 0, 0);
    font-size: 11px;
    font-weight: normal;
}
.treasure img {
    width: 46px;
}
.treasure_num {
    text-align: right;
    width: 42px;
    display: block;
    padding: 2px 0 0;
}
.twr_dummyStyle_M {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 124px 40px;
    width: 124px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    border-radius: 40px;
    display: block;
    margin: 6px auto;
}
.twr_dummyStyle_M {
    background-image: url(../img/button/btn_imp01_w124.png);
    color: #000;
    text-shadow: 0px -1px 0 #F9C, 0px 1px 0 #000;
}

/*フレンドリストS*/
.friend_list {
    border: none;
}
.friend_list hr {
    height: 0;
    border: 0;
    border-top: #492908 solid 1px;
    border-bottom: #000 solid 1px;
    margin: 1px 0 0;
}
.friend_list ul {
    display: -webkit-inline-box;
}
.friend_list li {
    margin: 0 4px;
    border: #492908 solid 1px;
}
.friend_list li:first-child {
    margin-top: 0px;
}
.friend_list li:last-child {
    margin-bottom: 0px;
}
.friend_list li:nth-child(even) {
    background: -webkit-gradient(linear, left bottom, right top, from(#000000), color-stop(0.5, rgb(51, 0, 20)), to(#000000));
    border-top: #492908 solid 1px;
}
.friend_list li:nth-child(odd) {
    background: -webkit-gradient(linear, left bottom, right top, from(#000000), color-stop(0.5, rgb(51, 0, 0)), to(#000000));
    border-top: #492908 solid 1px;
}
.friend_list .list_status {
    width: 130px;
    margin: 0 auto;
    padding-top: 2px;
    font-size: 11px;
}
.friend_list .list_status table {
    margin: 0;
    text-align: center;
}
.friend_list .list_status td {
    width: 74px;
}
.friend_list .list_status tr:nth-child(odd) td div {
    background-color: rgba(255, 255, 255, 0.2);
    margin-right: 1px;
}
.friend_list .list_status tr:nth-child(odd) td:last-child div {
    margin-right: 0;
}
.friend_list .list_status tr:nth-child(even) td {
    line-height: 16px;
}

/*.friend_list .list_status tr:nth-child(5) td div{
	margin-top:1px;
	background-color: rgba(0, 92, 255, 0.2);
}
*/

/*カードリストS*/
.friend_list_b {
    border: none;
}
.friend_list_b hr {
    height: 0;
    border: 0;
    border-top: #492908 solid 1px;
    border-bottom: #000 solid 1px;
    margin: 1px 0 0;
}
.friend_list_b li {
    padding-bottom: 3px;
    margin: 12px 0;
    border: #492908 solid 1px;
}
.friend_list_b li:first-child {
    margin-top: 0px;
}
.friend_list_b li:last-child {
    margin-bottom: 0px;
}
.friend_list_b li:nth-child(even) {
    background: -webkit-gradient(linear, left bottom, right top, from(#000000), color-stop(0.5, rgb(51, 0, 20)), to(#000000));
    border-top: #492908 solid 1px;
}
.friend_list_b li:nth-child(odd) {
    background: -webkit-gradient(linear, left bottom, right top, from(#000000), color-stop(0.5, rgb(51, 0, 0)), to(#000000));
    border-top: #492908 solid 1px;
}
.friend_list_b .list_status {
    width: 290px;
    margin: 0 auto;
    padding-top: 2px;
    font-size: 11px;
}
.friend_list_b .list_status table {
    margin: 0;
    text-align: center;
}
.friend_list_b .list_status td {
    width: 74px;
}
.friend_list_b .list_status tr:nth-child(odd) td div {
    background-color: rgba(255, 255, 255, 0.2);
    margin-right: 1px;
}
.friend_list_b .list_status tr:nth-child(odd) td:last-child div {
    margin-right: 0;
}
.friend_list_b .list_status tr:nth-child(even) td {
    line-height: 16px;
}
.friend_list_b .list_status tr:nth-child(5) td div {
    margin-top: 1px;
    background-color: rgba(0, 224, 255, 0.42)
}
.color_o {
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(201, 149, 190, 0.65))) !important;
}
.color_s {
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(199, 81, 221, 0.65))) !important;
}
.color_b {
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(255, 179, 45, 0.28))) !important;
}

/* ============================================================================================================================
== チュートリアル
** ============================================================================================================================ */
.barStyle {
    width: 100%;
    vertical-align: top;
    position: absolute;
    top: 0;
    left: 0;
}

/* ============================================================================================================================
== checked div
** ============================================================================================================================ */
div.checked {
    position: absolute;
    z-index: 10;
    display: none;
}
div.checked img {
    opacity: 1;
    z-index: 20;
    margin: auto;
}

/* ============================================================================================================================
== グレーアウトdiv
** ============================================================================================================================ */
div.gray_out {
    background-color: #000;
    opacity: .7;
    width: 100%;
    height: 100%;
}

/* ============================================================================================================================
== ローディングオーバーレイdiv
** ============================================================================================================================ */
div.loading_overlay {
    background-color: #000;
    position: relative;
    min-width: 320px;
    min-height: 200px;
}
div.loading_overlay .img_wrap {
    margin: -50px 0 0 -50px;
    position: absolute;
    top: 50%;
    left: 50%;
}

/* ============================================================================================================================
== ローディングアニメーション
** ============================================================================================================================ */
div.loading_animation {
    position: absolute;
    width: 320px;
    /*height: 461px;*/
    
    height: 800px;
    z-index: 1500;
    background: rgba(0, 0, 0, 1);
}
div.loading_animation .anim_wrap {
    margin-top: 180px;
    text-align: center;
}
div.loading_animation2 {
    background-color: #000;
    position: absolute;
    top: 21px;
    left: 0;
    width: 100%;
    height: 250px;
    z-index: 9999;
}
div.loading_animation2 .anim_wrap {
    margin: 0 0 0 -50px;
    position: absolute;
    top: 79px;
    left: 50%;
}

/* ============================================================================================================================
== クルクル
** ============================================================================================================================ */
.mypage-canvas-wrapper,
.mypage-canvas-wrapper * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mypage-canvas-wrapper {
    overflow: hidden;
    width: 320px;
    height: 340px;
    position: relative;
    top: 0;
    margin: 0 auto;
}
.mypage-canvas-wrapper>canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ============================================================================================================================
== マイページレイアウト
** ============================================================================================================================ */
.key_color {
    background-image: url(../img/mypage/BG.jpg?20200416);
    background-repeat: repeat-y;
    background-size: 100%;
    position: relative;
}
.key_color_pc {
    /*background: -moz-linear-gradient(left,  rgba(0,0,0,0.25) 0%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0) 85%, rgba(0,0,0,0.25) 100%);*/
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.25) 0%, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0) 85%, rgba(0, 0, 0, 0.25) 100%);
    /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to right,  rgba(0,0,0,0.25) 0%,rgba(255,255,255,0.2) 25%,rgba(255,255,255,0) 85%,rgba(0,0,0,0.25) 100%);*/
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/*.mypage {
	background-image: url(../img/mypage/BG_top_sky.png?=001);
	background-repeat: no-repeat;
	background-size: 100%;
}*/
.mypage_bg {
    /*background-image: url(../img/mypage/bg_cloud.png);*/
    
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0% 79%;
}
.g_start {
    -webkit-transform: scale(0.7, 0.7);
    -webkit-transform-origin: left bottom;
}
.f_start {
    -webkit-transform: scale(0.7, 0.7);
    -webkit-transform-origin: center bottom;
}
.hl_start {
    -webkit-transform: scale(0.7, 0.7);
    -webkit-transform-origin: left center;
}
.animation-bounce {
    -webkit-animation: animation 1000ms linear both;
    animation: animation 1000ms linear both;
}

/* Generated with Bounce.js. Edit at http://goo.gl/FRNNmS */
@-webkit-keyframes animation {
    0% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    
    5.61% {
        -webkit-transform: matrix3d(1.541, 0, 0, 0, 0, 1.541, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.541, 0, 0, 0, 0, 1.541, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    
    8.41% {
        -webkit-transform: matrix3d(1.803, 0, 0, 0, 0, 1.803, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.803, 0, 0, 0, 0, 1.803, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    
    11.11% {
        -webkit-transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    
    14.91% {
        -webkit-transform: matrix3d(1.835, 0, 0, 0, 0, 1.835, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.835, 0, 0, 0, 0, 1.835, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    
    18.72% {
        -webkit-transform: matrix3d(1.788, 0, 0, 0, 0, 1.788, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.788, 0, 0, 0, 0, 1.788, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    
    26.03% {
        -webkit-transform: matrix3d(1.881, 0, 0, 0, 0, 1.881, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.881, 0, 0, 0, 0, 1.881, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    
    33.33% {
        -webkit-transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    
    41.04% {
        -webkit-transform: matrix3d(1.961, 0, 0, 0, 0, 1.961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.961, 0, 0, 0, 0, 1.961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    
    55.66% {
        -webkit-transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    
    63.26% {
        -webkit-transform: matrix3d(1.993, 0, 0, 0, 0, 1.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.993, 0, 0, 0, 0, 1.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    
    77.88% {
        -webkit-transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    
    85.49% {
        -webkit-transform: matrix3d(1.999, 0, 0, 0, 0, 1.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.999, 0, 0, 0, 0, 1.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    
    100% {
        -webkit-transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
}
@keyframes animation {
    0% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    
    5.61% {
        -webkit-transform: matrix3d(1.541, 0, 0, 0, 0, 1.541, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.541, 0, 0, 0, 0, 1.541, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    
    8.41% {
        -webkit-transform: matrix3d(1.803, 0, 0, 0, 0, 1.803, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.803, 0, 0, 0, 0, 1.803, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    
    11.11% {
        -webkit-transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    
    14.91% {
        -webkit-transform: matrix3d(1.835, 0, 0, 0, 0, 1.835, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.835, 0, 0, 0, 0, 1.835, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    
    18.72% {
        -webkit-transform: matrix3d(1.788, 0, 0, 0, 0, 1.788, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.788, 0, 0, 0, 0, 1.788, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    
    26.03% {
        -webkit-transform: matrix3d(1.881, 0, 0, 0, 0, 1.881, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.881, 0, 0, 0, 0, 1.881, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    
    33.33% {
        -webkit-transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    
    41.04% {
        -webkit-transform: matrix3d(1.961, 0, 0, 0, 0, 1.961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.961, 0, 0, 0, 0, 1.961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    
    55.66% {
        -webkit-transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    
    63.26% {
        -webkit-transform: matrix3d(1.993, 0, 0, 0, 0, 1.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.993, 0, 0, 0, 0, 1.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    
    77.88% {
        -webkit-transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    
    85.49% {
        -webkit-transform: matrix3d(1.999, 0, 0, 0, 0, 1.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.999, 0, 0, 0, 0, 1.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    
    100% {
        -webkit-transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
}

/* ============================================================================================================================
== 共通レイアウト
** ============================================================================================================================ */
.header_parts {
    overflow: hidden;
    width: 320px;
    height: 50px;
    position: relative;
    top: 0;
    margin: 0 auto;
}
footerNew {
    background-image: url(/public/img/mypage/footer/footer_BG.png);
    background-repeat: no-repeat;
    background-size: 320px;
    background-position: 0 0px;
    width: 320px;
    height: 67.5px;
}
footer {
    background-image: url(/public/img/footer/footer_BG.png);
    background-repeat: no-repeat;
    background-size: 320px;
    background-position: 0 6px;
    width: 320px;
}
header {
    width: 320px;
    height: auto;
    position: relative;
}
.menu {
    padding-top: 5px;
}
.menu img {
    width: 50px;
}
.menu ul {
    /*liの隙間を埋める*/
    
    font-size: 0;
    text-align: center;
    line-height: 0;
    padding: 0;
}
.menu ul li {
    display: inline;
}

/* ============================================================================================================================
== 以前テキスト
** ============================================================================================================================ */
.txt-g-blue {
    color: #579bfc;
    text-shadow: 1px 1px 1px rgba(60, 0, 0, 0.8);
    font-weight: 400;
}
.txt-g-white {
    color: #ffffff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}
.txt-g-red {
    color: #F00;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}
.txt-g-pink {
    color: #FF5FC1;
    text-shadow: 1px 1px 1px rgba(60, 0, 0, 0.8);
    text-decoration: underline;
}
.txt-g-pink2 {
    color: #FF5FC1;
    text-shadow: 0px 1px 1px rgba(243, 225, 225, 0.6), -1px 0 1px rgba(0, 0, 0, 0.4);
}
.txt-g-yellow {
    color: #ffff3c;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
    text-decoration: underline;
}
.txt-g-yellow2 {
    color: #e5cb85;
    text-shadow: 1px 1px 1px rgb(0, 0, 0);
}
.txt-g-brown {
    color: #690000;
    text-shadow: 1px 1px 1px rgba(60, 0, 0, 0.8);
}
.txt-g-brown2 {
    color: #130D06;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
    font-weight: bold;
    color: #300;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
}
.txt-g-w-pink {
    color: #ffffff;
    text-shadow: 0 0 3px rgba(255, 0, 130, 1), 0 0 2px rgba(255, 0, 130, 1), 1px 1px 0 rgba(255, 0, 130, 0.6), -1px -1px 0 rgba(255, 0, 130, 0.6);
}
.txt-g-w-red {
    color: #F00;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
}
.txt-g-w-grn {
    color: #00fca5;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
}
.txt-g-w-aqua {
    color: #a5fcff;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
}
.txt-g-w-brown {
    text-shadow: 0 0 6px rgba(60, 0, 0, 1), 0 0 5px rgba(60, 0, 0, 1), 0 0 4px rgba(60, 0, 0, 1), 0 0 3px rgba(60, 0, 0, 1), 0 0 2px rgba(60, 0, 0, 1), 1px 1px 0 rgba(60, 0, 0, 1), -1px -1px 0 rgba(60, 0, 0, 1);
}
.txt-g-w-brown2 {
    text-shadow: 0 0 3px rgba(60, 0, 0, 1), 0 0 2px rgba(60, 0, 0, 1), 1px 1px 0 rgba(60, 0, 0, 1), -1px -1px 0 rgba(60, 0, 0, 1);
}
.link_pink_txt {
    color: #db0086;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8), -1px 0 3px rgba(60, 0, 0, 0.4);
    text-decoration: underline;
    float: right;
}
.txt-gray {
    color: #AAA;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
    font-weight: normal;
}
.c-brown {
    color: #2D0F0F;
    text-shadow: 1px 1px #FFFFFF;
    font-weight: bold;
}
.c-red {
    color: #F00;
}

/* ============================================================================================================================
== 汎用テキスト　フォント装飾
** ============================================================================================================================ */
.txt-a-red {
    color: #F00;
    text-shadow: none !important;
    font-weight: bold;
}
.txt-a-ble {
    color: #10009E;
    text-shadow: none !important;
    font-weight: bold;
}
.txt-a-grn {
    color: #059013;
    text-shadow: none !important;
    font-weight: bold;
}
.txt_bk {
    color: rgb(0, 0, 0);
    text-shadow: none !important;
    font-weight: bold;
}
.txt_wh {
    color: rgb(255, 255, 255);
    text-shadow: none !important;
    font-weight: bold;
}
.txt-org {
    color: rgb(202, 31, 0);
    text-shadow: none !important;
    font-weight: bold;
}
.txt-pink {
    color: rgb(255, 70, 150);
    text-shadow: none !important;
    font-weight: bold;
}
.txt-blue {
    color: #10009E;
    text-shadow: none !important;
    font-weight: bold;
}
.txt-aqua {
    color: #a5fcff;
    text-shadow: none !important;
    font-weight: bold;
}
.txt_bk_s {
    color: rgb(0, 0, 0);
    text-shadow: 0 1px 1px #FFF;
    font-weight: bold;
}
.txt-red {
    color: #F00;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
    font-weight: normal;
}
.txt-o {
    color: #FF2700;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
    font-weight: bold;
}

/*白ボーダー*/
.txt-b-w-red {
    font-weight: bold;
    color: #b60610;
    text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
.txt-b-w-red_L {
    font-weight: bold;
    color: #b60610;
    text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff;
}
.txt-b-w-grn {
    font-weight: bold;
    color: #059013;
    text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
.txt-b-w-green {
    font-weight: bold;
    color: #059013;
    text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
.txt-b-w-grn_L {
    font-weight: bold;
    color: #059013;
    text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff;
}
.txt-b-w-pink {
    font-weight: bold;
    color: #FF2298;
    text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
.txt-b-w-pink_L {
    font-weight: bold;
    color: #FF2298;
    text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff;
}
.txt-b-w-blue {
    font-weight: bold;
    color: #062AB6;
    text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
.txt-b-w-aqua {
    font-weight: bold;
    color: #0090DD;
    text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
.txt-b-w-yel {
    font-weight: bold;
    color: #b5b40e;
    text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
.txt-b-w-blue_L {
    font-weight: bold;
    color: #062AB6;
    text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff;
}
.txt-b-w-bk {
    font-weight: bold;
    color: #000;
    text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
.txt-b-w-bk_L {
    font-weight: bold;
    color: #000;
    text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff;
}
.txt-b-w-o {
    font-weight: bold;
    color: rgb(255, 68, 0);
    text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
.txt-b-w-o_L {
    font-weight: bold;
    color: rgb(255, 68, 0);
    text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff;
}
.txt-b-w-ple {
    font-weight: bold;
    color: rgb(66, 0, 255);
    text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
.txt-b-w-ple_L {
    font-weight: bold;
    color: rgb(66, 0, 255);
    text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff;
}
.txt-b-w-purple {
    font-weight: bold;
    color: #8a2be2;
    text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
.txt-b-w-purle_L {
    font-weight: bold;
    color: #8a2be2;
    text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff;
}
.txt-b-w-orange {
    font-weight: bold;
    color: #FF6600;
    text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
.txt-b-w-white {
    font-weight: bold;
    color: #8e8e8e;
    text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

/*黒ボーダー*/
.txt-b-b-white {
    font-weight: bold;
    color: #fff;
    text-shadow: 0 1px 0 #000, 1px 0 0 #000, 0 -1px 0 #000, -1px 0 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.txt-b-b-whiteBig {
    font-weight: bold;
    color: #fff;
    text-shadow: #000 2px 0px 0px, #000 -2px 0px 0px, #000 0px -2px 0px, #000 0px 2px 0px, #000 2px 2px 0px, #000 -2px 2px 0px, #000 2px -2px 0px, #000 -2px -2px 0px, #000 1px 2px 0px, #000 -1px 2px 0px, #000 1px -2px 0px, #000 -1px -2px 0px, #000 2px 1px 0px, #000 -2px 1px 0px, #000 2px -1px 0px, #000 -2px -1px 0px, #000 1px 1px 0px, #000 -1px 1px 0px, #000 1px -1px 0px, #000 -1px -1px 0px;
}
.txt-b-b-white_L {
    font-weight: bold;
    color: #FFF;
    text-shadow: 0 1px 0 #000, 1px 0 0 #000, 0 -1px 0 #000, -1px 0 0 #000;
}
.txt-b-b-red {
    font-weight: bold;
    color: #F00;
    text-shadow: 0 1px 0 #000, 1px 0 0 #000, 0 -1px 0 #000, -1px 0 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.txt-b-b-blue {
    font-weight: bold;
    color: #06C;
    text-shadow: 0 1px 0 #000, 1px 0 0 #000, 0 -1px 0 #000, -1px 0 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.txt-b-b-yel {
    font-weight: bold;
    color: #FF0;
    text-shadow: 0 1px 0 #000, 1px 0 0 #000, 0 -1px 0 #000, -1px 0 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.txt-b-b-yellow {
    font-weight: bold;
    color: #FF0;
    text-shadow: 0 1px 0 #000, 1px 0 0 #000, 0 -1px 0 #000, -1px 0 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.txt-b-b-yel_L {
    font-weight: bold;
    color: rgb(249, 255, 0);
    text-shadow: 0 1px 0 #000, 1px 0 0 #000, 0 -1px 0 #000, -1px 0 0 #000;
}
.txt-b-b-grn {
    font-weight: bold;
    color: #60aa00;
    text-shadow: 0 1px 0 #000, 1px 0 0 #000, 0 -1px 0 #000, -1px 0 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.txt-b-b-green {
    font-weight: bold;
    color: #60aa00;
    text-shadow: 0 1px 0 #000, 1px 0 0 #000, 0 -1px 0 #000, -1px 0 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.txt-b-b-ple {
    font-weight: bold;
    color: #FF37ED;
    text-shadow: 0 1px 0 #000, 1px 0 0 #000, 0 -1px 0 #000, -1px 0 0 #000;
}
.txt-b-b-purple {
    font-weight: bold;
    color: #8a2be2;
    text-shadow: 0 1px 0 #000, 1px 0 0 #000, 0 -1px 0 #000, -1px 0 0 #000;
}
.txt-b-b-orange {
    font-weight: bold;
    color: #FF6600;
    text-shadow: 0 1px 0 #000, 1px 0 0 #000, 0 -1px 0 #000, -1px 0 0 #000;
}
.txt-b-b-pink {
    font-weight: bold;
    color: #FF2298;
    text-shadow: 0 1px 0 #000, 1px 0 0 #000, 0 -1px 0 #000, -1px 0 0 #000;
}
.txt-b-b-pink2 {
    font-weight: bold;
    color: #ffd4f2;
    text-shadow: 0 1px 0 #000, 1px 0 0 #000, 0 -1px 0 #000, -1px 0 0 #000;
}
.txt-b-b-aqua {
    font-weight: bold;
    color: #0090DD;
    text-shadow: 0 1px 0 #000, 1px 0 0 #000, 0 -1px 0 #000, -1px 0 0 #000;
}

/*オレンジボーダー*/
.txt-b-o-white {
    font-weight: bold;
    color: #fff;
    text-shadow: 0 1px 0 #F60, 1px 0 0 #F60, 0 -1px 0 #F60, -1px 0 0 #F60, -1px -1px 0 #F60, 1px -1px 0 #F60, -1px 1px 0 #F60, 1px 1px 0 #F60;
}

/* ============================================================================================================================
== 汎用スタイル
** ============================================================================================================================ */
.pr {
    position: relative;
}
.pa {
    position: absolute;
}
.tc {
    text-align: center;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.tr {
    text-align: right;
}
.tl {
    text-align: left;
}
.fs32 {
    font-size: 32px;
}
.fs30 {
    font-size: 30px;
}
.fs28 {
    font-size: 28px;
}
.fs26 {
    font-size: 26px;
}
.fs24 {
    font-size: 24px;
}
.fs22 {
    font-size: 22px;
}
.fs20 {
    font-size: 20px;
}
.fs18 {
    font-size: 18px;
}
.fs16 {
    font-size: 16px;
}
.fs15 {
    font-size: 15px;
}
.fs14 {
    font-size: 14px;
}
.fs12 {
    font-size: 12px !important;
}
.fs11 {
    font-size: 11px;
}
.fs10 {
    font-size: 10px !important;
}
.fs9 {
    font-size: 10px;
    -webkit-transform: scale(0.9, 0.9);
    display: inline-block;
    margin-left: -2px;
}
.fs8 {
    font-size: 10px;
    -webkit-transform: scale(0.8, 0.8);
    display: inline-block;
    margin-left: -2px;
}
.fs7 {
    font-size: 10px;
    -webkit-transform: scale(0.7, 0.7);
    display: inline-block;
    margin-left: -2px;
}
.fs6 {
    font-size: 10px;
    -webkit-transform: scale(0.6, 0.6);
    display: inline-block;
    margin-left: -2px;
}
.m0 {
    margin: 0 auto;
    display: block;
}
.space {
    width: 320px;
    height: 20px;
    background: -webkit-gradient(linear, left top, right top, from(#000000), color-stop(0.5, rgb(51, 0, 0)), to(#000000));
}
hr.top {
    height: 0;
    border: 0;
    border-top: #492908 solid 1px;
    border-bottom: #000000 solid 1px;
    margin: 0;
}
hr.under {
    height: 0;
    border: 0;
    border-top: #000000 solid 1px;
    border-bottom: #492908 solid 1px;
    margin: 0;
}
.brown_bg {
    background: -webkit-gradient(linear, left top, left bottom, from(#d4c4a0), to(#fcf8db));
}
.br_bottom8 {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

/* ============================================================================================================================
== 汎用ダイアログポップアップ
** ============================================================================================================================ */
.sh {
    background-color: rgba(2, 2, 15, 0.8);
    width: 320px;
    top: -42px;
}
.menu_sh {
    background-color: rgba(2, 2, 15, 0.8);
    width: 320px;
    top: -42px;
}
.news_sh {
    background-color: rgba(2, 2, 15, 0.8);
    width: 320px;
    top: -42px;
}
.board_ {
    width: 290px;
    min-height: 60px;
    margin: 0 auto;
    background-image: url(../img/mypage/BG.jpg?20200416);
    background-repeat: repeat-y;
    background-size: 290px;
}
.head_ {
    width: 290px;
    min-height: 30px;
    margin: 0 auto;
    text-align: right;
    border-top: 1px solid #F69;
    border-bottom: 1px solid #333;
    background: -moz-linear-gradient(top, rgba(255, 103, 161, 1) 0%, rgba(199, 41, 80, 0.96) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(255, 103, 161, 1) 0%, rgba(199, 41, 80, 0.96) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(255, 103, 161, 1) 0%, rgba(199, 41, 80, 0.96) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.foot_ {
    bottom: 0;
    width: 290px;
    min-height: 30px;
    margin: 0 auto;
    text-align: left;
    border-top: 1px solid #F69;
    border-bottom: 1px solid #000;
    background: -moz-linear-gradient(top, rgba(255, 103, 161, 1) 0%, rgba(199, 41, 80, 0.96) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(255, 103, 161, 1) 0%, rgba(199, 41, 80, 0.96) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(255, 103, 161, 1) 0%, rgba(199, 41, 80, 0.96) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.inner_ {
    scrollbar-arrow-color: #000;
    scrollbar-face-color: #000;
    scrollbar-highlight-color: #000;
    scrollbar-shadow-color: #000;
    scrollbar-3dlight-color: #000;
    scrollbar-darkshadow-color: #000;
    scrollbar-track-color: #000;
}
.wide {
    width: 320px !important;
    background-size: 320px !important;
}

/* ============================================================================================================================
== クエストレイアウト
** ============================================================================================================================ */
.quest_title {
    font-weight: bold;
    color: rgba(41, 33, 29, 1);
    text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
.quest_name {
    background: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgb(0, 0, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
    color: rgba(255, 255, 255, 1);
    text-shadow: 0 1px 0 #000, 1px 0 0 #000, 0 -1px 0 #000, -1px 0 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.quest_num {
    color: rgba(255, 255, 255, 1);
    text-shadow: 0 1px 0 #000, 1px 0 0 #000, 0 -1px 0 #000, -1px 0 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.quest_num_red {
    color: rgba(255, 0, 0, 1);
    text-shadow: 0 1px 0 #000, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
hr.red {
    height: 0;
    border: 0;
    border-top: #B55151 solid 1px;
    border-bottom: #FFFFFF solid 1px;
    margin: 0;
}
hr.black {
    height: 0;
    border: 0;
    border-top: #000000 solid 1px;
    border-bottom: #FFFFFF solid 1px;
    margin: 0;
}
hr.white {
    height: 0;
    border: 0;
    border-top: #FFFFFF solid 1px;
    border-bottom: #000000 solid 1px;
    margin: 0;
}
.quest_frame {
    width: 146px;
    height: 4px;
    /*background: -webkit-gradient(linear, left bottom,left top, from(rgba(88, 2, 5, 0.86)), color-stop(0.5, rgba(88, 2, 5, 0.49)), to(rgba(88, 2, 5, 0.42)));
	border-radius: 10px;*/
    
    border: 1px solid rgba(224, 84, 84, 0);
}
.drop_item img {
    margin: 0 1px 0 1px;
    vertical-align: top;
    border-radius: 5px;
}
.drop_item div {
    height: 27px;
    display: table-cell;
}
.quest_frame span {
    width: 22px;
    height: 22px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(88, 2, 2, 0.41)), color-stop(0.5, rgba(88, 2, 5, 0.3)), to(rgba(88, 2, 2, 0.11)));
    border-radius: 10px;
    border-bottom: 1px solid rgba(224, 84, 84, 0.52);
    border-left: 1px solid rgba(224, 84, 84, 0.1);
    border-right: 1px solid rgba(224, 84, 84, 0.1);
    /* border-top: 1px solid rgba(182, 40, 40, 1); */
    
    display: table-cell;
}
.quest_btn {
    margin-bottom: 6px;
}
#friend_list {
    width: 300px;
    height: auto;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(88, 2, 5, 1)), color-stop(0.5, rgba(88, 2, 5, 0.3)), to(rgba(88, 2, 5, 0.05)));
    border-radius: 10px;
}

/* ============================================================================================================================
== デッキレイアウト
** ============================================================================================================================ */
.unit_status_frame {
    border: 1px solid #000;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.8);
    width: 134px;
}
.unit_status_frame img:nth-child(1) {
    padding-right: 1px;
}
.unit_status_frame img {
    vertical-align: baseline;
}
.unit_status_frame tr:nth-child(1) img {
    padding-top: 3px;
}
.unit_status_frame tr:nth-child(2) img {
    padding-bottom: 1px;
}
.unit_status_frame tr:nth-child(2) span {
    vertical-align: top;
}
.unit_container {
    width: 138px;
    height: 138px;
}
.g_frame,
.o_frame,
.b_frame,
.p_frame,
.pi_frame,
.r_frame,
.aq_frame,
.w_frame {
    width: 72px;
    padding: 0 0 1px;
    border: solid 1px #ddd;
    border-radius: 10px;
    text-align: center;
    box-shadow: #000 1px 1px inset;
}
.g_frame {
    background: rgb(22, 79, 37);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(22, 79, 37, 1) 0%, rgba(13, 160, 70, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(22, 79, 37, 1) 0%, rgba(13, 160, 70, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(22, 79, 37, 1) 0%, rgba(13, 160, 70, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.o_frame {
    background: rgb(183, 118, 9);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(183, 118, 9, 1) 0%, rgba(240, 187, 7, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(183, 118, 9, 1) 0%, rgba(240, 187, 7, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(183, 118, 9, 1) 0%, rgba(240, 187, 7, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.b_frame {
    background: rgb(19, 25, 119);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(19, 25, 119, 1) 0%, rgba(28, 84, 181, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(19, 25, 119, 1) 0%, rgba(28, 84, 181, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(19, 25, 119, 1) 0%, rgba(28, 84, 181, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.p_frame {
    background: rgb(255, 129, 190);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(255, 129, 190, 1) 0%, rgba(240, 55, 145, 1) 99%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(255, 129, 190, 1) 0%, rgba(240, 55, 145, 1) 99%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(255, 129, 190, 1) 0%, rgba(240, 55, 145, 1) 99%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.pi_frame {
    background: rgb(230, 75, 190);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(230, 75, 190, 1) 0%, rgba(236, 99, 216, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(230, 75, 190, 1) 0%, rgba(236, 99, 216, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(230, 75, 190, 1) 0%, rgba(236, 99, 216, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.r_frame {
    background: rgb(189, 18, 18);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(189, 18, 18, 1) 0%, rgba(255, 27, 27, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(189, 18, 18, 1) 0%, rgba(255, 27, 27, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(189, 18, 18, 1) 0%, rgba(255, 27, 27, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.aq_frame {
    background: rgb(34, 140, 158);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(34, 140, 158, 1) 0%, rgba(21, 148, 143, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(34, 140, 158, 1) 0%, rgba(21, 148, 143, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(34, 140, 158, 1) 0%, rgba(21, 148, 143, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.w_frame {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(228, 237, 255, 0.87) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(228, 237, 255, 0.87) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%, rgba(228, 237, 255, 0.87) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.hidden {
    overflow: hidden;
    white-space: nowrap;
}
.status_brown_frame {
    width: 54px;
    margin: 2px;
    border-radius: 10px;
    background: rgb(156, 139, 82);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(156, 139, 82, 1) 0%, rgba(169, 159, 132, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(156, 139, 82, 1) 0%, rgba(169, 159, 132, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(156, 139, 82, 1) 0%, rgba(169, 159, 132, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    
    text-align: center;
    box-shadow: #000 1px 1px inset;
}
.tute_brown_frame {
    width: 260px;
    margin: 2px;
    border-radius: 10px;
    background: rgb(156, 139, 82);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(156, 139, 82, 1) 0%, rgba(169, 159, 132, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(156, 139, 82, 1) 0%, rgba(169, 159, 132, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(156, 139, 82, 1) 0%, rgba(169, 159, 132, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    
    text-align: center;
    box-shadow: #000 1px 1px inset;
}

/* ============================================================================================================================
== バトル結果
** ============================================================================================================================ */
.dm_frame_result,
.heal_frame_result,
.buff_frame_result {
    border-radius: 10px;
    padding: 2px 4px;
    border: solid 1px #FFFFFF;
    box-shadow: #000 1px 1px inset;
    text-align: center;
}
.treasure_frame_result,
.exp_frame_result,
.kira_frame_result,
.item_frame_result {
    border-radius: 10px;
    padding: 2px 4px;
    border: solid 1px #FFFFFF;
    box-shadow: #000 1px 1px inset;
    text-align: center;
}
div.scroll {
    /*height: 394px;
    width: 130px;*/
    
    padding: 0;
    overflow: scroll;
    /*border: 1px solid rgba(255,255,255,0);*/
    /*border-top: 5px solid #900;
	border-bottom: 5px solid #900;*/
    
    -webkit-overflow-scrolling: touch;
}
div.scroll {
    overflow-y: auto;
}
div.scroll::-webkit-scrollbar {
    width: 0;
    height: 6px;
    background: rgba(255, 255, 255, 0);
}
div.scroll::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0);
}
.ib {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
}

/* ============================================================================================================================
== 汎用フレーム
** ============================================================================================================================ */
.dm_frame_result {
    background: rgb(79, 22, 22);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(160, 13, 13, 1) 0%, rgba(79, 22, 22, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(160, 13, 13, 1) 0%, rgba(79, 22, 22, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(160, 13, 13, 1) 0%, rgba(79, 22, 22, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.heal_frame_result {
    background: rgb(183, 118, 9);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(240, 187, 7, 1) 0%, rgba(183, 118, 9, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(240, 187, 7, 1) 0%, rgba(183, 118, 9, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(240, 187, 7, 1) 0%, rgba(183, 118, 9, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.buff_frame_result {
    background: rgb(22, 79, 37);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(13, 160, 70, 1) 0%, rgba(22, 79, 37, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(13, 160, 70, 1) 0%, rgba(22, 79, 37, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(13, 160, 70, 1) 0%, rgba(22, 79, 37, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.treasure_frame_result {
    background: rgb(146, 85, 20);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(146, 85, 20, 1) 0%, rgba(90, 30, 22, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(146, 85, 20, 1) 0%, rgba(90, 30, 22, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(146, 85, 20, 1) 0%, rgba(90, 30, 22, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.exp_frame_result {
    background: rgb(244, 244, 192);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(244, 244, 192, 1) 0%, rgba(203, 164, 35, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(244, 244, 192, 1) 0%, rgba(203, 164, 35, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(244, 244, 192, 1) 0%, rgba(203, 164, 35, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.kira_frame_result {
    background: rgb(61, 58, 137);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(61, 58, 137, 1) 0%, rgba(28, 22, 92, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(61, 58, 137, 1) 0%, rgba(28, 22, 92, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(61, 58, 137, 1) 0%, rgba(28, 22, 92, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.item_frame_result {
    background: rgb(58, 137, 119);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(58, 137, 119, 1) 0%, rgba(22, 76, 92, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(58, 137, 119, 1) 0%, rgba(22, 76, 92, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(58, 137, 119, 1) 0%, rgba(22, 76, 92, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/*ここから*/
.black_frame {
    border-radius: 10px;
    padding: 2px 4px;
    border: solid 1px #000;
    box-shadow: #000 1px 1px inset;
    text-align: center;
    background: rgba(255, 255, 255, 0.6);
}
.orange_frame,
.yellow_frame,
.green_frame,
.blue_frame,
.brown_frame,
.pink_frame {
    border-radius: 10px;
    padding: 2px 4px;
    border: solid 1px #ddd;
    box-shadow: #000 1px 1px inset;
    text-align: center;
    background: rgba(255, 255, 255, 0.6);
}
.pink_frame {
    background: rgb(230, 75, 190);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(236, 99, 216, 1) 0%, rgba(230, 75, 190, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(236, 99, 216, 1) 0%, rgba(230, 75, 190, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(236, 99, 216, 1) 0%, rgba(230, 75, 190, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.orange_frame {
    background: rgb(210, 145, 45);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(210, 145, 45, 1) 0%, rgba(202, 76, 0, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(210, 145, 45, 1) 0%, rgba(202, 76, 0, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(210, 145, 45, 1) 0%, rgba(202, 76, 0, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.yellow_frame {
    background: rgb(255, 234, 87);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(255, 234, 87, 1) 0%, rgba(173, 173, 0, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(255, 234, 87, 1) 0%, rgba(173, 173, 0, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(255, 234, 87, 1) 0%, rgba(173, 173, 0, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.green_frame {
    background: rgb(162, 216, 103);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(162, 216, 103, 1) 0%, rgba(110, 162, 81, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(162, 216, 103, 1) 0%, rgba(110, 162, 81, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(162, 216, 103, 1) 0%, rgba(110, 162, 81, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.blue_frame {
    background: rgb(119, 221, 255);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(119, 221, 255, 1) 0%, rgba(85, 153, 170, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(119, 221, 255, 1) 0%, rgba(85, 153, 170, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(119, 221, 255, 1) 0%, rgba(85, 153, 170, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.black_frame {
    background: rgb(102, 102, 102);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(102, 102, 102, 1) 0%, rgba(0, 0, 0, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(102, 102, 102, 1) 0%, rgba(0, 0, 0, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(102, 102, 102, 1) 0%, rgba(0, 0, 0, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.brown_frame {
    background: rgb(136, 68, 51);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(136, 68, 51, 1) 0%, rgba(85, 17, 0, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(136, 68, 51, 1) 0%, rgba(85, 17, 0, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(136, 68, 51, 1) 0%, rgba(85, 17, 0, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.rainbow_frame {
    border-radius: 10px;
    padding: 2px 4px;
    border: solid 1px #FFFFFF;
    box-shadow: #000 1px 1px inset;
    text-align: center;
    background: rgb(255, 0, 0);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(255, 0, 0, 1) 0%, rgba(255, 110, 0, 1) 16%, rgba(255, 246, 0, 1) 32%, rgba(59, 255, 0, 1) 48%, rgba(0, 216, 255, 1) 66%, rgba(21, 0, 255, 1) 82%, rgba(255, 0, 250, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(255, 0, 0, 1) 0%, rgba(255, 110, 0, 1) 16%, rgba(255, 246, 0, 1) 32%, rgba(59, 255, 0, 1) 48%, rgba(0, 216, 255, 1) 66%, rgba(21, 0, 255, 1) 82%, rgba(255, 0, 250, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(255, 0, 0, 1) 0%, rgba(255, 110, 0, 1) 16%, rgba(255, 246, 0, 1) 32%, rgba(59, 255, 0, 1) 48%, rgba(0, 216, 255, 1) 66%, rgba(21, 0, 255, 1) 82%, rgba(255, 0, 250, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.white_opa_frame {
    border-radius: 10px;
    padding: 2px 4px;
    border: solid 1px #FFFFFF;
    box-shadow: #000 1px 1px inset;
    text-align: center;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0.61) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0.61) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0.61) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
._frame {
    border-radius: 10px;
    padding: 8px 4px 4px;
    border: solid 1px #FFFFFF;
    box-shadow: #000 1px 1px inset;
}
._frame2 {
    border-radius: 10px;
    border: solid 1px #FFFFFF;
    box-shadow: #000 1px 1px inset;
}
.f_red {
    background: -moz-linear-gradient(top, rgba(80, 22, 22, 1) 0%, rgba(160, 13, 13, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(80, 22, 22, 1) 0%, rgba(160, 13, 13, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(80, 22, 22, 1) 0%, rgba(160, 13, 13, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.f_ylw {
    background: -moz-linear-gradient(top, rgba(184, 119, 9, 1) 0%, rgba(240, 187, 7, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(184, 119, 9, 1) 0%, rgba(240, 187, 7, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(184, 119, 9, 1) 0%, rgba(240, 187, 7, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.f_grn {
    background: -moz-linear-gradient(top, rgba(22, 80, 37, 1) 0%, rgba(13, 160, 70, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(22, 80, 37, 1) 0%, rgba(13, 160, 70, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(22, 80, 37, 1) 0%, rgba(13, 160, 70, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.f_ble {
    background: -moz-linear-gradient(top, rgba(61, 58, 137, 1) 0%, rgba(28, 22, 92, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(61, 58, 137, 1) 0%, rgba(28, 22, 92, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(61, 58, 137, 1) 0%, rgba(28, 22, 92, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.f_bwn {
    background: -moz-linear-gradient(top, rgba(146, 85, 20, 1) 0%, rgba(90, 30, 22, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(146, 85, 20, 1) 0%, rgba(90, 30, 22, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(146, 85, 20, 1) 0%, rgba(90, 30, 22, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.f_ple {
    background: -moz-linear-gradient(top, rgba(71, 20, 146, 1) 0%, rgba(88, 22, 90, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(71, 20, 146, 1) 0%, rgba(88, 22, 90, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(71, 20, 146, 1) 0%, rgba(88, 22, 90, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.f_pin {
    background: -moz-linear-gradient(top, rgba(255, 136, 187, 1) 0%, rgba(255, 0, 119, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(255, 136, 187, 1) 0%, rgba(255, 0, 119, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(255, 136, 187, 1) 0%, rgba(255, 0, 119, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.f_org {
    background: -moz-linear-gradient(top, rgba(255, 68, 0, 1) 0%, rgba(255, 142, 92, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(255, 68, 0, 1) 0%, rgba(255, 142, 92, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(255, 68, 0, 1) 0%, rgba(255, 142, 92, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.f_red2 {
    background: -moz-linear-gradient(top, rgba(255, 0, 0, 1) 0%, rgba(255, 92, 92, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(255, 0, 0, 1) 0%, rgba(255, 92, 92, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(255, 0, 0, 1) 0%, rgba(255, 92, 92, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.opa5 {
    opacity: 0.5;
}
.f_ble2 {
    background: -moz-linear-gradient(top, rgba(22, 55, 79, 1) 0%, rgba(13, 149, 160, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(22, 55, 79, 1) 0%, rgba(13, 149, 160, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(22, 55, 79, 1) 0%, rgba(13, 149, 160, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/*ゲージ現象右*/

/*.rw {
	-webkit-transform-origin: right;
}*/

/*
緑
background: -webkit-gradient(linear, left bottom,left top, from(rgba(22, 79, 37, 1)), to(rgba(13, 160, 70, 1)));
青
background: -webkit-gradient(linear, left bottom,left top, from(rgba(19, 25, 119, 1)), to(rgba(28, 84, 181, 1)));
*/

/* ============================================================================================================================
== 汎用マーキ
** ============================================================================================================================ */
.marquee {
    width: 280px;
    overflow: hidden;
    position: relative;
}
.marquee div.start:after {
    content: "";
    white-space: nowrap;
    padding-right: 50px;
}
.marquee div {
    margin: 0;
    padding-left: 0;
    display: inline-block;
    white-space: nowrap;
}
.marquee div.start {
    margin: 0;
    padding-left: 0;
    display: inline-block;
    white-space: nowrap;
    -webkit-animation-name: marquee;
    -webkit-animation-timing-function: linear;
    -webkit-animation-duration: 20s;
    -webkit-animation-delay: 0S;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: marquee;
    -moz-animation-timing-function: linear;
    -moz-animation-duration: 20s;
    -moz-animation-delay: 0S;
    -moz-animation-iteration-count: infinite;
    -ms-animation-name: marquee;
    -ms-animation-timing-function: linear;
    -ms-animation-duration: 20s;
    -ms-animation-delay: 0S;
    -ms-animation-iteration-count: infinite;
    -o-animation-name: marquee;
    -o-animation-timing-function: linear;
    -o-animation-duration: 20s;
    -o-animation-delay: 0S;
    -o-animation-iteration-count: infinite;
    animation-name: marquee;
    animation-timing-function: linear;
    animation-duration: 20s;
    animation-delay: 0S;
    animation-iteration-count: infinite;
}
@-webkit-keyframes marquee {
    from {
        -webkit-transform: translate(100%);
    }
    
    4% {
        -webkit-transform: translate(0.5%);
    }
    
    5% {
        -webkit-transform: translate(0%);
    }
    
    12% {
        -webkit-transform: translate(0%);
    }
    
    99%,
    to {
        -webkit-transform: translate(-100%);
    }
}
@-moz-keyframes marquee {
    from {
        -moz-transform: translate(100%);
    }
    
    4% {
        -moz-transform: translate(0.5%);
    }
    
    5% {
        -moz-transform: translate(0%);
    }
    
    12% {
        -moz-transform: translate(0%);
    }
    
    99%,
    to {
        -moz-transform: translate(-100%);
    }
}
@-ms-keyframes marquee {
    from {
        -ms-transform: translate(100%);
    }
    
    4% {
        -ms-transform: translate(0.5%);
    }
    
    5% {
        -ms-transform: translate(0%);
    }
    
    12% {
        -ms-transform: translate(0%);
    }
    
    99%,
    to {
        -ms-transform: translate(-100%);
    }
}
@-o-keyframes marquee {
    from {
        -o-transform: translate(100%);
    }
    
    4% {
        -o-transform: translate(0.5%);
    }
    
    5% {
        -o-transform: translate(0%);
    }
    
    12% {
        -o-transform: translate(0%);
    }
    
    99%,
    to {
        -o-transform: translate(-100%);
    }
}
@keyframes marquee {
    from {
        transform: translate(100%);
    }
    
    4% {
        transform: translate(0.5%);
    }
    
    5% {
        transform: translate(0%);
    }
    
    12% {
        transform: translate(0%);
    }
    
    99%,
    to {
        transform: translate(-100%);
    }
}

/* ============================================================================================================================
== 汎用マーキ
** ============================================================================================================================ */
.marquee_small {
    width: 80px;
    height: 11px;
    overflow: hidden;
    position: relative;
}
.marquee_small div.start:after {
    content: "";
    white-space: nowrap;
    padding-right: 50px;
}
.marquee_small div {
    margin: 0;
    padding-left: 0;
    display: inline-block;
    white-space: nowrap;
}
.marquee_small div.start {
    margin: 0;
    padding-left: 0;
    display: inline-block;
    white-space: nowrap;
    -webkit-animation-name: marquee_small;
    -webkit-animation-timing-function: linear;
    -webkit-animation-duration: 20s;
    -webkit-animation-delay: 0S;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: marquee_small;
    -moz-animation-timing-function: linear;
    -moz-animation-duration: 20s;
    -moz-animation-delay: 0S;
    -moz-animation-iteration-count: infinite;
    -ms-animation-name: marquee_small;
    -ms-animation-timing-function: linear;
    -ms-animation-duration: 20s;
    -ms-animation-delay: 0S;
    -ms-animation-iteration-count: infinite;
    -o-animation-name: marquee_small;
    -o-animation-timing-function: linear;
    -o-animation-duration: 20s;
    -o-animation-delay: 0S;
    -o-animation-iteration-count: infinite;
    animation-name: marquee_small;
    animation-timing-function: linear;
    animation-duration: 20s;
    animation-delay: 0S;
    animation-iteration-count: infinite;
}
@-webkit-keyframes marquee_small {
    from {
        -webkit-transform: translate(100%);
    }
    
    4% {
        -webkit-transform: translate(0.5%);
    }
    
    5% {
        -webkit-transform: translate(0%);
    }
    
    10% {
        -webkit-transform: translate(0%);
    }
    
    99%,
    to {
        -webkit-transform: translate(-100%);
    }
}
@-moz-keyframes marquee_small {
    from {
        -moz-transform: translate(100%);
    }
    
    4% {
        -moz-transform: translate(0.5%);
    }
    
    5% {
        -moz-transform: translate(0%);
    }
    
    10% {
        -moz-transform: translate(0%);
    }
    
    99%,
    to {
        -moz-transform: translate(-100%);
    }
}
@-ms-keyframes marquee_small {
    from {
        -ms-transform: translate(100%);
    }
    
    4% {
        -ms-transform: translate(0.5%);
    }
    
    5% {
        -ms-transform: translate(0%);
    }
    
    10% {
        -ms-transform: translate(0%);
    }
    
    99%,
    to {
        -ms-transform: translate(-100%);
    }
}
@-o-keyframes marquee_small {
    from {
        -o-transform: translate(100%);
    }
    
    4% {
        -o-transform: translate(0.5%);
    }
    
    5% {
        -o-transform: translate(0%);
    }
    
    10% {
        -o-transform: translate(0%);
    }
    
    99%,
    to {
        -o-transform: translate(-100%);
    }
}
@keyframes marquee_small {
    from {
        transform: translate(100%);
    }
    
    4% {
        transform: translate(0.5%);
    }
    
    5% {
        transform: translate(0%);
    }
    
    10% {
        transform: translate(0%);
    }
    
    99%,
    to {
        transform: translate(-100%);
    }
}

/* ============================================================================================================================
== 汎用チェックボックス
** ============================================================================================================================ */
.cardselect {
    /*padding: 6px;*/
}
.cardselect input[type=radio],
.cardselect input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
}
.cardselect input[type=radio]+label,
.cardselect input[type=checkbox]+label {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
@media (min-width: 1px) {
    .cardselect input[type=radio],
    .cardselect input[type=checkbox] {
        display: none;
        margin: 0;
    }
    
    .cardselect input[type=radio]+label,
    .cardselect input[type=checkbox]+label {}
    
    .cardselect input[type=radio]+label::before,
    .cardselect input[type=checkbox]+label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -30px;
        margin-left: 2px;
        background: #FFF;
    }
    
    .cardselect input[type=radio]+label::before {
        border: 1px solid #000;
        border-radius: 30px;
    }
    
    .cardselect input[type=checkbox]+label::before {
        border: 1px solid #000;
    }
    
    .cardselect input[type=radio]:checked+label::after,
    .cardselect input[type=checkbox]:checked+label::after {
        content: "";
        position: absolute;
        top: 50%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    
    .cardselect input[type=radio]:checked+label::after {
        left: 5px;
        width: 8px;
        height: 8px;
        margin-top: -4px;
        background: #E71063;
        border-radius: 8px;
    }
    
    .cardselect input[type=checkbox]:checked+label::after {
        left: 3px;
        width: 16px;
        height: 8px;
        margin-top: -28px;
        margin-left: 2px;
        border-left: 3px solid #FF0061;
        border-bottom: 3px solid #FF0061;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}
select {
    padding: 5px;
    border: 1px #FF0061 solid;
    border-radius: 12px;
    box-shadow: 0px 0px 1px 1px #FFFFFF;
    font-weight: bold;
    text-shadow: #8D8D8D 0px 1px 1px;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    background: #FFF;
}

/* ============================================================================================================================
== 汎用テキストボックス
** ============================================================================================================================ */
input[type="text"].textbox {
    width: 158px;
    vertical-align: middle;
    padding: 2px;
    border-radius: 4px;
    border: 1px #000000 solid;
    font-size: 12px;
}
input[type="text"].textboxSP {
    width: 206px;
    vertical-align: middle;
    padding: 2px;
    border-radius: 4px;
    border: 1px #000000 solid;
    font-size: 12px;
}

/* ============================================================================================================================
== list style　カード関連ページ
** ============================================================================================================================ */

/*ページ送り*/
.page_num_btn a {
    display: block;
}
.page_num_btn {
    display: inline-block;
    width: 30px;
    height: 20px;
    border: 2px #EF0076 solid;
    border-radius: 4px;
    background: rgb(255, 213, 235);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(255, 213, 235, 1) 0%, rgba(240, 41, 146, 1) 65%, rgba(240, 3, 126, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(255, 213, 235, 1) 0%, rgba(240, 41, 146, 1) 65%, rgba(240, 3, 126, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(255, 213, 235, 1) 0%, rgba(240, 41, 146, 1) 65%, rgba(240, 3, 126, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    
    line-height: 20px;
    text-align: center;
}
.page_num_ {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    text-align: center;
}
._select {
    color: #F95EAE;
    border: 2px #AD4F7E solid;
    background: rgb(191, 25, 111);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(191, 25, 111, 1) 0%, rgba(239, 42, 144, 1) 65%, rgba(242, 72, 159, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(191, 25, 111, 1) 0%, rgba(239, 42, 144, 1) 65%, rgba(242, 72, 159, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(191, 25, 111, 1) 0%, rgba(239, 42, 144, 1) 65%, rgba(242, 72, 159, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) inset, -1px 0 2px rgba(0, 0, 0, 0.3) inset, 0 -1px 1px rgba(255, 255, 255, 0.3) inset;
}

/* ============================================================================================================================
== reinforceTab
** ============================================================================================================================ */
.reinforce_tab {
    font-size: 0;
    letter-spacing: -0.4em;
}
.reinforce_tab li {
    display: inline-block;
    width: 64px;
    height: 24px;
    padding: 6px 0;
    border-top: 1px #616161 solid;
    border-right: 1px #000 solid;
    border-left: 1px #353535 solid;
    border-bottom: none;
    border-radius: 4px 4px 0px 0px;
    background: rgb(140, 88, 40);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(140, 88, 40, 1) 0%, rgba(102, 56, 33, 1) 65%, rgba(105, 59, 35, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(140, 88, 40, 1) 0%, rgba(102, 56, 33, 1) 65%, rgba(105, 59, 35, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(140, 88, 40, 1) 0%, rgba(102, 56, 33, 1) 65%, rgba(105, 59, 35, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    
    line-height: 1.3;
    font-size: 10px;
    text-align: center;
    cursor: pointer;
}
.reinforce_tab li.selected {
    color: #9B0000;
    border-top: 1px #616161 solid;
    border-right: 1px #000 solid;
    border-left: 1px #353535 solid;
    border-bottom: none;
    background: rgb(53, 34, 16);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(53, 34, 16, 1) 0%, rgba(75, 34, 28, 1) 65%, rgba(105, 59, 35, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(53, 34, 16, 1) 0%, rgba(75, 34, 28, 1) 65%, rgba(105, 59, 35, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(53, 34, 16, 1) 0%, rgba(75, 34, 28, 1) 65%, rgba(105, 59, 35, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.reinforce_tabContents {
    width: 300px;
    margin-top: -2px;
    z-index: 1000;
}
.header_brown {
    width: 300px;
    border-top: 1px #616161 solid;
    border-right: 1px #000 solid;
    border-left: 1px #353535 solid;
    border-bottom: 1px #616161 solid;
    border-top-right-radius: 4px;
    background: rgb(105, 59, 35);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(105, 59, 35, 1) 0%, rgba(75, 34, 28, 1) 65%, rgba(53, 34, 16, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(105, 59, 35, 1) 0%, rgba(75, 34, 28, 1) 65%, rgba(53, 34, 16, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(105, 59, 35, 1) 0%, rgba(75, 34, 28, 1) 65%, rgba(53, 34, 16, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.header_brown table {
    margin: 6px auto;
    color: #000;
    font-size: 10px !important;
    font-weight: bold;
    text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff;
}
.header_brown table img {
    margin-right: 3px;
    vertical-align: text-bottom;
}
.header_brown td {
    padding: 0 4px;
    text-align: right;
}
.inner_brown {
    width: 300px;
    border-right: 1px #000 solid;
    border-left: 1px #353535 solid;
    border-bottom: 1px #616161 solid;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    letter-spacing: -0.2em;
    background: rgb(212, 198, 161);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(212, 198, 161, 1) 0%, rgba(229, 218, 186, 1) 65%, rgba(253, 248, 219, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(212, 198, 161, 1) 0%, rgba(229, 218, 186, 1) 65%, rgba(253, 248, 219, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(212, 198, 161, 1) 0%, rgba(229, 218, 186, 1) 65%, rgba(253, 248, 219, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.header_brown2 {
    width: 297px;
    border-top: 1px #616161 solid;
    border-right: 1px #000 solid;
    border-left: 1px #353535 solid;
    border-bottom: 1px #616161 solid;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    background: rgb(162, 116, 54);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(162, 116, 54, 1) 0%, rgba(125, 75, 38, 1) 65%, rgba(80, 37, 30, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(162, 116, 54, 1) 0%, rgba(125, 75, 38, 1) 65%, rgba(80, 37, 30, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(162, 116, 54, 1) 0%, rgba(125, 75, 38, 1) 65%, rgba(80, 37, 30, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.inner_brown2 {
    width: 297px;
    border-right: 1px #000 solid;
    border-left: 1px #353535 solid;
    border-bottom: 1px #616161 solid;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background: rgb(2, 198, 161);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(212, 198, 161, 1) 0%, rgba(229, 218, 186, 1) 65%, rgba(253, 248, 219, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(212, 198, 161, 1) 0%, rgba(229, 218, 186, 1) 65%, rgba(253, 248, 219, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(212, 198, 161, 1) 0%, rgba(229, 218, 186, 1) 65%, rgba(253, 248, 219, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.inner_brown3 {
    width: 297px;
    border-right: 1px #000 solid;
    border-left: 1px #353535 solid;
    border-bottom: 1px #616161 solid;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6e6b4+0,ed9017+100;Yellow+3D+%231 */
    
    background: #f6e6b4;
    /* Old browsers */
    
    background: -moz-linear-gradient(top, #f6e6b4 0%, #ed9017 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, #f6e6b4 0%, #ed9017 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, #f6e6b4 0%, #ed9017 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.header_blue2 {
    width: 297px;
    border-top: 1px #616161 solid;
    border-right: 1px #000 solid;
    border-left: 1px #353535 solid;
    border-bottom: 1px #616161 solid;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    background: rgb(54, 102, 162);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(54, 102, 162, 1) 0%, rgba(3, 32, 79, 1) 65%, rgba(30, 49, 80, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(54, 102, 162, 1) 0%, rgba(3, 32, 79, 1) 65%, rgba(30, 49, 80, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(54, 102, 162, 1) 0%, rgba(3, 32, 79, 1) 65%, rgba(30, 49, 80, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.inner_blue2 {
    width: 297px;
    border-right: 1px #000 solid;
    border-left: 1px #353535 solid;
    border-bottom: 1px #616161 solid;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background: rgb(212, 198, 161);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(212, 198, 161, 1) 0%, rgba(229, 218, 186, 1) 65%, rgba(253, 248, 219, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(212, 198, 161, 1) 0%, rgba(229, 218, 186, 1) 65%, rgba(253, 248, 219, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(212, 198, 161, 1) 0%, rgba(229, 218, 186, 1) 65%, rgba(253, 248, 219, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.sortfilter_frame {
    width: 297px;
}
.raid_inner_style {
    width: 320px;
    height: 110px;
    border: none;
    background: -moz-linear-gradient(top, rgba(221, 255, 252, 0) 0%, rgba(254, 249, 232, 0.01) 65%, rgba(255, 249, 232, 0.03) 66%, rgba(255, 255, 255, 0.66) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(221, 255, 252, 0) 0%, rgba(254, 249, 232, 0.01) 65%, rgba(255, 249, 232, 0.03) 66%, rgba(255, 255, 255, 0.66) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(221, 255, 252, 0) 0%, rgba(254, 249, 232, 0.01) 65%, rgba(255, 249, 232, 0.03) 66%, rgba(255, 255, 255, 0.66) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
._h120 {
    height: 120px !important;
}

/* ============================================================================================================================
== 汎用効果
** ============================================================================================================================ */
.red_mark {
    display: inline-block;
    padding: 8px;
    border: 1px solid #fff;
    border-radius: 10px;
    background: rgb(231, 129, 131);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(231, 129, 131, 1) 0%, rgba(211, 18, 27, 1) 65%, rgba(223, 78, 80, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(231, 129, 131, 1) 0%, rgba(211, 18, 27, 1) 65%, rgba(223, 78, 80, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(231, 129, 131, 1) 0%, rgba(211, 18, 27, 1) 65%, rgba(223, 78, 80, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.white_mark {
    display: inline-block;
    width: 60px;
    margin-top: 16px;
    padding: 14px;
    border: 2px solid #fff;
    border-radius: 22px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.19) 65%, rgba(0, 0, 0, 0.44) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.19) 65%, rgba(0, 0, 0, 0.44) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.19) 65%, rgba(0, 0, 0, 0.44) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.select_check_mark {
    display: inline-block;
    width: 60px;
    margin-top: 16px;
    padding: 14px;
    border: 2px solid #fff;
    border-radius: 22px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.19) 65%, rgba(0, 0, 0, 0.44) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.19) 65%, rgba(0, 0, 0, 0.44) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.19) 65%, rgba(0, 0, 0, 0.44) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/*素材黒オーバーレイ表現*/
.LS_bk {
    background: rgba(0, 0, 0, 0.6);
    width: 56px;
    height: 70px;
    z-index: 100;
}

/* ============================================================================================================================
== 汎用タイトル
** ============================================================================================================================ */
.title_imp_03 {
    height: 20px;
    line-height: 20px;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    background-size: cover;
    background: rgb(129, 157, 231);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(129, 157, 231, 1) 0%, rgba(18, 79, 211, 1) 65%, rgba(78, 102, 223, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(129, 157, 231, 1) 0%, rgba(18, 79, 211, 1) 65%, rgba(78, 102, 223, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(129, 157, 231, 1) 0%, rgba(18, 79, 211, 1) 65%, rgba(78, 102, 223, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.bg_imp_03 {
    background: -moz-linear-gradient(top, rgba(109, 148, 250, 1) 0%, rgba(253, 253, 253, 0.46) 65%, rgba(78, 102, 223, 0) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(109, 148, 250, 1) 0%, rgba(253, 253, 253, 0.46) 65%, rgba(78, 102, 223, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(109, 148, 250, 1) 0%, rgba(253, 253, 253, 0.46) 65%, rgba(78, 102, 223, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.title_imp_03_2 {
    height: 20px;
    line-height: 20px;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    background-size: cover;
    background: rgb(129, 157, 231);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(129, 157, 231, 1) 0%, rgba(18, 79, 211, 1) 65%, rgba(78, 102, 223, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(129, 157, 231, 1) 0%, rgba(18, 79, 211, 1) 65%, rgba(78, 102, 223, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(129, 157, 231, 1) 0%, rgba(18, 79, 211, 1) 65%, rgba(78, 102, 223, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* ============================================================================================================================
== エロ本カバー
** ============================================================================================================================ */
.book_frame {
    border-radius: 6px;
    border-top: rgba(0, 0, 0, 1) 18px solid;
    border-bottom: rgba(0, 0, 0, 1) 1px solid;
    border-right: rgba(0, 0, 0, 1) 1px solid;
    box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.3);
}
.book_wrap {
    width: 101px;
    height: 169px;
}
.book_wrap:before {
    content: "";
    position: absolute;
    display: block;
    width: 100px;
    height: 14px;
    border-top-left-radius: 6px;
    border-top-right-radius: 2px;
    border-top: rgba(255, 255, 255, 0.5) solid 2px;
    border-bottom: rgba(255, 245, 245, 0.55) solid 1px;
    background: rgb(247, 222, 5);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(247, 222, 5, 1) 0%, rgba(218, 142, 0, 1) 16%, rgba(237, 172, 6, 1) 32%, rgba(247, 222, 5, 1) 48%, rgba(236, 184, 2, 1) 64%, rgba(218, 175, 8, 1) 82%, rgba(218, 175, 8, 1) 82%, rgba(182, 123, 3, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(247, 222, 5, 1) 0%, rgba(218, 142, 0, 1) 16%, rgba(237, 172, 6, 1) 32%, rgba(247, 222, 5, 1) 48%, rgba(236, 184, 2, 1) 64%, rgba(218, 175, 8, 1) 82%, rgba(218, 175, 8, 1) 82%, rgba(182, 123, 3, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(247, 222, 5, 1) 0%, rgba(218, 142, 0, 1) 16%, rgba(237, 172, 6, 1) 32%, rgba(247, 222, 5, 1) 48%, rgba(236, 184, 2, 1) 64%, rgba(218, 175, 8, 1) 82%, rgba(218, 175, 8, 1) 82%, rgba(182, 123, 3, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.book_cover {
    width: 101px;
    height: 151px;
    background: rgba(0, 0, 0, 0.6);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

/*斜光*/
@-webkit-keyframes 'light_anime' {
    0% {
        opacity: 1;
        -webkit-transform: translateX(-320px);
    }
    
    10% {
        opacity: 0;
        -webkit-transform: translateX(640px);
    }
    
    100% {
        opacity: 0;
        -webkit-transform: translateX(640px);
    }
}
@-ms-keyframes 'light_anime' {
    0% {
        opacity: 1;
        -ms-transform: translateX(-320px);
    }
    
    10% {
        opacity: 0;
        -ms-transform: translateX(640px);
    }
    
    100% {
        opacity: 0;
        -ms-transform: translateX(640px);
    }
}
@keyframes 'light_anime' {
    0% {
        opacity: 1;
        transform: translateX(-320px);
    }
    
    10% {
        opacity: 0;
        transform: translateX(640px);
    }
    
    100% {
        opacity: 0;
        transform: translateX(640px);
    }
}
.light_loop {
    -webkit-animation-name: light_anime;
    -webkit-animation-duration: 6.4s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-delay: 0.2s;
    -ms-animation-name: light_anime;
    -ms-animation-duration: 6.4s;
    -ms-animation-timing-function: linear;
    -ms-animation-iteration-count: infinite;
    -ms-animation-delay: 0.2s;
    animation-name: light_anime;
    animation-duration: 6.4s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-delay: 0.2s;
    top: 0;
    left: -320px;
    z-index: 10;
}
.circle {
    display: inline-block;
    padding: 2px 4px;
    border: 1px solid #591D1D;
    border-radius: 5px;
    background: rgb(231, 129, 129);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(231, 129, 129, 1) 0%, rgba(211, 84, 18, 1) 65%, rgba(255, 100, 32, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(231, 129, 129, 1) 0%, rgba(211, 84, 18, 1) 65%, rgba(255, 100, 32, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(231, 129, 129, 1) 0%, rgba(211, 84, 18, 1) 65%, rgba(255, 100, 32, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.bg_yel {
    width: 80px;
    padding: 5px 4px;
    text-align: center;
    border-bottom: solid 1px #FFFFFF;
    border-left: solid 1px #FFFFFF;
    border-right: solid 1px #FFFFFF;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background: rgb(231, 133, 129);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(231, 133, 129, 1) 0%, rgba(211, 201, 18, 1) 65%, rgba(215, 147, 0, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(231, 133, 129, 1) 0%, rgba(211, 201, 18, 1) 65%, rgba(215, 147, 0, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(231, 133, 129, 1) 0%, rgba(211, 201, 18, 1) 65%, rgba(215, 147, 0, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.bg_grn {
    width: 80px;
    padding: 5px 4px;
    text-align: center;
    border-bottom: solid 1px #FFFFFF;
    border-left: solid 1px #FFFFFF;
    border-right: solid 1px #FFFFFF;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background: rgb(139, 231, 129);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(139, 231, 129, 1) 0%, rgba(18, 211, 42, 1) 65%, rgba(49, 94, 0, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(139, 231, 129, 1) 0%, rgba(18, 211, 42, 1) 65%, rgba(49, 94, 0, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(139, 231, 129, 1) 0%, rgba(18, 211, 42, 1) 65%, rgba(49, 94, 0, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    
    box-shadow: #000 1px 1px inset;
}
.bg_bk {
    width: 80px;
    height: 100px;
    padding: 5px 4px;
    text-align: center;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.76) 65%, rgba(6, 6, 6, 0.71) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.76) 65%, rgba(6, 6, 6, 0.71) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.76) 65%, rgba(6, 6, 6, 0.71) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.bg_silver {
    background-image: linear-gradient(to top left, #A5A5A5, #BABAC2, #E8E8E8, #A5A5A5, #BABAC2);
}

/* ============================================================================================================================
== スライダー エロ本版
** ============================================================================================================================ */
.bg_gold {
    background: rgb(247, 222, 5);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(247, 222, 5, 1) 0%, rgba(218, 142, 0, 1) 16%, rgba(237, 172, 6, 1) 32%, rgba(247, 222, 5, 1) 48%, rgba(236, 184, 2, 1) 64%, rgba(218, 175, 8, 1) 82%, rgba(218, 175, 8, 1) 82%, rgba(182, 123, 3, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(247, 222, 5, 1) 0%, rgba(218, 142, 0, 1) 16%, rgba(237, 172, 6, 1) 32%, rgba(247, 222, 5, 1) 48%, rgba(236, 184, 2, 1) 64%, rgba(218, 175, 8, 1) 82%, rgba(218, 175, 8, 1) 82%, rgba(182, 123, 3, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(247, 222, 5, 1) 0%, rgba(218, 142, 0, 1) 16%, rgba(237, 172, 6, 1) 32%, rgba(247, 222, 5, 1) 48%, rgba(236, 184, 2, 1) 64%, rgba(218, 175, 8, 1) 82%, rgba(218, 175, 8, 1) 82%, rgba(182, 123, 3, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.book_header,
.book_footer {
    position: relative;
}
.book_header:before,
.book_footer:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 316px;
    height: 17px;
    border-top: rgba(255, 255, 255, 0.44) solid 2px;
    border-left: rgba(255, 255, 255, 0.33) solid 2px;
}
.book_header:after,
.book_footer:after {
    content: "";
    display: block;
    height: 17px;
    position: absolute;
    width: 319px;
    border-bottom: rgba(0, 0, 0, 0.44) solid 1px;
    border-right: rgba(255, 255, 255, 0.33) solid 1px;
    bottom: 0;
    right: 0;
}

/* ============================================================================================================================
== スライダー エロ本版
** ============================================================================================================================ */

/*スライダー*/
#book .bx-viewport {
    width: 320px !important;
}
#book .bx-pager-item .active {
    background: #F39;
    opacity: 1.0;
}
#book .bx-controls-direction a {
    position: absolute;
    margin-top: -14px;
    font-size: 21px;
}
#book .bx-controls {
    /*margin: 0 0 12px;*/
}
#book .bx-wrapper {
    width: 320px;
    position: relative;
    margin: 0 auto;
}
#book .bx-wrapper .bx-pager {
    text-align: center;
}
#book .bx-wrapper .bx-pager .bx-pager-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
}
#book .bx-wrapper .bx-controls-direction a {
    position: absolute;
    z-index: 100;
}
#book .bx-prev {
    left: 2px;
    top: 160px;
    /*text-shadow: 1px 1px 1px rgb(0, 0, 0);
	color: #f5e6bc;*/
}
#book .bx-next {
    right: 2px;
    top: 160px;
    /*text-shadow: 1px 1px 1px rgb(0, 0, 0);
	color: #f5e6bc;*/
}
#book .bx-pager a {
    background: #FFF;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    box-shadow: 1px 1px 0 rgb(102, 102, 102) inset;
    margin: 0 6px;
}

/* ============================================================================================================================
== 汎用独立フレーム
** ============================================================================================================================ */
.sec_frame {
    width: 300px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border: rgba(255, 255, 255, 0.30) solid 1px;
    margin: 3px auto;
    /*box-shadow: 1px 1px 4px 0px rgb(255, 255, 255);*/
}
.sec_frame_title table {
    width: 290px;
    margin: 0 auto;
}
.sec_frame_title table:first-child td {
    padding-top: 3px;
}
.sec_frame_title table:first-child td:first-child div {
    display: inline-block;
    vertical-align: middle;
}
.sec_frame_title table:first-child td:first-child div:nth-child(3) {
    vertical-align: sub;
}
.sec_frame_status {
    width: 296px;
    margin: 0 auto;
    padding: 2px 2px 4px;
    font-size: 11px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.90)), to(rgba(255, 255, 255, 0.50)));
}
.sec_frame_status img {
    box-shadow: 0px 0px 4px 1px rgb(255, 255, 255);
}
.sec_frame_status table {
    margin: 0;
    text-align: center;
}
.sec_frame_status td {
    width: 60px;
}
.sec_frame_status tr:nth-child(odd) td div {
    background-color: rgba(0, 120, 255, 0.35);
    margin-right: 1px;
    margin-top: -1px;
}
.sec_frame_status tr:nth-child(odd) td:last-child div {
    margin-right: -1px;
}
.sec_frame_status tr:nth-child(even) td {
    line-height: 16px;
}
.sec_frame_status tr:nth-child(6) td {
    text-align: left;
    padding-top: 2px;
    padding-left: 10px;
    line-height: 12px;
}
.sec_frame_status tr:nth-child(6) td img {
    vertical-align: text-bottom;
}
hr.line {
    height: 0;
    border: 0;
    border-top: #492908 solid 1px;
    border-bottom: #000000 solid 1px;
    margin: 0;
}
.sky {
    background-image: url(../img/mypage/BG_top_sky.png?=001);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 320px;
    height: 572px;
    z-index: 0;
}
.z100 {
    z-index: 1000;
}
.m6 {
    margin-top: 6px;
}
.br {
    border-radius: 8px;
}
.btr {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.bs {
    box-shadow: 1px 1px 4px 0px rgb(255, 255, 255);
}
.event_frame {
    background: rgba(162, 23, 117, 0.68);
    border-radius: 7px;
    width: 306px;
    margin-top: 6px;
    box-shadow: 0px 0px 6px rgba(132, 18, 100, 0.68);
}
.normal_frame {
    background: rgba(90, 90, 218, 0.68);
    border-radius: 7px;
    width: 306px;
    margin-top: 6px;
    box-shadow: 0px 0px 6px rgba(17, 17, 68, 0.50);
}
.banner_frame {
    width: 306px;
    margin: 6px auto;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border: rgba(49, 69, 109, 0.95) solid 2px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(252, 254, 255, 0.7) 1%, rgba(0, 198, 255, 0.96) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(252, 254, 255, 0.7) 1%, rgba(0, 198, 255, 0.96) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(252, 254, 255, 0.7) 1%, rgba(0, 198, 255, 0.96) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    
    box-shadow: 1px 1px 1px 1px rgb(56, 132, 255);
}

/*.banner_frame img {
	border-bottom: rgba(49, 69, 109, 0.95) solid 2px;
}*/
.banner_eventframe {
    width: 306px;
    margin: 6px auto;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border: rgba(109, 49, 49, 0.95) solid 2px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(160, 0, 52, 0.96) 50%, rgba(165, 0, 51, 0.96) 90%, rgba(236, 94, 138, 0.3) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(160, 0, 52, 0.96) 50%, rgba(165, 0, 51, 0.96) 90%, rgba(236, 94, 138, 0.3) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(160, 0, 52, 0.96) 50%, rgba(165, 0, 51, 0.96) 90%, rgba(236, 94, 138, 0.3) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    
    box-shadow: 1px 1px 1px 1px rgb(142, 35, 35);
}
.banner_eventframe img {
    border-bottom: rgba(109, 49, 49, 0.95) solid 2px;
}
.newslist_style ul {
    font-size: 0;
}
.newslist_style li {
    padding: 4px;
    font-size: 13px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(252, 254, 255, 0.7) 1%, rgba(0, 198, 255, 0.96) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(252, 254, 255, 0.7) 1%, rgba(0, 198, 255, 0.96) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(252, 254, 255, 0.7) 1%, rgba(0, 198, 255, 0.96) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/*.newslist_style hr {
	width: 320px;
	height: 1px;
	color: #00F;
}*/
.menulist_ {
    padding: 6px 0;
}
.menulist_ a {
    width: 92px !important;
    height: 32px;
}
.menulist_ ul {
    width: 300px;
    margin: 0 auto;
    font-size: 0;
}
.menulist_ li {
    margin: 1px 2px;
    display: inline-block;
}
.menulist_ span {
    display: block;
    width: 92px !important;
    height: 32px;
}

/* ============================================================================================================================
== 汎用マーキーシステム
** ============================================================================================================================ */
.oh {
    overflow: hidden;
    white-space: nowrap;
}
.oh_chara {
    overflow: hidden;
    height: 100px;
    position: relative;
}

/* ============================================================================================================================
== 汎用チェックボックス　エロ本　
** ============================================================================================================================ */

/*.c_lay input[type=checkbox] {
	display: inline-block;
	margin: 2px !important;
}*/

/* ============================================================================================================================
== バトル後 喜び表現
** ============================================================================================================================ */
@-webkit-keyframes 'joy_anime' {
    0% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
    }
    
    50% {
        opacity: 0;
        -webkit-transform: translate(+5px, -8px);
    }
    /* 70% {
 opacity:0;
 -webkit-transform: translate(+2px,-12px);
}*/
    
    100% {
        opacity: 0;
        -webkit-transform: translate(+5px, -10px);
    }
}
.joy_anime {
    -webkit-animation-name: joy_anime;
    -webkit-animation-duration: 2.4s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-delay: .2s;
    -webkit-animation-iteration-count: infinite;
    ;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode: backwards;
}
@-webkit-keyframes 'joy_anime_chara' {
    0% {
        -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
    
    2% {
        -webkit-transform: translate(0px, -8px);
        -ms-transform: translate(0px, -8px);
        transform: translate(0px, -8px);
    }
    
    10% {
        -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
    
    12% {
        -webkit-transform: translate(0px, -4px);
        -ms-transform: translate(0px, -4px);
        transform: translate(0px, -4px);
    }
    
    20% {
        -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
    
    100% {
        -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}
.joy_anime_chara {
    -webkit-animation-name: joy_anime_chara;
    -webkit-animation-duration: 2.4s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    ;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode: backwards;
}
@keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    
    40%,
    43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -20px, 0);
        -ms-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -10px, 0);
        -ms-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    
    90% {
        -webkit-transform: translate3d(0, -2px, 0);
        -ms-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0);
    }
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/* ============================================================================================================================
== commonTab
** ============================================================================================================================ */
.commonTab {
    font-size: 0;
    letter-spacing: -0.4em;
}
.commonTab li {
    background: linear-gradient(left top, left bottom, from(#8c5828), color-stop(0.65, #663821), to(#693b23));
    background: -webkit-gradient(linear, left top, left bottom, from(#8c5828), color-stop(0.65, #663821), to(#693b23));
    border-top: 1px #616161 solid;
    border-right: 1px #000 solid;
    border-left: 1px #353535 solid;
    border-bottom: none;
    width: 43px;
    height: 24px;
    /*margin: 0 0.5%;*/
    
    border-radius: 4px 4px 0px 0px;
    cursor: pointer;
    display: inline-block;
    line-height: 1.3;
    text-align: center;
    padding: 6px 0;
    font-size: 10px;
}

/*.reinforce_tab li span {
	vertical-align: middle;
}*/
.commonTab li.selected {
    background: linear-gradient(left top, left bottom, from(#352210), color-stop(0.65, #4b221c), to(#693b23));
    background: -webkit-gradient(linear, left top, left bottom, from(#352210), color-stop(0.65, #4b221c), to(#693b23));
    border-top: 1px #616161 solid;
    border-right: 1px #000 solid;
    border-left: 1px #353535 solid;
    border-bottom: none;
    color: #9B0000;
}

/*.commonTab_tabContents {
	width: 300px;
	margin-top: -2px;
	z-index: 1000;
}*/
.sky_bg {
    background-image: url(../img/mypage/BG_top_sky.png?=001);
    background-repeat: no-repeat;
    background-size: 100%;
}
.black_bg {
    background-image: url(../img/mypage/BG_top_sky.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}
.sky_bg_gacha,
.sky_bg2 {
    background-image: url(../img/gacha/bg_sky.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}

/* ============================================================================================================================
== ガチャスライダー
** ============================================================================================================================ */
.gacha_slider .bx-wrapper {
    width: 320px;
    position: relative;
    margin: 0 auto;
}

/* ============================================================================================================================
== クリックバグ対応 takamata
** ============================================================================================================================ */
.quest_select,
.jewrly_recovery,
.support_deck_select,
.quest_confirm,
.recovery_confirm,
.progressBtn,
#gray_box,
.close_dialog,
.heal_btn,
.do_post,
.chk_use_item,
.recovery_card,
.recovery_card_list,
.do_continue,
.confirm,
.back_deck_list,
#skipAll,
.apply_btn,
.preload_next,
#preload,
.preload_post {
    cursor: pointer;
}
.friend_trigger {
    cursor: pointer;
}
.grad_night {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00030c+0,00457e+50,8eb2be+80,fea959+100 */
    
    background: rgb(0, 3, 12);
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDMwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwNDU3ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzhlYjJiZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWE5NTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(0, 3, 12, 1) 0%, rgba(0, 69, 126, 1) 50%, rgba(142, 178, 190, 1) 80%, rgba(254, 169, 89, 1) 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 3, 12, 1)), color-stop(50%, rgba(0, 69, 126, 1)), color-stop(80%, rgba(142, 178, 190, 1)), color-stop(100%, rgba(254, 169, 89, 1)));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, rgba(0, 3, 12, 1) 0%, rgba(0, 69, 126, 1) 50%, rgba(142, 178, 190, 1) 80%, rgba(254, 169, 89, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, rgba(0, 3, 12, 1) 0%, rgba(0, 69, 126, 1) 50%, rgba(142, 178, 190, 1) 80%, rgba(254, 169, 89, 1) 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, rgba(0, 3, 12, 1) 0%, rgba(0, 69, 126, 1) 50%, rgba(142, 178, 190, 1) 80%, rgba(254, 169, 89, 1) 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, rgba(0, 3, 12, 1) 0%, rgba(0, 69, 126, 1) 50%, rgba(142, 178, 190, 1) 80%, rgba(254, 169, 89, 1) 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00030c', endColorstr='#fea959', GradientType=0);
    /* IE6-8 */
}
.star_bg {
    background-image: url(../img/raid/star_bg.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
.snow_bg {
    background-image: url(../img/raid/snow_bg.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}
.sand_bg {
    background-image: url(../img/raid/sand_bg.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}
.pink_bg {
    background-image: url(../img/koushien/bg_pinkBlack.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}

/* ============================================================================================================================
== タップアニメ
** ============================================================================================================================ */
.anime_jump {
    -webkit-animation: anime_jump 100ms ease 0s 1 normal;
    -moz-animation: anime_jump 100ms ease 0s 1 normal;
    -ms-animation: anime_jump 100ms ease 0s 1 normal;
    animation: anime_jump 100ms ease 0s 1 normal;
}
@-webkit-keyframes anime_jump {
    0% {
        -webkit-transform: translateY(0);
    }
    
    50% {
        -webkit-transform: translateY(-5px);
    }
    
    100% {
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes anime_jump {
    0% {
        -moz-transform: translateY(0);
    }
    
    50% {
        -moz-transform: translateY(-5px);
    }
    
    100% {
        -moz-transform: translateY(0);
    }
}
@-ms-keyframes anime_jump {
    0% {
        -ms-transform: translateY(0);
    }
    
    50% {
        -ms-transform: translateY(-5px);
    }
    
    100% {
        -ms-transform: translateY(0);
    }
}
@keyframes anime_jump {
    0% {
        transform: translateY(0);
    }
    
    50% {
        transform: translateY(-5px);
    }
    
    100% {
        transform: translateY(0);
    }
}
.vb {
    vertical-align: bottom;
}

/* ============================================================================================================================
== アリーナバトル（甲子園）注記メッセージのさいに使用、オーバーレイ表示
** ============================================================================================================================ */
.EVA_overlay {
    display: none;
    width: 320px;
    height: 1000px;
    text-align: center;
    position: fixed;
    top: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.7);
}
.EVA_close {
    display: inline-block;
    border: 2px solid #fff;
    border-radius: 40px;
    background: linear-gradient(left top, left bottom, from(#e78183), color-stop(0.65, #CE1B5C), to(#C4256B));
    background: -webkit-gradient(linear, left top, left bottom, from(#e78183), color-stop(0.65, #CE1B5C), to(#C4256B));
    padding: 2px 4px;
    text-shadow: -1px -1px 0 #333;
}
.koshien_overlay {
    display: none;
    width: 320px;
    height: 1000px;
    text-align: center;
    position: fixed;
    top: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.5);
}
.koshien_close {
    display: inline-block;
    text-shadow: -1px -1px 0 #333;
}

/* ============================================================================================================================
== ガチャ詳細オーバーレイ表示
** ============================================================================================================================ */
.GACHA_overlay {
    display: none;
    width: 320px;
    text-align: center;
    position: absolute;
    top: 0;
    z-index: 20000;
    background: rgba(0, 0, 0, 0.7);
}
.GACHA_close {
    display: inline-block;
    text-shadow: -1px -1px 0 #333;
}

/* ============================================================================================================================
== 汎用的オーバーレイ表示
** ============================================================================================================================ */
.first_overlay {
    display: none;
    width: 320px;
    text-align: center;
    position: absolute;
    top: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.7);
}
.first_close {
    display: inline-block;
    text-shadow: -1px -1px 0 #333;
}
.second_overlay {
    display: none;
    width: 320px;
    text-align: center;
    position: absolute;
    top: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.7);
}
.second_close {
    display: inline-block;
    text-shadow: -1px -1px 0 #333;
}
.third_overlay {
    display: none;
    width: 320px;
    text-align: center;
    position: absolute;
    top: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.7);
}
.third_close {
    display: inline-block;
    text-shadow: -1px -1px 0 #333;
}
.fourth_overlay {
    display: none;
    width: 320px;
    text-align: center;
    position: absolute;
    top: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.7);
}
.fourth_close {
    display: inline-block;
    text-shadow: -1px -1px 0 #333;
}

/* ============================================================================================================================
== 汎用的オーバーレイ表示
** ============================================================================================================================ */
.BL_overlay {
    display: none;
    width: 320px;
    text-align: center;
    position: absolute;
    top: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.7);
}
.BL_close {
    display: inline-block;
    text-shadow: -1px -1px 0 #333;
}

/*総選挙関係のオーバーレイ*/
.vote_overlay {
    display: none;
    width: 320px;
    text-align: center;
    position: absolute;
    top: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.7);
}
.purple_overlay {
    display: none;
    width: 320px;
    text-align: center;
    position: absolute;
    top: 0;
    z-index: 1000;
    background: rgba(61, 0, 130, 0.9);
}
.Gsp_overlay {
    display: none;
    width: 320px;
    text-align: center;
    position: absolute;
    top: 0;
    z-index: 1000;
}
.rule_overlay {
    display: none;
    width: 320px;
    text-align: center;
    position: absolute;
    top: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.7);
}
.rule_close {
    display: inline-block;
    text-shadow: -1px -1px 0 #333;
}
.special_overlay {
    display: none;
    width: 320px;
    text-align: center;
    position: absolute;
    top: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.7);
}
.special_close {
    display: inline-block;
    text-shadow: -1px -1px 0 #333;
}

/*アニメーション用オーバーレイ*/
.animation_overlay {
    display: none;
    width: 320px;
    text-align: center;
    position: absolute;
    top: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.7);
}
.animation_close {
    display: inline-block;
    text-shadow: -1px -1px 0 #333;
}

/* ============================================================================================================================
== animated.cssのアニメーションによるスマホ画面の横ズレ防止クラス
** ============================================================================================================================ */
.wo {
    width: 320px;
    overflow: hidden;
}

/* ============================================================================================================================
== にぎやかしアニメ
** ============================================================================================================================ */

/*中央バウンス*/
.bounceIn_p {
    -webkit-animation: bounceIn_p 200ms ease both;
    -moz-animation: bounceIn_p 200ms ease both;
    -o-animation: bounceIn_p 200ms ease both;
    animation: bounceIn_p 200ms ease both;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
}
@-webkit-keyframes bounceIn_p {
    from,
    80%,
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }
    
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes bounceIn_p {
    from,
    80%,
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }
    
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@-moz-keyframes bounceIn_p {
    from,
    80%,
    100% {
        -moz-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    
    0% {
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    
    80% {
        -moz-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }
    
    100% {
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

/*ミッション用ボタン画像*/
.misson_btn {
    background-image: url(../img/misson/btn_url.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.misson_btn a {
    min-height: 71px;
    min-width: 90px;
}

/*20160831 領土イベ用 チーム別グラデーション*/
.meter_bg {
    width: 140px;
    height: 5px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.5);
    text-align: right;
}
.meter_bg span {
    line-height: 4px;
}
.meter_bg_WH {
    width: 140px;
    height: 5px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.5);
    text-align: right;
}
.meter_bg_WH span {
    line-height: 4px;
}
.meter_grn>span {
    background: rgba(0, 204, 0, 1);
    height: 3px;
    display: inline-block;
    float: left;
    border-radius: 8px;
}
.meter_org>span {
    background: rgba(255, 142, 0, 1);
    height: 3px;
    display: inline-block;
    float: left;
    border-radius: 8px;
}
@-webkit-keyframes meter_anime {
    0% {
        background-position: 0% 50%
    }
    
    50% {
        background-position: 100% 50%
    }
    
    100% {
        background-position: 0% 50%
    }
}
@-moz-keyframes meter_anime {
    0% {
        background-position: 0% 50%
    }
    
    50% {
        background-position: 100% 50%
    }
    
    100% {
        background-position: 0% 50%
    }
}
@keyframes meter_anime {
    0% {
        background-position: 0% 50%
    }
    
    50% {
        background-position: 100% 50%
    }
    
    100% {
        background-position: 0% 50%
    }
}
.meter_anime>span {
    height: 3px;
    display: inline-block;
    float: left;
    border-radius: 8px;
    background: linear-gradient(270deg, #e4ff54, #55ff54, #54dfff, #ff54da);
    background-size: 800% 800%;
    -webkit-animation: meter_anime 18s ease infinite;
    -moz-animation: meter_anime 18s ease infinite;
    animation: meter_anime 18s ease infinite;
}
.meter_wh>span {
    background: rgba(255, 255, 255, 1);
    height: 3px;
    display: inline-block;
    float: left;
    border-radius: 8px;
}
.meter_bk>span {
    background: rgba(130, 130, 130, 1);
    height: 3px;
    display: inline-block;
    float: left;
    border-radius: 8px;
}
.meter_red>span {
    background: rgba(255, 0, 0, 1);
    height: 3px;
    display: inline-block;
    float: left;
    border-radius: 8px;
}
.meter_blue>span {
    background: rgba(0, 70, 255, 1);
    height: 3px;
    display: inline-block;
    float: left;
    border-radius: 8px;
}
.meter_pnk>span {
    background: rgba(255, 51, 255, 1);
    height: 3px;
    display: inline-block;
    float: left;
    border-radius: 8px;
}
.meter_purple>span {
    background: rgba(255, 0, 255, 1);
    height: 3px;
    display: inline-block;
    float: left;
    border-radius: 8px;
}
.meter_yellow>span {
    background: rgba(255, 255, 0, 1);
    height: 3px;
    display: inline-block;
    float: left;
    border-radius: 8px;
}
.meter_aqua>span {
    background: rgba(0, 187, 255, 1);
    height: 3px;
    display: inline-block;
    float: left;
    border-radius: 8px;
}
.meter_white>span {
    background: rgb(255, 255, 255);
    height: 3px;
    display: inline-block;
    float: left;
    border-radius: 8px;
}
.area_bg2 {
    width: 320px;
    min-height: 140px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(146, 186, 224, 0.3) 50%, rgba(182, 252, 255, 0.4) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(146, 186, 224, 0.3) 50%, rgba(182, 252, 255, 0.4) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(146, 186, 224, 0.3) 50%, rgba(182, 252, 255, 0.4) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.area_bg2>div {
    padding: 10px 10px;
    line-height: 1.4em;
    text-align: left;
}
.area_bg2:before {
    content: "";
    position: absolute;
    top: -4px;
    display: block;
    width: 320px;
    height: 4px;
    background: url(../img/raid/navi_frame_under.png) no-repeat;
}
.area_bg2:after {
    content: "";
    position: absolute;
    bottom: 0;
    display: block;
    width: 320px;
    height: 4px;
    background: url(../img/raid/navi_frame_under.png) no-repeat;
}
.area_event_point_style table {
    box-shadow: #000 1px 1px 3px inset;
    border-radius: 8px;
    padding: 2px;
    background: rgba(0, 0, 0, .4);
}
.area_event_point_style table tr:first-child td {
    padding: 3px 0 0;
    font-size: 12px;
    font-weight: bold;
}
.area_event_point_style table tr:last-child td {
    padding: 0 0 2px;
}
.area_event_point_style table tr td:first-child {
    padding-left: 8px;
}
.area_event_point_style table tr td:nth-child(2) {
    padding: 0 4px;
}
.area_event_point_style table tr td:last-child {
    padding-right: 8px;
}

/* ============================================================================================================================
== アリーナイベントのバトルリザルトの背景関係
** ============================================================================================================================ */
.arena_bg {
    width: 320px !important;
    background-image: url(../img/koushien/bg_pinkBlack.jpg?DATE=20160929);
    background-size: 320px;
    background-repeat: repeat-y;
    overflow: hidden !important;
}
.win_bg {
    width: 320xp !important;
    background-image: url(../img/koushien/bg_pinkBlack.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden !important;
}
.lose_bg {
    width: 320px !important;
    background-image: url(../img/koushien/bg_pinkBlack.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden !important;
}

/* ============================================================================================================================
== 新しいframe
** ============================================================================================================================ */
.blue_area {
    background: rgba(90, 90, 218, 0.68);
    box-shadow: 0px 0px 6px rgba(17, 17, 68, 0.50);
}
.nn {
    padding: 2px 8px 4px;
    text-align: left;
    line-height: 1.2;
}
.go_frame:before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-image: url(../img/common/gold_frame_top.png);
    background-size: 100% 2px;
}
.go_frame:after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background-image: url(../img/common/gold_frame_under.png);
    background-size: 100% 3px;
}

/* ============================================================================================================================
== ★9カードをオレの嫁にしたときの掲示板表示css
** ============================================================================================================================ */
@-webkit-keyframes rare9_frame {
    0% {
        background-position: 51% 0%
    }
    
    50% {
        background-position: 50% 100%
    }
    
    100% {
        background-position: 51% 0%
    }
}
@-moz-keyframes rare9_frame {
    0% {
        background-position: 51% 0%
    }
    
    50% {
        background-position: 50% 100%
    }
    
    100% {
        background-position: 51% 0%
    }
}
@keyframes rare9_frame {
    0% {
        background-position: 51% 0%
    }
    
    50% {
        background-position: 50% 100%
    }
    
    100% {
        background-position: 51% 0%
    }
}
.rare9_BG {
    /*border-radius:3px; */
    
    background: linear-gradient(180deg, #f9ff00, #00ff15, #0081ff, #e700ff, #ff0000, #fffa00);
    background-size: 600% 600%;
    -webkit-animation: rare9_frame 9s ease infinite;
    -moz-animation: rare9_frame 9s ease infinite;
    -o-animation: rare9_frame 9s ease infinite;
    animation: rare9_frame 9s ease infinite;
}
.inner_rare9 {
    border-right: 1px #616161 solid;
    border-left: 1px #616161 solid;
    border-bottom: 1px #616161 solid;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background: rgba(26, 26, 26, 1.00);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(45, 45, 45, 1) 65%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(45, 45, 45, 1) 65%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(45, 45, 45, 1) 65%, rgba(0, 0, 0, 1) 100%);
}
.reply_rare9 {
    border-right: 1px #730000 solid;
    border-left: 1px #730000 solid;
    border-bottom: 1px #730000 solid;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background: rgba(80, 80, 80, 1.00);
    background: -moz-linear-gradient(top, rgba(60, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 65%, rgba(100, 0, 0, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(60, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 65%, rgba(100, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(60, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 65%, rgba(100, 0, 0, 1) 100%);
}

/* ============================================================================================================================
== アリーナバトル＠ハレベガス＠チップ選択ラジオボタン
** ============================================================================================================================ */
.harevegas_select {
    /*padding: 6px;*/
}
.harevegas_select input[type=radio],
.harevegas_select input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
}
.harevegas_select input[type=radio]+label,
.harevegas_select input[type=checkbox]+label {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
@media (min-width: 1px) {
    .harevegas_select input[type=radio],
    .harevegas_select input[type=checkbox] {
        display: none;
        margin: 0;
    }
    
    .harevegas_select input[type=radio]+label,
    .harevegas_select input[type=checkbox]+label {}
    
    .harevegas_select input[type=radio]+label::before,
    .harevegas_select input[type=checkbox]+label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -30px;
        margin-left: 2px;
        background: #FFF;
        z-index: 1;
    }
    
    .harevegas_select input[type=radio]+label::before {
        border: 1px solid #000;
        border-radius: 30px;
    }
    
    .harevegas_select input[type=checkbox]+label::before {
        border: 1px solid #000;
    }
    
    .harevegas_select input[type=radio]:checked+label::after,
    .harevegas_select input[type=checkbox]:checked+label::after {
        content: "";
        position: absolute;
        top: 50%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    
    .harevegas_select input[type=radio]:checked+label::after {
        left: 7px;
        width: 8px;
        height: 8px;
        margin-top: -25px;
        background: #E71063;
        border-radius: 8px;
        z-index: 2;
    }
    /* ============================================================================================================================
== ガチャボタン関係
** ============================================================================================================================ */
    
    .BG01:before {
        content: "";
        background: linear-gradient(270deg, #ff0000, #ff00aa, #aa00ff, #0000ff, #00aaff, #00ffaa, #00ff00, #aaff00, #ffaa00, #ff0000, #ff00aa, #aa00ff, #0000ff, #00aaff, #00ffaa, #00ff00, #aaff00, #ffaa00);
        background-size: 1500% 100%;
        animation: BG01 2s linear infinite normal;
        width: 277px;
        height: 48px;
        border-radius: 50px;
        position: absolute;
        mix-blend-mode: overlay;
        top: 10px;
        left: 7px;
    }
    
    @keyframes BG01 {
        0% {
            background-position: 0% 50%
        }
        100% {
            background-position: 57% 50%
        }
    }
    
    .Itemicon {
        width: 35px;
        top: 21px;
        left: 24px;
        transform: rotate(-15deg);
        filter: drop-shadow(-1px 2px 2px #000);
    }
    /* ============================================================================================================================
==　コラボページのフレーム背景
** ============================================================================================================================ */
    
    .collabo_frame {
        position: relative;
        margin-top: 1px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        background: rgba(26, 26, 26, 1.00);
        background: linear-gradient(to bottom, rgba(255, 82, 250, 0.8) 0%, rgba(228, 222, 36, 0.8) 65%, rgba(0, 220, 255, 0.8) 100%);
        background: -webkit-linear-gradient(top, rgba(255, 82, 250, 0.8) 0%, rgba(228, 222, 36, 0.8) 65%, rgba(0, 220, 255, 0.8) 100%);
        background: -moz-linear-gradient(top, rgba(255, 82, 250, 0.8) 0%, rgba(228, 222, 36, 0.8) 65%, rgba(0, 220, 255, 0.8) 100%);
    }