/* _base系テンプレート用CSS */


/* BASIC
-------------------------------------------------- */

.carousel-indicators {
    position: absolute;
    bottom: -12px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(143, 143, 143, 0.52);
    border: 0px solid rgba(0, 0, 0, 0.64);
    border-radius: 10px;
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: rgba(12, 165, 255, 0.81);
}

.main_content {

}

.OthersCont_TxtCrop {
    width: 100%;
    height: 150px;
    background-color: #fff;
    overflow: scroll;
    padding: 10px;
    font-size: 12px;
    line-height: 1.5;
    border: 1px solid #000000;
}

/* SP SLIDER MENU
-------------------------------------------------- */
@media (max-width: 767px) {
    .sb-slidebar {
        color: #fff;
    }

    #header_menu {
        position: fixed;
        right: 4px;
        z-index: 99999;
        bottom: 5px;
    }

    #header_menu .sb-toggle-left {
        background: url(../../images/oorong/nananaoto/menu/menu_icon_btn.png) no-repeat left center;
        padding: 32px 24px;
        float: left;
        /*     width: 2em; */
    }

    #header_menu .sb-toggle-right {
        /*        background: url(/images/mobile_nananaoto/top/menu/menu_icon_btn.png) no-repeat left center; */
        /* background: url(/images/mobile_nananaoto/top/menu/menu_icon_btn2.png) no-repeat left center; */
        background: url(../../images/mobile_nananaoto/top/menu/menu_icon_btn3.png) no-repeat left center;
        background-size:contain;
        padding: 40px 40px;
        float: left;
    }

}


/* CAROUSEL
-------------------------------------------------- */

.container-carousel {
    padding: 0;
}

@media (max-width: 1200px) {
    .container-carousel {
        width: 100%;
    }
}

/* Carousel base class */
.carousel {
    height:42.7vw;
    max-height:500px;
    max-width: 1170px;
    margin-bottom: 10px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
    z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
    height:42.7vw;
    max-height:500px;
    background-color: #777;
}
.carousel-inner > .item > img {
    position: absolute;
    top: 0;
    left: 0;
}



/* HEADER (共通)
-------------------------------------------------- */
/* Special class on .container surrounding .navbar, used for positioning it into place. */

.navbar {
    margin-bottom: 5px;
}

.navbar-nav > li > a {
    line-height: 18px;
    position: relative;
    display: block;
    font-size: 12px;
}

@media screen and (max-width:768px) {
    .navbar-nav > li > a {
        padding: 4px 8px;
    }
    .navbar-nav {
        margin: 0px 3px;
    }
}

@media screen and (min-width:768px) and ( max-width:992px) {
    .navbar-nav > li > a {
        padding: 12px 8px;
    }
    .navbar-nav {
        margin: -5px 3px 0px 3px;
    }
}

@media screen and (min-width:992px) {
    .navbar-nav > li > a {
        padding: 8px 8px;
    }
    .navbar-nav {
        margin: 4px 3px;
    }
}

.navbar-nav {
    float: left;
}

.navbar-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 20;
}

.navbar-wrapper > .container {
    background: #ffffff;
    height: 73px;
}

.mobile-title {
    display: none;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
    padding-right: 0;
    padding-left: 0;
}
.navbar-wrapper .navbar {
    padding-right: 0px;
    padding-left: 0px;
}
.navbar-wrapper .navbar .container {
    width: auto;
}

.nav > li {
    position: relative;
    display: block;
    text-align: center;
    line-height: normal;
}

.nav_sub_ttl{
    font-size: 0.7em;
    margin: -5px 0px;
    padding: 0px 0px;
    color: #5f5f5f;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .nav>li>a:focus, .nav>li>a:hover {
    background: inherit;
}

.nav a, .nav a:visited{
    color: #000000;
    font-weight: bold;
}

.nav a:hover, .nav a:focus, .nav a:active {
    color: #2EA7E0;
}

.container-normal {
    background-color: rgb(234, 245, 255);
    padding-top: 6px;
    padding-bottom: 20px;
    width: auto;
    padding: 0px;
    line-height: 1.4;
}

.header-title {
    font-size: 8px;
    font-weight: bold;
    top: 0;
    right: 0;
    left: 0;
    z-index: 20;
    padding: 3px 0px 0px 15px;
    /*    text-shadow: 1px 1px 1px #FFF, -1px 1px 1px #FFF, 1px -1px 1px #FFF, -1px -1px 1px #FFF; */
}

.dropdown-menu {
    background: rgba(255, 255, 255, 0.88);
    border: 0px solid rgba(0, 0, 0, 0.15);
    border-radius: 0px;
}

.dropdown-menu ul{
}

.dropdown-menu li{

}

.dropdown-menu li a:hover{
    color: #fff;
    background: rgba(59, 177, 255, 0.86);
    text-shadow: 0px 0px 0px #000;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 10px;
    color: #333;
    font-size: 10px;
    font-weight: bold;
    white-space: nowrap;
}

/* HEADER (横767px以下の時)
-------------------------------------------------- */
@media (max-width: 767px) {
    .navbar {
        margin-bottom: 2px;
        min-height: 0;
    }

    .navbar-wrapper > .container {
        background: #ffffff;
        height: 56px;
    }


    .navbar-camera {
        margin-top: 23px;
        position: absolute;
    }

    .navbar-camera img {
        width: 52px;
        height: 32px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        position: absolute;
        right: 0px;
    }

    .header-title {
        display: none;
    }

    .navbar-brand_title {
        padding: 12px;
        height: 56px;
    }

    .navbar-brand_title img {
        height: 32px;
        float: left;
        margin-right: 5px;
    }


    .mobile-title {
        font-size: 12px;
        font-weight: bold;
        display: block;
        padding: 0;
        line-height: 16px;
        color: #5a5a5a;
        text-align: right;

    }


}



/* HEADER (横768px以上の時)
-------------------------------------------------- */
@media (min-width: 768px) {
    /* Navbar positioning foo */
    .navbar-wrapper {
        margin-top: 0px;
    }

    .navbar-wrapper .container {
        padding-right: 15px;
        padding-left: 15px;
    }
    .navbar-wrapper .navbar {
        padding-right: 0;
        padding-left: 0;
    }

    /* The navbar becomes detached from the top, so we round the corners */
    .navbar-wrapper .navbar {
        border-radius: 0px;
    }

    .navbar-camera img {
        display:none;
    }

    /* Bump up size of carousel content */
    .carousel-caption p {
        margin-bottom: 20px;
        font-size: 21px;
        line-height: 1.4;
    }

    .featurette-heading {
        font-size: 50px;
    }
}

@media screen and (min-width:768px) and ( max-width:992px) {

    .navbar-brand_title img {
        width: 140px;
        margin-left: 0px;
        margin-bottom: 4px;
        margin-right: 4px;
        float: left;
    }
}

@media screen and (min-width:992px) {
    .navbar-brand_title img {
        width: 100%;
        max-width: 200px;
        min-width: 100px;
        margin-left: 0px;
        margin-bottom: 4px;
        margin-right: 4px;
        float: left;
    }
}

/* CONTENT
-------------------------------------------------- */

.main_content_top {
    background: #ffffff;
    padding-top: 73px;
}


@media (max-width: 767px) {
    .main_content_top {
        padding-top: 56px;
    }
}

.main_content_area{
    background-color: rgb(234, 245, 255);
    /*    background-color: rgba(138, 191, 243, 0.16); */
    padding-bottom: 10px;
}

.main_content_login{
    background-color: rgba(138, 191, 243, 0.16);
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: -10px;
}

/* FOOTER (共通)
-------------------------------------------------- */

.container-footer {
    min-height: 150px;
    background-color: rgb(234, 245, 255);
    background-image: url('../../images/mobile_nananaoto/top/footer/back_cpyrgts.png');
    background-position: left bottom;
    background-repeat: repeat-x;
    position: relative;
}

.footer-menu{
    margin: 20px 20px 50px 20px;
    background-image: url('../../images/mobile_nananaoto/top/footer/cloud.png');
    background-position: left;
    background-repeat: no-repeat;

}

.footer-menu ul {
    padding-left: 0;
}

.footer-menu h4 {
    color: #181818;
    font-size: 0.9em;
    font-weight: bold;
    font-family: "arial black", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.footer-menu li {
    color: #181818;
    font-size: 0.6em;
    font-weight: bold;
    list-style-type:none;
    line-height: 180%;
    margin: -1px 0px;
}

.footer-logo {
    position: absolute;
    top: 100px;

}

.footer-menu a{
    color: #181818;
}


.footer-copyright{
    font-size: 0.8em;
    font-weight: bold;
    line-height: 200%;
    position: absolute;
    bottom:0;
}

.footer-kata{
    position: absolute;
    bottom:13px;
    right: 2%;

}
.footer-kata img{
    width: 56%;
}


/* FOOTER (横767px以下の時)
-------------------------------------------------- */
@media (max-width: 767px) {

    .footer-menu {
        display: none;
    }

    .footer-kata{
        display: none;
    }

}




.side_banner{
    margin: 2px 0px;
    position:relative;
    z-index:1;
}


.row {
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: -6px;
}



/* 各コンテンツ共通部分 */
/* Contents */
/* ====================================== */
#contents{
    word-break: break-all;
    color: #3f3f3f;
    width: 100%;
    max-width: 992px;/* MIZAR-2543 */
    margin: 0 auto;
    padding: 12px 0 0;/* MIZAR-2543 */
}

/* SP */
@media only screen and (max-width: 991px) {
    #contents {
        padding: 12px 12px 0px 12px;/* MIZAR-2543 */
    }
}


#contents a{
    text-decoration : none ;
}

#contents ol, ul {
    margin-top: 0px;
    margin-bottom: 10px;
}

#contents .topic-path {
    list-style-type: none;
}
#contents .topic-path li {
    display: inline;
}

#contents .topic-path li a{
    color: #000;
    display: inline;
}

.contents{
    word-break: break-all;
    color: #3f3f3f;
    font-family: arial, sans-serif;
    background-color: #ffffff;
}

.contents_news_menu{
    padding: 0px 0px 5px 0px;
    font-size: 1.0em;
    font-weight: bold;
    font-family: "arial black", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.contents_news_menu_box{
    float: left;
    padding: 4px 20px 2px 0px;
    color: #000;
    font-size: 1.0em;
    font-weight: bold;
}

.contents_news_menu_box a{
    color: #000;
    ttext-decoration : none ;
}

.contents_news_menu_box_new{
    float: left;
    padding: 4px 20px 2px 0px;
    color: #000;
    font-size: 1.0em;
    font-weight: bold;
    background: url(../../images/mobile_nananaoto/top/title/media_new.png) no-repeat left top;
}

.contents_news_menu_box_new a{
    color: #000;
    ttext-decoration : none ;
}


.contents_news_menu_box_off{
    float: left;
    padding: 4px 20px 2px 0px;
    color: #848484;
    font-size: 1.0em;
    font-weight: bold;
}

.contents_news_menu_box_off a{
    color: #848484;
    text-decoration : none ;
}

@media screen and (max-width: 480px) {
    .contents_ttl_news{
        color: #171717;
        font-size: 20px;
        font-weight: bold;
        line-height: normal;
    }
    #contents .contents_breadcrumb{
        padding: 0px 0px 2px;
        color: #000;
        font-size: 10px;
    }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    .contents_ttl_news{
        margin: 0px 0px 5px;
        color: #171717;
        font-size: 19px;
        font-weight: bold;
        line-height: normal;
    }
    #contents .contents_breadcrumb{
        padding: 0px 0px 2px;
        color: #000;
        font-size: 11px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .contents_ttl_news{
/*      margin: 0px 0px 5px;*//*MIZAR-2543*/
        color: #171717;
        font-size: 24px;
        font-weight: bold;
        line-height: normal;
    }
    #contents .contents_breadcrumb{
        padding: 0px 0px 2px;
        color: #000;
        font-size: 0.8em;
    }
}

@media screen and (min-width: 1200px) {
    .contents_ttl_news{
        color: #171717;
        font-size: 24px;
        font-weight: bold;
        line-height: normal;
/*      padding-top: 12px;  *//*MIZAR-2543*/
    }
    #contents .contents_breadcrumb{
        padding: 0px 0px 2px;
        color: #000;
        font-size: 0.8em;
    }
}

/* アンケート */
#contents_ques{
    word-break: break-all;
    color: #3f3f3f;
    font-family: arial, sans-serif;
}

#contents_ques a{
    text-decoration : none ;
}

#contents_ques .contents_breadcrumb{
    padding: 10px 0px 6px;
    color: #000;
    font-size: 0.8em;
}

#contents_ques ol, ul {
    margin-top: 0px;
    margin-bottom: 10px;
}

#contents_ques .topic-path {
    list-style-type: none;
}
#contents_ques .topic-path li {
    display: inline;
}

#contents_ques .topic-path li a{
    color: #000;
    display: inline;
}

.contents_ques_news{
    margin: 0px 0px 5px;
    color: #000;
    font-size: 1.8em;
    font-weight: bold;
    line-height: normal;
}


/* 西暦リンク */
.contents_news{
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    padding-left: 12px;
}
.contents_news_year{
    float: left;
    padding: 2px 20px 2px 0px;
    margin-top: 3px;
    color: #000;
    font-size: 1.1em;
    font-weight: bold;
    display: flex;
    flex-wrap: wrap;
    font-family: "arial black", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.contents_news_year a{
    color: #000;
    text-decoration : none ;
}

.contents_news_year a:hover{
     opacity: 0.7;
}

.contents_news_year_off{
    float: left;
    padding: 2px 20px 2px 0px;
    margin-top: 3px;
    color: #848484;
    font-size: 1.1em;
    font-weight: bold;
    font-family: "arial black", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: flex;
    flex-wrap: wrap;
}

.contents_news_year_off a{
    color: #848484;
    text-decoration : none ;
}

/* release media new */
.release2_new{
    border: 1px double #E51A85;
    background-color: #E51A85;
    text-align: center;
    display: block;
    color: #fff;
    font-size: 0.7em;
    text-decoration: none;
    width: 36px;
}

/* release line */
.line{
    border-bottom: 1px dashed #CCC;
    margin: 10px 0px;
}

/* ベース */

#contents_bg{
    background: #ffffff;
    word-break: break-all;
    color: #3f3f3f;
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    padding: 12px;
}

#contents_bg_b{
    padding: 10px 10px;
    background: #000000;
    word-break: break-all;
    color: #ffffff;
    font-family: arial, sans-serif;
}

/* img sp pc */

/* キャリア名称ボタン */

input.button_dcm, a.button_dcm, button.button_dcm {
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 1.2em;
    font-weight: bold;
    padding: 10px 10px;
    border: solid 1px #ff3300;
    background-color: #ffffff;
    color: #ff3300;
    display: block;
    width: 100%;
    text-align: center;
}

input.button_dcm, a.button_dcm:hover {
    background-color: #ff3300;
    color: #fff;
    text-decoration: none;
}

input.button_au, a.button_au, button.button_au {
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 1.2em;
    font-weight: bold;
    padding: 10px 10px;
    border: solid 1px #ff8203;
    background-color: #ffffff;
    color: #ff8203;
    display: block;
    width: 100%;
    text-align: center;
}

input.button_au, a.button_au:hover {
    background-color: #ff8203;
    color: #fff;
    text-decoration: none;
}

input.button_sbm, a.button_sbm, button.button_sbm {
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 1.2em;
    font-weight: bold;
    padding: 10px 10px;
    border: solid 1px #a7a7a7;
    background-color: #ffffff;
    color: #a7a7a7;
    display: block;
    width: 100%;
    text-align: center;
}

input.button_sbm, a.button_sbm:hover {
    background-color: #a7a7a7;
    color: #fff;
    text-decoration: none;
}

input.button_credit, a.button_credit, button.button_credit {
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 1.2em;
    font-weight: bold;
    padding: 10px 10px;
    border: solid 1px #3445bb;
    background-color: #ffffff;
    color: #3445bb;
    display: block;
    width: 100%;
    text-align: center;
}

input.button_credit, a.button_credit:hover {
    background-color: #3445bb;
    color: #fff;
    text-decoration: none;
}

input.button_rule, a.button_rule, button.button_rule {
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 0.8em;
    font-weight: bold;
    padding: 6px 10px;
    border: solid 1px #c0c0c0;
    background-color: #ffffff;
    color: #c0c0c0;
    display: block;
    width: 100%;
    text-align: center;
}

input.button_rule, a.button_rule:hover {
    background-color: #c0c0c0;
    color: #fff;
}

/* description */
.description_step{
    color: #fff;
    font-size: 1.0em;
    position: relative;
    margin-left: -14px;
    padding: 8px 10px;
    background: #000;
    margin: 0px 0px 4px;
}

.description_step:before{
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border: 5px solid #fff;
    border-top: 5px solid rgb(117, 117, 117);
    border-left: 5px solid rgb(117, 117, 117);
}

.description_step2{
    color: #fff;
    font-size: 1.0em;
    position: relative;
    margin-left: -14px;
    padding: 8px 10px;
    background: #e6e6e6;
    margin: 0px 0px 4px;
}

.description_step2:before{
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border: 5px solid #fff;
    border-top: 5px solid rgba(0,0,0,0.5);
    border-left: 5px solid rgba(0,0,0,0.5);
}

.description_step3{
    color: #fff;
    font-size: 1.2em;
    position: relative;
    margin-left: -14px;
    padding:20px 10px;
    background: #f64855;
    margin: 0px 0px 4px;
    font-weight: bold;
}

.description_step3:before{
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border: 5px solid #fff;
    border-top: 5px solid rgba(0,0,0,0.5);
    border-left: 5px solid rgba(0,0,0,0.5);
}

.description_step_icon{
    background-color: #000;
    font-size: 1.0em;
    border: #fff solid 1px;
    color: #fff;
    font-weight: bold;
    width: 70px;
    text-align: center;
    margin: 0px 0px 4px;
}

.description_step_icon2{
    background-color: #e6e6e6;
    font-size: 1.0em;
    border: #fff solid 1px;
    color: #fff;
    font-weight: bold;
    width: 70px;
    text-align: center;
    margin: 0px 0px 4px;
}

/* FC NUMBER BOX */

.fc_number{
    border:#2EA7E0 solid 2px ;
    background: #fff;
    font-weight: bold;
    color: #2EA7E0;
    font-size: 1.8em;
    padding: 5px;
}

/* live schedule accordion */

.contents_accordion{
    background: #ffffff;
    margin: 4px 0px;
    padding: 4px 4px;
    height: auto;
    text-decoration: none;
    font-size: 1.2em;
    font-family: Helvetica, Arial, sans-serif;
    color: #0b3997;
    list-style:none;
}

.contents_accordion_box{
    background: #ffffff;
    margin: 0px 6px;
    height: auto;
    text-decoration: none;
    font-size: 0.8em;
    font-family: Helvetica, Arial, sans-serif;
    color: #222;
    list-style:none;
    word-break:break-all;
}

.contents_accordion a{
    color: #0a26ac;
}

.contents_accordion_date{
    float: left;
    background: #000000;
    color: #ffffff;
    width: 50px;
    height: 50px;
    margin: 4px 12px 4px 4px;
    padding: 2px 2px;
    text-align: center;
}

.contents_accordion_mon{
    color: #ffffff;
    margin: 1.5px 2px 2px 2px;
    text-align: center;
    font-size: 0.6em;
    font-family: Helvetica, Arial, sans-serif;
}
.contents_accordion_day{
    color: #ffffff;
    margin: 9px 0px 0px 0px;
    text-align: center;
    font-size: 1.0em;
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
}

div.contents_accordion_faqq{
    background: #E7F3FF;
    padding: 5px;
}

div.contents_accordion_ttl{
    display: table-cell;
    vertical-align: middle;
    height: 58px;
}

div.contents_accordion_ttl2{
    margin: 28px 3px 0px 5px;
    font-size: 1.2em;
    font-family: Helvetica,Arial,sans-serif;
    color: #0B3997;
    list-style: outside none
}

.contents_accordion_rule{
    float: left;
    background: #000000;
    color: #ffffff;
    width: 70px;
    height: 70px;
    margin: 4px 12px 4px 4px;
    padding: 2px 2px;
    text-align: center;
}

.contents_accordion_rule_ttl{
    color: #ffffff;
    margin: 3px;
    text-align: left;
    font-size: 0.7em;
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
}

.contents_accordion_rule_dcm{
    float: left;
    background: #f60000;
    color: #ffffff;
    width: 70px;
    height: 70px;
    margin: 4px 12px 4px 4px;
    padding: 2px 2px;
    text-align: center;
}

.contents_accordion_rule_au{
    float: left;
    background: #f67900;
    color: #ffffff;
    width: 70px;
    height: 70px;
    margin: 4px 12px 4px 4px;
    padding: 2px 2px;
    text-align: center;
}

.contents_accordion_rule_sbm{
    float: left;
    background: #8b8b8b;
    color: #ffffff;
    width: 70px;
    height: 70px;
    margin: 4px 12px 4px 4px;
    padding: 2px 2px;
    text-align: center;
}

.contents_accordion_rule_credit{
    float: left;
    background: #084f8c;
    color: #ffffff;
    width: 70px;
    height: 70px;
    margin: 4px 12px 4px 4px;
    padding: 2px 2px;
    text-align: center;
}

.contents_accordion_rule_etc{
    float: left;
    background: #d0d0d0;
    color: #ffffff;
    width: 70px;
    height: 70px;
    margin: 4px 12px 4px 4px;
    padding: 2px 2px;
    text-align: center;
}

.contents_accordion_rule_q{
    float: left;
    color: #ffffff;
    height: 30px;
    margin: 0px 12px 4px 4px;
    padding: 2px 2px;
    text-align: center;
    border-left: solid 5px #7cb4e6;
}

.contents_accordion_rule_a{
    float: left;
    background: #ff317f;
    color: #ffffff;
    width: 70px;
    height: 70px;
    margin: 4px 12px 4px 0px;
    padding: 2px 2px;
    text-align: center;
}

#contents_space{
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    padding: 12px;
}

#contents_row{
    margin: 0px 0px;
}

/* accordion
*/

ul.accordion{
    margin: 6px 0px;
    padding: 0;
}

ul.accordion li {
    padding: 0px 6px 0px 0px;
    /*  border-bottom: solid 1px #808080; */
}

ul.accordion li:first-child {
    /*  border-top: solid 1px #808080; */
}

ul.accordion li ul {
    margin: 0;
    padding: 0;
    border: none;
}

ul.accordion li ul li {
    /*  background: #fff; */
}

ul.accordion li ul li:last-child{
    border-bottom: none;
}

ul.accordion li ul li a {
    color: #696969;
    display: block;
    padding: 10px;
    text-decoration: none;
}

ul.accordion li .faq-display {
    /*    text-shadow: -1px 1px 1px #001A25; */
    display: block;
    padding: 2px 15px 2px 2px;
}

ul.accordion li .none-submenu {
    background: url("../../images/mobile_nananaoto/top/title/icon_open.gif") no-repeat scroll right center transparent;
    /*    text-shadow: -1px 1px 1px #001A25; */
    display: block;
    padding: 2px 15px 2px 2px;
}

ul.accordion li .active-submenu {
    background: url("../../images/mobile_nananaoto/top/title/icon_close.gif") no-repeat scroll right center transparent;
    /*    text-shadow: -1px 1px 1px #001A25; */
    display: block;
    padding: 2px 15px 2px 2px;
}

/* FAQのアコーディオンやリンク*/

ul.accordion-faq{
    margin: 6px 0px;
    padding: 0;
}

ul.accordion-faq li {
    padding: 0px 6px 0px 0px;
    /*  border-bottom: solid 1px #808080; */
}

ul.accordion-faq li:first-child {
    /*  border-top: solid 1px #808080; */
}

ul.accordion-faq li ul {
    margin: 0;
    padding: 0;
    border: none;
}

ul.accordion-faq li ul li {
    /*  background: #fff; */
}

ul.accordion-faq li ul li:last-child{
    border-bottom: none;
}

ul.accordion-faq li ul li a {
    color: #696969;
/*    display: block; */
    padding: 10px;
    text-decoration: none;
}

ul.accordion-faq li .faq-display {
    /*    text-shadow: -1px 1px 1px #001A25; */
    display: block;
    padding: 2px 15px 2px 2px;
}

ul.accordion-faq li .none-submenu {
    /*    text-shadow: -1px 1px 1px #001A25; */
    display: block;
    padding: 2px 15px 2px 2px;
}

ul.accordion-faq li .active-submenu {
    /*    text-shadow: -1px 1px 1px #001A25; */
    display: block;
    padding: 2px 15px 2px 2px;
}

ul.accordion2{
    margin: 0px 0px;
    padding: 0;
}

ul.accordion2 li {
    padding: 0px 6px 0px 2px;
    /*  border-bottom: solid 1px #808080; */
}

ul.accordion2 li:first-child {
    /*  border-top: solid 1px #808080; */
}

ul.accordion2 li ul {
    margin: 0;
    padding: 0;
    border: none;
}

ul.accordion2 li ul li {
    /*  background: #fff; */
}

ul.accordion2 li ul li:last-child{
    border-bottom: none;
}

ul.accordion2 li ul li a {
    color: #696969;
    display: block;
    padding: 10px;
    text-decoration: none;
}

ul.accordion2 li .none-submenu {
    background: url("../../images/mobile_nananaoto/top/title/icon_open.gif") no-repeat scroll right center transparent;
    /*    text-shadow: -1px 1px 1px #001A25; */
    display: block;
    padding: 2px 15px 2px 2px;
}

ul.accordion2 li .active-submenu {
    background: url("../../images/mobile_nananaoto/top/title/icon_close.gif") no-repeat scroll right center transparent;
    /*    text-shadow: -1px 1px 1px #001A25; */
    display: block;
    padding: 2px 15px 2px 2px;
}

/* accordion
*/

ul.accordion3{
    margin: 6px 0px;
    padding: 0;
}

ul.accordion3 li {
    padding: 0px 6px 0px 0px;
    /*  border-bottom: solid 1px #808080; */
}

ul.accordion3 li:first-child {
    /*  border-top: solid 1px #808080; */
}

ul.accordion3 li ul {
    margin: 0;
    padding: 0;
    border: none;
}

ul.accordion3 li ul li {
    /*  background: #fff; */
}

ul.accordion3 li ul li:last-child{
    border-bottom: none;
}

ul.accordion3 li ul li a {
    text-decoration: none;
}

ul.accordion3 li .none-submenu {
    background: url("../../images/mobile_nananaoto/top/title/icon_open.gif") no-repeat scroll right center transparent;
    /*    text-shadow: -1px 1px 1px #001A25; */
    display: block;
    padding: 2px 15px 2px 2px;
}

ul.accordion3 li .active-submenu {
    background: url("../../images/mobile_nananaoto/top/title/icon_close.gif") no-repeat scroll right center transparent;
    /*    text-shadow: -1px 1px 1px #001A25; */
    display: block;
    padding: 2px 15px 2px 2px;
}


/* accordion_schedule */

ul.accordion_schedule{
    margin: 6px 0px;
    padding: 0;
}

ul.accordion_schedule li {
    padding: 0px 6px 0px 0px;
    /*  border-bottom: solid 1px #808080; */
}

ul.accordion_schedule li:first-child {
    /*  border-top: solid 1px #808080; */
}

ul.accordion_schedule li ul {
    margin: 0;
    border: none;
    padding: 20px 20px 20px 60px;
}

ul.accordion_schedule li ul li {
    /*  background: #fff; */
}

ul.accordion_schedule li ul li:last-child{
    border-bottom: none;
}

ul.accordion_schedule li ul li a {
    color: #0091ff;
    text-decoration: none;
}

ul.accordion_schedule li ul li a:hover {
    color: #0091ff;
    text-decoration: none;
}

ul.accordion_schedule li ul li img {
    width: 50%;
    min-width: 200px;
}


ul.accordion_schedule li .none-submenu {
/*
    background-image: url(../../images/mobile_nananaoto/schedule/btn_pulldown_gray.png);
    background-repeat: no-repeat;
    background-size: 20px 11px;
    background-position: right top 20px;
*/
    background: url("../../images/mobile_nananaoto/top/title/icon_open.gif") no-repeat scroll right center transparent;
    /*    text-shadow: -1px 1px 1px #001A25; */
    display: block;
    padding: 2px 15px 2px 2px;
    cursor: pointer;
}

ul.accordion_schedule li .active-submenu {
/*
    background: url("../../images/mobile_nananaoto/schedule/btn_pulldown_gray_close.png");
    background-repeat: no-repeat;
    background-size: 20px 11px;
    background-position: right top 20px;
*/

    background: url("../../images/mobile_nananaoto/top/title/icon_close.gif") no-repeat scroll right center transparent;
    /*    text-shadow: -1px 1px 1px #001A25; */
    display: block;
    padding: 2px 15px 2px 2px;
    cursor: pointer;
}



/* top topics accordion */

.contents_accordion_topics{
    background: #ffffff;
    margin: 4px 0px;
    padding: 4px 4px;
    height: auto;
    text-decoration: none;
    list-style:none;
}

.contents_accordion_topics_box{
    background: #f6f6f6;
    height: auto;
    text-decoration: none;
    list-style:none;
    word-break:break-all;
}

.contents_accordion_topics a{
    color: #0a26ac;
}

.contents_accordion_topics_ttl{
    font-size: 12px;
    font-family: Helvetica, Arial, sans-serif;
    /*   display: table-cell;*/
    vertical-align: middle;
    text-align: center;
    padding: 20px;
}

ul.accordion_topics{
    margin: 6px 0px;
    padding: 0;
}

ul.accordion_topics li {
    padding: 0px 6px 0px 0px;
    /*  border-bottom: solid 1px #808080; */
}

ul.accordion_topics li:first-child {
    /*  border-top: solid 1px #808080; */
}

ul.accordion_topics li ul {
    margin: 0;
    padding: 0;
    border: none;
}

ul.accordion_topics li ul li {
    /*  background: #fff; */
}

ul.accordion_topics li ul li:last-child{
    border-bottom: none;
}

ul.accordion_topics li .none-submenu {
    /*    background: url("../../images/mobile_nananaoto/top/title/icon_open.gif") no-repeat scroll right center transparent;*/
    /*    text-shadow: -1px 1px 1px #001A25; */
    display: block;
    padding: 2px 15px 2px 2px;
}

ul.accordion_topics li .active-submenu {
    /*    background: url("../../images/mobile_nananaoto/top/title/icon_close.gif") no-repeat scroll right center transparent;*/
    /*    text-shadow: -1px 1px 1px #001A25; */
    display: block;
    padding: 2px 15px 2px 2px;
}

/* top leave accordion */

.contents_accordion_leave{
    background: #ffffff;
    margin: 4px 0px;
    padding: 4px 4px;
    height: auto;
    text-decoration: none;
    list-style:none;
}

.contents_accordion_leave_box{
    background: #f6f6f6;
    height: auto;
    text-decoration: none;
    list-style:none;
    word-break:break-all;
}

.contents_accordion_leave_ttl{
    font-size: 14px;
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
    /*   display: table-cell;*/
    vertical-align: middle;
    text-align: left;
}

ul.accordion_leave{
    padding: 7px;
    border: solid 1px #BDBDBD;
}

ul.accordion_leave li {
    padding: 0px 0px 0px 0px;
    /*  border-bottom: solid 1px #808080; */
}

ul.accordion_leave li:first-child {
    /*  border-top: solid 1px #808080; */
}

ul.accordion_leave li ul {
    margin: 0;
    padding: 0;
    border: none;
}

ul.accordion_leave li ul li {
    /*  background: #fff; */
}

ul.accordion_leave li ul li:last-child{
    border-bottom: none;
}

ul.accordion_leave li .none-submenu {
    background: url("../../images/mobile_nananaoto/top/title/icon_open.gif") no-repeat scroll right center transparent;
    /*    text-shadow: -1px 1px 1px #001A25; */
    display: block;
    padding: 2px 15px 2px 2px;
}

ul.accordion_leave li .active-submenu {
    background: url("../../images/mobile_nananaoto/top/title/icon_close.gif") no-repeat scroll right center transparent;
    /*    text-shadow: -1px 1px 1px #001A25; */
    display: block;
    padding: 2px 15px 2px 2px;
}

.contents_accordion_leave_txt{
    font-size: 12px;
    line-height: 14px;
    color: #060606;
    padding: 10px 4px;
    background: #edf6ff;
}

.btn-default2.active, .btn-default2:active, .open > .dropdown-toggle.btn-default2 {
    color: #fff;
    background-color: #ffc37a;
    border-color: #ffc37a;
    font-weight: bold;
}

.btn-lg2 {
    padding: 10px 16px;
    font-size: 14px;
    line-height: 14px;
    border-radius: 0px;
}


.leave_eject_mnp{
    background-color: rgba(161, 218, 255, 0.66);
    padding: 5px;
    font-size: 13px;
}

.leave_eject_mnp2{
    background-color: #ffffff;
    padding: 5px;
    font-size: 12px;
}

.mypage_change_payment {
    background-color: rgba(161, 218, 255, 0.66);
    padding: 5px;
    font-size: 13px;
    line-height: 13px;
}

.mypage_change_payment2{
    background-color: #ffffff;
    padding: 5px;
    font-size: 12px;
    line-height: 12px;
}

.rule_button {
    margin: 4px 2px 8px;
    padding: 10px 2px;
    text-align: center;
    color: #242424;
    border: #222 solid 1px;
    display: block;
    text-decoration: none;
    background: #ffffff;
}

.rule_button a{
    color: #000000;
    text-decoration: none;
}

.rule_button a:visited{
    color: #000000;
}
.rule_button a:hover{
    color: #4c4c4c;
    background: #ffffff;
}

.rule_button_mypage {
    margin: 4px 2px 8px;
    padding: 10px 2px;
    text-align: center;
    color: #ffffff;
    display: block;
    background: #2EA7E0;
    text-decoration: none;
}

.rule_button_mypage a{
    color: #000000;
    text-decoration: none;
}

.rule_button_mypage a:visited{
    color: #000000;
}
.rule_button_mypage a:hover{
    background: #32bcfc;
    color: #4c4c4c;
}

.rule_button_privacy{
    margin: 8px 2px 8px;
    text-align: center;
    color: #ffffff;
    background-color: #6ea9ff;
    border: #508cff solid 0px;
    text-decoration: none;
}

.rule_button_privacy a{
    padding: 3px 2px;
    text-decoration: none;
    color: #ffffff;
    display: block;
}

.rule_button_privacy a:visited {
    color: #ffffff;
}

.rule_button_privacy a:hover {
    background-color: #508cff;
    color: #ffffff;
}

.rule_button_mail{
    margin: 8px 2px 8px;
    text-align: center;
    color: #ffffff;
    background-color: #508cff;
    border: #508cff solid 0px;
    text-decoration: none;
}

.rule_button_mail a{
    padding: 10px 4px;
    text-decoration: none;
    color: #ffffff;
    font-family: "arial black", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.2em;
    display: block;
}

.rule_button_mail a:visited {
    color: #ffffff;
}

.rule_button_mail a:hover {
    background-color: #004ffc;
    color: #ffffff;
}

.rule_button_domain{
    margin: 8px 2px 8px;
    text-align: center;
    color: #ffffff;
    background-color: #73abff;
    border: #73abff solid 0px;
    text-decoration: none;
}

.rule_button_domain a{
    padding: 10px 4px;
    text-decoration: none;
    color: #ffffff;
    font-family: "arial black", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 1em;
    display: block;
}

.rule_button_domain a:visited {
    color: #ffffff;
}

.rule_button_domain a:hover {
    background-color: #629bff;
    color: #ffffff;
}

/* live schedule history */

#schedule2{
    margin:0px;
}

#schedule2 a{
    color:#e60076;
}

#schedule2 .year{
    text-align:center;
}

#schedule2 .year a{
    padding:5px 7px;
    margin:10px 5px;
    text-decoration:none;
    color:#FFF;
    background-color:#e51a85;
    border:2px #e51a85 solid;
    /*    -moz-border-radius: .5em;
        -webkit-border-radius: .5em;
        border-radius: .5em; */
}

#schedule2 .year .nolink{
    font-family: "arial black",Helvetica,Arial,sans-serif;
    padding:5px 7px;
    margin:10px 5px;
    text-decoration:none;
    color:#CCC;
    background-color:#999999;
    border:2px #999999 solid;
    /*    -moz-border-radius: .5em;
        -webkit-border-radius: .5em;
        border-radius: .5em; */
}

#schedule2 .year ul{
    margin:0px;padding:0px;
}
#schedule2 .year li{
    float:left;
    margin:10px 0;
    list-style-type: none;
}


#schedule2 h3{
    margin-top:0;
    padding-top:0;
    text-shadow: #666666 1px 1px 1px;
}

#schedule2 .schedule_history{
    margin: 10px 0px 0px;
}

#schedule2 .btn_to_scheduletop{
    padding:15px 15px 0 0;
    text-align:left;
}

#schedule2 .btn_to_scheduletop a{
    /*    -moz-border-radius: .5em;
        -webkit-border-radius: .5em;
        border-radius: .5em; */
    border:2px #e60076 solid;
    color:#e60076;
    padding:7px 15px;
    margin-top:5px;
    text-align:center;
    font-size:0.8em;
}

#schedule2 .btn_scheduletop{
    background:url(../../images/mobile_nananaoto/top/title/btn_discotop.png) no-repeat left center;
    padding-left:15px;
}

/* Live Schedule navi btn */

.btn_to_scheduletop{
    padding:15px 15px 0 0;
    text-align:left;
}

.btn_to_scheduletop a{
    /*    -moz-border-radius: .5em;
        -webkit-border-radius: .5em;
        border-radius: .5em; */
    border:2px #000 solid;
    color:#000;
    padding:7px 15px;
    margin-top:5px;
    text-align:center;
    font-size:0.8em;
}

.btn_scheduletop{
    background:url(../../images/mobile_nananaoto/top/title/btn_discotop.png) no-repeat left center;
    padding-left:15px;
}

.btn_to_liveschedule{
    padding:15px 5px 0 0;
    text-align:right;
}

.btn_to_liveschedule a{
    /*    -moz-border-radius: .5em;
        -webkit-border-radius: .5em;
        border-radius: .5em; */
    border:2px #000 solid;
    color:#000;
    padding:7px 15px;
    margin-top:5px;
    text-align:center;
    font-size:0.8em;
}

.btn_liveschedule{
    background:url(../../images/mobile_nananaoto/top/title/btn_detail.png) no-repeat left center;
    padding-left:15px;
}

/* discography */

a.discography {
    text-decoration: none;
    color:#000000;
}

@media screen and (max-width: 767px) {
    .discography {
        float: left;
        background: #ffffff;
        font-family: "arial black", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 1.0em;
        text-align: center;
        padding: 8px 8px;
        margin: 2px;
        width: 100%;
        position:relative;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .discography {
        float: left;
        background: #ffffff;
        font-family: "arial black", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 1.0em;
        padding: 8px 8px;
        margin: 2px;
        width: 100%;
        position:relative;
        height: 270px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .discography {
        float: left;
        background: #ffffff;
        font-family: "arial black", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 1.0em;
        padding: 8px 8px;
        margin: 2px;
        width: 100%;
        position:relative;
        height: 326px;
    }
}

@media screen and (min-width: 1200px) {
    .discography {
        float: left;
        background: #ffffff;
        font-family: "arial black", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 1.0em;
        padding: 8px 8px;
        margin: 2px;
        width: 100%;
        position:relative;
        height: 375px;
    }
}

@media screen and (max-width: 480px) {
    .discography_img{
        float: left;
        margin: 4px 0px;
        width: 40%;
    }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    .discography_img {
        float: left;
        margin: 4px 0px;
        height: 100%;
    }
}

@media screen and (min-width: 768px) {
    .discography_img {
        text-align: center;
        margin: 4px 0px;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .discography_txt{
        background: #ffffff;
        font-family: "arial black", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 0.8em;
        text-align: left;
        margin: 4px 5px;
        float: left;
    }
}

@media screen and (min-width: 768px) {
    .discography_txt{
        background: #ffffff;
        font-family: "arial black", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 0.8em;
        text-align: left;
        margin: 4px 0px;
    }
}

.discography_icon{
    background: #fff;
    border: #000 1px solid;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 8px;
    font-weight: bold;
    padding: 3px 1px;
    margin: 2px;
    width: 58px;
    vertical-align: middle;
    text-align: center;
    float: left;
}
.discography_date{
    font-size: 10px;
    padding: 5px 1px;
}


.discography_txt_ttl{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (max-width: 699px) {
    .discography_txt_ttl{
        word-wrap: break-word;
    }
}

@media screen and (min-width: 700px) and (max-width: 991px) {
    .discography_txt_ttl{
        white-space: nowrap;
    }
}

@media screen and (min-width: 991px) {
    .discography_txt_ttl{
        white-space: nowrap;
    }
}

.discography_txt_sub {
    width: 100%;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 8px;
    text-align: left;
    margin: 4px 0px;
    overflow: hidden;
    padding: 3px 0px;
    word-break: break-all;
}

/* discography detail page */

.discography_detail_title{
    margin: 5px 0px;
    font-weight: bold;
    font-size: 1.2em;
    color: #000;
    text-align: left;
}

.discography_detail_text{
    font-size: 1.0em;
    color: #000;
}

.discography_detail img{
    margin: 0px 10px 4px 0px;
}


/* info_service */

@media screen and (max-width: 767px) {
    .info_service{
        float: left;
        background: #ffffff;
        font-family: "arial black", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 1.0em;
        text-align: center;
        padding: 8px 8px;
        margin: 2px;
        width: 100%;
        position:relative;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .info_service {
        float: left;
        background: #ffffff;
        font-family: "arial black", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 1.0em;
        padding: 8px 8px;
        margin: 2px;
        width: 100%;
        position:relative;
        height: 100%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .info_service {
        float: left;
        background: #ffffff;
        font-family: "arial black", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 1.0em;
        padding: 8px 8px;
        margin: 2px;
        width: 100%;
        position:relative;
        height: 100%;
    }
}

@media screen and (min-width: 1200px) {
    .info_service {
        float: left;
        background: #ffffff;
        font-family: "arial black", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 1.0em;
        padding: 8px 8px;
        margin: 2px;
        width: 100%;
        position:relative;
        height: 100%;
    }
}

@media screen and (max-width: 480px) {
    .info_service_img{
        float: left;
        margin: 4px 0px;
        width: 40%;
    }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    .info_service_img {
        float: left;
        margin: 4px 0px;
        height: 100%;
    }
}

@media screen and (min-width: 768px) {
    .info_service_img {
        text-align: center;
        margin: 4px 0px;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .info_service_txt{
        background: #ffffff;
        font-family: "arial black", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 0.8em;
        text-align: left;
        margin: 4px 5px;
        float: left;
    }
}

@media screen and (min-width: 768px) {
    .info_service_txt{
        background: #ffffff;
        font-family: "arial black", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 0.8em;
        text-align: left;
        margin: 4px 0px;
    }
}

.info_service_icon_new{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1em;
    color: #ff167b;
    font-weight: bold;
    padding: 3px;
    width: 100px;
    text-align: left;
}

.info_service_icon_fc{
    background: #2EA7E0;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 0.8em;
    color: #fff;
    font-weight: bold;
    padding: 3px;
    margin: 0px;
    width: 100px;
    vertical-align: middle;
    text-align: center;
}

.info_service_icon_all{
    background: #fff;
    border: #000 1px solid;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 0.8em;
    font-weight: bold;
    color: #000;
    padding: 3px;
    margin: 0px;
    width: 100px;
    vertical-align: middle;
    text-align: center;
}

.info_service_txt_ttl{
    margin: 4px 0px 0px 0px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    font-weight: bold;;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
}

.info_service_txt_sub {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1em;
    line-height: normal;
    text-align: left;
    margin: 4px 0px;
}



/* MEMBER
-------------------------------------------------- */

.member_card_img {
    width: 100%;
    max-width: 400px;
    border-radius: 12px;
}

.member_card_img_select {
    width: 100%;
    min-width: 200px;
    border-radius: 12px;
}


.panel_mypage {
    margin: 30px 0 0 0;
}

.panel_mypage .panel-body {
    padding: 15px 0px 15px 0px;
}

.panel_mypage_information {
    padding: 15px 5px;
}

.panel_mypage_row {
    margin: 0 0 10px 0;
}

.panel_mypage_title {
    font-weight: bold;
    font-size: 10px;
}

.panel_mypage_button {
    text-align: right;
}

.col_mypage_center {
    text-align: center;
    padding-top: 10px;
}

/* top topics accordion */

.accordion_mypage{
    margin: 0px 0px 10px 0px;
}

.contents_accordion_mypage{
    background: #ffffff;
    margin: 4px 0px;
    padding: 4px 4px;
    height: auto;
    text-decoration: none;
    list-style:none;
}

.contents_accordion_mypage_box{
    background: #ffffff;
    height: auto;
    text-decoration: none;
    list-style:none;
    word-break:break-all;
}

.contents_accordion_mypage a{
    color: #ffffff;
}

.contents_accordion_mypage a:hover{
    background: #b86815;
}

.contents_accordion_mypage_ttl{
    font-size: 12px;
    font-family: Helvetica, Arial, sans-serif;
    display: table-cell;
    vertical-align: middle;
    height: 20px;
    color: #ffffff;
    padding-left: 15px;
}

div.contents_accordion_mypage_ttl{
    display: table-cell;
    vertical-align: middle;
}

ul.accordion_mypage{
    margin: 20px 0px 0px 0px;
    padding: 0px;
}

ul.accordion_mypage li {
    padding: 0px 0px 0px 0px;
    /*  border-bottom: solid 1px #808080; */
}

ul.accordion_mypage li:first-child {
    /*  border-top: solid 1px #808080; */
}

ul.accordion_mypage li ul {
    margin: 0;
    padding: 0;
    border: none;
}

ul.accordion_mypage li ul li {
    /*  background: #fff; */
}

ul.accordion_mypage li ul li:last-child{
    border-bottom: none;
}

ul.accordion_mypage li .none-submenu {
    background: url("../../images/mobile_nananaoto/top/title/icon_open.gif") no-repeat scroll right center transparent;
    /*    text-shadow: -1px 1px 1px #001A25; */
    display: block;
    padding: 6px 15px 2px 2px;
    background: #e5821a;
}

ul.accordion_mypage li .active-submenu {
    background: url("../../images/mobile_nananaoto/top/title/icon_close.gif") no-repeat scroll right center transparent;
    /*    text-shadow: -1px 1px 1px #001A25; */
    display: block;
    padding: 6px 15px 2px 2px;
    background: #e5821a;
}

.btn_real {
    display: inline-block;
    font-family: "arial black", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -moz-user-select: none;
    background-image: none;
    cursor: pointer;
    /*    margin-bottom: 14px; */
    border: 1px solid transparent;
    border-radius: 0px;
    background-color: #e5821a;
    padding: 5px 10px;
    /*    margin-top: 20px; */
}

.btn_real a:hover{
    background-color: #b96815;
}

.btn_real_cancel {
    display: inline-block;
    font-family: "arial black", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -moz-user-select: none;
    background-image: none;
    cursor: pointer;
    margin-bottom: 14px;
    border: 1px solid transparent;
    border-radius: 0px;
    background-color: #e5821a;
    padding: 5px 10px;
}

.btn_real_cancel a:hover{
    background-color: #b96815;
}


.btn_real_login {
    display: inline-block;
    padding: 6px 12px;
    font-family: "arial black", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -moz-user-select: none;
    background-image: none;
    cursor: pointer;
    margin-bottom: 14px;
    border: 1px solid transparent;
    border-radius: 0px;
    background-color: #e5821a;
}

.btn_real_login a:hover{
    background-color: #b96815;
}

.real_no_annotation{
    font-family: "Arial", "Helvetica", sans-serif;
    font-size: 12px;
    line-height: 14px;
    color: #555555;
    padding: 5px 5px;
}

.real_no_annotation2{
    font-family: "Arial", "Helvetica", sans-serif;
    font-size: 10px;
    line-height: 12px;
    color: #767676;
}

.panel-heading-real {
    padding: 6px 0px 6px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background: #e5821a;
    margin-top: 6px;
    color: #fff;
    font-size: 12px;
}

.panel-heading-mobile {
    padding: 6px 0px 6px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background: #2EA7E0;
    font-weight: bold;
    margin-top: 10px;
    color: #fff;
    font-size: 16px;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    font-size: 12px;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 3px 8px 3px 8px;
}

#loading {
    position: absolute;
    top:47%;
    left:47%;
    display: none;
}

.darken{
    -webkit-filter: brightness(0.7);
    -moz-filter: brightness(0.7);
    -o-filter: brightness(0.7);
    filter: brightness(0.7);
}

.member_card_selection_text {
    margin-top: 5px;
    font-size:14px;
    line-height: 120%;
}



/* mypage top */
.panel{
    background-color: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 0px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.05);
}

.panel-default > .panel-heading {
    color: #333333;
    background-color: #DBE9F2;
}

@media screen and (max-width: 767px) {
    .btn-group-sm > .btn, .btn-sm {
        line-height: 1.5;
        padding: 5px 10px;
        font-size: 12px;
        width: 180px;
        border-radius: 0px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .btn-group-sm > .btn, .btn-sm {
        line-height: 1.5;
        padding: 5px 1px;
        font-size: 6px;
        width: 86px;
    }
}


@media screen and (min-width: 992px) and (max-width: 1199px) {
    .btn-group-sm > .btn, .btn-sm {
        line-height: 1.5;
        padding: 5px 8px;
        font-size: 9px;
        width: 120px;
        border-radius: 0px;
    }
}

@media screen and (min-width: 1200px) {
    .btn-group-sm > .btn, .btn-sm {
        line-height: 1.5;
        padding: 5px 8px;
        font-size: 10px;
        width: 150px;
        border-radius: 0px;
    }
}

.btn-primary {
    color: #FFF;
    background-color: #2EA7E0;
    border-color: #2EA7E0;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.btn {
    display: inline-block;
    font-family: "arial black", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -moz-user-select: none;
    background-image: none;
    cursor: pointer;
    margin-bottom: 0px;
    border: 1px solid transparent;
    border-radius: 0px;
}

.btn2 {
    display: inline-block;
    font-family: "arial black","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #fff;
    background-color: #2EA7E0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -moz-user-select: none;
    background-image: none;
    cursor: pointer;
    margin-bottom: 0px;
    border: 1px solid #2EA7E0;
    border-radius: 2px;
    padding: 4px 25px;
}


/* mypage image select */
.btn-group-lg > .btn, .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 0px;
}

.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #C4D4D8;
    border-color: #FFF;
}

.btn.active, .btn:active {
    outline: 0px none;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) inset;
}

/* mypage select input */
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #CCC;
    border-radius: 0px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) inset;
}



/* photo studio
-------------------------------------------------- */
#photo_studio{
    padding: 0px 0px 0px 0px;
}

#photo_studio_title_img{
    background-color:#000000;
    word-break: break-all;
    color: #000000;
    text-align: left;
    padding: 0px 0px 6px 0px;
}

#photo_studio_title_img img{
    width: 130px;
}

.js-masonry{
    margin: 0 auto;
    background: #000000;
}

.item{

}


input.photo_top, a.photo_top, button.photo_top {
    -webkit-appearance: none;
    border-radius: 0px;
    font-size: 1em;
    font-weight: bold;
    padding: 14px 10px;
    margin: 11px 10px;
    border-style: none;
    background-color: #ff9900;
    color: #FFF;
    display: block;
    text-decoration: none;
}

input.photo_top, a.photo_top:hover {
    background-color: #9dd745;
}


.photo_studio_comment{
    word-break: break-all;
    color: #606060;
    text-align: center;
    font-size: 1em;
    font-weight: bold;
    padding: 5px 5px;
    margin: 2px 2px;
}


/* monthly inti rayimi
-------------------------------------------------- */
#monthly_box{
    background-color:#FFBF01;
    word-break: break-all;
    color: #3f3f3f;
    margin-top: -8px;
}

.monthly_box{
    padding:0px 5px;
    color:#575858;
    background-color: #FFBF01;
}

#monthly_box_img{
    background-color:#FFBF01;
    word-break: break-all;
    color: #3f3f3f;
    margin-top: -8px;
}

#monthly_box2{
    background-color:#96f8ff;
    word-break: break-all;
    color: #3f3f3f;
    margin-top: -8px;
    padding: 0px 0px 1px 0px;
}

.monthly_box2{
    padding:0px 5px;
    color:#575858;
    background-color: #96f8ff;
}

#monthly_box2_img{
    background-color:#96f8ff;
    word-break: break-all;
    color: #3f3f3f;
    margin-top: -8px;
}

#monthly_box3{
    background-color: #ffffff;
    word-break: break-all;
    color: #3f3f3f;
    margin-top: -8px;
    padding: 0px 0px 1px 0px;
}

.monthly_box3{
    padding:0px 5px;
    color:#575858;
    background-color: #ffffff;
}

#monthly_box3_img{
    background-color:#ffffff;
    word-break: break-all;
    color: #3f3f3f;
    margin-top: -8px;
}

.monthly201601_ttl{
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    transform: rotate(-3deg);
    -o-transform:rotate(-3deg);
    -ms-transform:rotate(-3deg);
    border-bottom:solid 4px #000;
    width:80%;
    color:#000;
    font-size:14pt;
    font-weight: bold;
    padding-bottom:5px;
    margin-bottom:30px;
}

.monthly201602_ttl{
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    -o-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    border-bottom:solid 4px #ff0ad2;
    width:80%;
    color:#ff0ad2;
    font-size:14pt;
    font-weight: bold;
    padding-bottom:5px;
    margin-bottom:30px;
}


.photo03 {
    position: relative;
    padding: 9px 9px 56px 7px;
    border: 1px solid #9E9E9E;
    box-shadow: 2px 2px 3px rgba(255, 10, 210, 0.33);
    background: #FFF none repeat scroll 0% 0%;
    width: 93%;
    margin: 7px 1px;
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
}

.photo03 img {
    width: 100%;
    border: 0px solid #999999;
}

.photo03 p {
    position: absolute;
    height: 35px;
    margin: 15px 5px 0px;
    bottom: 8px;
    font-size: 1.1em;
    font-weight: bold;
    color: rgba(43, 43, 43, 0.89);
}

.photo04 {
    position: relative;
    padding: 9px 9px 56px 7px;
    border: 1px solid #9E9E9E;
    box-shadow: 2px 2px 3px rgba(255, 10, 210, 0.33);
    background: #FFF none repeat scroll 0% 0%;
    width: 93%;
    margin: 7px 1px;
    transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);

}

.photo04 img {
    width: 100%;
    border: 0px solid #999999;
}
.photo04 p {
    position: absolute;
    height: 35px;
    margin: 15px 5px 0px;
    bottom: 8px;
    font-size: 1.1em;
    font-weight: bold;
    color: rgba(43, 43, 43, 0.89);
}

/*
*/

.fashion_inti_raymi{
    width: 100%;
    border-collapse: collapse;
    border-right: 1px solid #999;
}
.fashion_inti_raymi th{
    width: 40%;
    padding: 6px;
    text-align: left;
    vertical-align: top;
    color: #fff;
    background-color: #555;
    border-left: 5px solid #89e542;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #999;
}
.fashion_inti_raymi td{
    width: 60%;
    padding: 6px;
    background-color: #fff;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
}

.fashion_inti_raymi_ttl {
    position: relative;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    margin:30px 0px 0px 0px;
    padding: 15px 5px 15px 15px;
    border-left: 10px solid #89e542;
}

.fashion_inti_raymi_ttl:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    height: 0;
    width: 100%;
    border-bottom: 1px solid #89e542;
}


.best_block {
    padding: 4px 6px;
}

.best_block_info {
    background-color: #ffffff;
    margin: 3px 3px;
    padding: 12px 6px;
}

.monthly_block {
    font-size: 15px;
    padding: 4px 6px;
    color: #3f3f3f;
    font-family: arial, sans-serif;
    line-height: 18px;
}

.monthly_block_sub{
    font-size: 13px;
    padding: 4px 6px;
    color: #767676;
    font-family: arial, sans-serif;
    line-height: 16px;
}

.monthly_summer_song
,.monthly_summer_song li{
    padding: 0px;
    margin: 15px;
}

.monthly_summer_song li{
    list-style-type:none !important;
    list-style-image:none !important;
    margin: 2px 0px 2px 0px !important;
}

.list_song{
    counter-reset:li;
}

.list_song li{
    position:relative;
    display: block;
    padding: 5px 0px 5px 33px;
    margin-left: 0px !important;
    font-size: 15px;
    font-weight: bold;
}

li.list_song-count:after{
    counter-increment: li;
    position: absolute;
    display: block;
    text-align: center;
    content: counter(li) ".";
    font-style: italic;
    left: 0px;
    top: -1px;
    font-size: 20px;
    color:#ff4800;
    font-family:'Goudy Bookletter 1911',Georgia,serif;
}

* {margin: 0;}
.photo01 {
    position: relative;
    padding: 9px 9px 56px 7px;
    border: 1px solid #9E9E9E;
    box-shadow: 2px 2px 3px #47A0A0;
    background: #FFF none repeat scroll 0% 0%;
    width: 93%;
    margin: 7px 1px;
    transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
}

.photo01 img {
    width: 100%;
    border: 1px solid #999999;
}

.photo01 p {
    position: absolute;
    height: 35px;
    margin: 15px 5px 0px;
    bottom: 8px;
    font-size: 1.1em;
    font-weight: bold;
    color: rgba(43, 43, 43, 0.89);
}

.photo02 {
    position: relative;
    padding: 9px 9px 56px 7px;
    border: 1px solid #9E9E9E;
    box-shadow: 2px 2px 3px #47A0A0;
    background: #FFF none repeat scroll 0% 0%;
    width: 93%;
    margin: 7px 1px;
    transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);

}

.photo02 img {
    width: 100%;
    border: 1px solid #999999;
}
.photo02 p {
    position: absolute;
    height: 35px;
    margin: 15px 5px 0px;
    bottom: 8px;
    font-size: 1.1em;
    font-weight: bold;
    color: rgba(43, 43, 43, 0.89);
}

.hanko
{
    font-family: sans-serif;
    overflow: hidden;
    text-align: center;
    transform: rotate(2deg);
    color: rgba(217, 51, 63, 0.9);
    border: 5px solid rgba(217, 51, 63, 0.9);
    position: relative;
    border-radius: 8px;
    width: 186px;
    text-shadow: 1px 1px 1px #A22041;
    margin: 11px 0px;
}

input.monthly_link, a.monthly_link, button.monthly_link {
    -webkit-appearance: none;
    font-size: 12px;
    line-height: 14px;
    border-radius: 5px; /*MIZAR-2759*/
    font-weight: bold;
    padding: 10px 5px; /*MIZAR-2759*/
    margin: 5px 0px; /*MIZAR-2759*/
    border-style: none;
    background-color: #5EA2ED; /*MIZAR-2759*/
    color: #FFF;
    display: block;
    text-decoration: none;
}

input.monthly_link, a.monthly_link:hover {
    opacity: 0.8;
}

.polaroid {
    position: relative;
    width: 100%;
    text-align: center;
}

.polaroid img {
    border: 10px solid #fcfcfe;
    border-bottom: 45px solid #fcfcfe;
    -webkit-box-shadow: 3px 3px 3px #777;
    -moz-box-shadow: 3px 3px 3px #777;
    box-shadow: 3px 3px 3px #777;
}

.polaroid p {
    position: absolute;
    text-align: center;
    width: 98%;
    bottom: 0px;
    font-family: 'Kaushan Script', cursive;
    color: #25221d;
    font-size:10px;
    line-height:10px;
}

#contents h3{
    color: #111;
    font-size: 16px;
    font-weight: bold;
    margin: 17px 0px 12px;
    border-bottom: 2px solid #000000;
    box-shadow: 0 1px 0 #aaaaaa;
    -webkit-box-shadow: 0 1px 0 #aaaaaa;
    -moz-box-shadow: 0 1px 0 #aaaaaa;
    text-shadow: #999999 0px 1px 1px;
}


.tour2016_movie{
    margin: 10px 0px;
    padding:5px 5px;
    font-weight: bold;
    font-size: 14px;
    line-height: 15px;
    color: #222222;
}

.tour2016_movie img{
    margin: 20px 0px;
}

.tour2016_movie_sub{
    margin: 0px 0px 20px 0px;
}

.tour2016_movie_a{
    margin: 10px 0px;
    padding:10px 30px;
    font-weight: bold;
    font-size: 14px;
    line-height: 15px;
    color: #ffffff;
    background: #00adff;
}

.tour2016_movie_a:hover{
    color: #ffffff;
    background: #0075ff;
}



/* radio
-------------------------------------------------- */
.list-menu {
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0 auto; /*MIZAR-2763*/
    /*border-bottom: 1px solid #f7f7f7; MIZAR-2763*/
}
.list-menu li {
    list-style: none;
    /*overflow: hidden; MIZAR-2763*/
    width: 100%;
    margin: 0;
    padding: 0;
    /*border-bottom: 1px solid #f7f7f7; MIZAR-2763*/
}
.list-menu li:last-child {
    border-bottom: 0px;
}

.list-menu li a {
    display: block;
    position: relative;
    z-index: 10;
    margin: 5px 0px; /*MIZAR-2763*/
    padding: 10px 5px; /*MIZAR-2763*/
    background: #5EA2ED; /*MIZAR-2763*/
    color: #FFF; /*MIZAR-2763*/
    font-size: 12px;
    line-height: normal;
    font-weight: bold;
    text-decoration: none;
    border-radius: 5px; /*MIZAR-2763*/
}
.list-menu li a:hover {
    opacity: 0.8;
}

#list4 li a:before {
  display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 8px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    border-radius: 50%;
    background: #FFF; /*MIZAR-2763*/
}

#list4 li a:after {
  display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 14px;
    width: 0;
    height: 0;
    margin-top: -5px;
    border: 5px solid transparent;
    border-left: 5px solid #5EA2ED; /*MIZAR-2763*/
    /*border-bottom: 1px solid #f7f7f7; MIZAR-2763*/
}

.ttlbar{
    font-family: "arial black", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    color: #ed5216;
    margin: 10px 0px;
}

.radio_sub_txt{
    /*
    font-family: "arial black", "Helvetica Neue", Helvetica, Arial, sans-serif; MIZAR-2763*/
    font-size: 0.8em;
}

input.radio_button, a.radio_button, button.radio_button {
    -webkit-appearance: none;
    border-radius: 0px;
    font-size: 1em;
    font-weight: bold;
    width: 100%;
    background-color: #ffffff;
    color: #000;
    display: block;
    border: solid 1px #000;
    position: relative;
    z-index: 10;
    margin: 10px 0px;
    padding: 10px 10px 10px 32px;
    line-height: normal;
    font-weight: bold;
    text-decoration: none;
}

input.radio_button, a.radio_button:hover {
    background-color: #fdfdfd;
    color: #6f6f6f;
}

#radio_button a:before {
    display: block;
    content: "";
    position: absolute;
    left: 8px;
    top: 50%;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    border-radius: 50%;
    background: #454545;
}

#radio_button a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 14px;
    width: 0;
    height: 0;
    margin-top: -5px;
    border: 5px solid transparent;
    border-left: 5px solid #fff;
}

input.radio_que, a.radio_que, button.radio_que {
    -webkit-appearance: none;
    border-radius: 0px;
    font-size: 1em;
    font-weight: bold;
    width: 100%;
    background-color: #ffffff;
    color: #000;
    display: block;
    border: solid 1px #000;
    position: relative;
    margin: 10px 0px;
    padding: 10px 10px;
    line-height: normal;
    font-weight: bold;
    text-decoration: none;
}

input.radio_que, a.radio_que:hover {
    background-color: #fdfdfd;
    color: #6f6f6f;
}

/* monthly voice */
#radio_button2 {
    -webkit-appearance: none;
    border-radius: 0px;
    font-size: 1em;
    font-weight: bold;
    width: 100%;
    background-color: #a2a2a2;
    color: #fff;
    display: block;
    border: solid 1px #000;
    position: relative;
    z-index: 10;
    margin: 10px 0px;
    padding: 10px 10px 10px 32px;
    line-height: normal;
    font-weight: bold;
    text-decoration: none;
}

#radio_button2:before {
    display: block;
    content: "";
    position: absolute;
    left: 8px;
    top: 50%;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    border-radius: 50%;
    background: #454545;
}

#radio_button2:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 14px;
    width: 0;
    height: 0;
    margin-top: -5px;
    border: 5px solid transparent;
    border-left: 5px solid #fff;
}

/* monthly tour photo */
.monthly_tour_photo {
    width: 300px;
    text-align: center;
    margin: 4px auto;
}

.monthly_tour_photo01 {
    width: 300px; /* imgと合わせます */
    position: relative;
    padding: 8px;
    padding-bottom: 20px;
    border: 1px solid #ececec;
    -webkit-box-shadow: 3px 3px 3px #ccc;
    -moz-box-shadow: 3px 3px 3px #ccc;
    box-shadow: 3px 3px 3px #ccc;
    /* IE */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=135,strength=3,enabled=true)";
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#cccccc, direction=135, strength=3, enabled=true); /* IE5.5+ */
    background: #fff;
    font-weight: normal;
    font-size: 12px;
}
.monthly_tour_photo01 img {
    width: 97%; /* .photo02と合わせます */
}

.monthly_tour_photo01 p {
    position: absolute;
    height: 24px;
    line-height: 24px;
    bottom: 8px;
    font-size: 14px;
    color: #666;
}



/* travel
-------------------------------------------------- */
.travel_txt{
    padding:15px 0px;
    color: #3f3f3f;
    font-family: "arial black", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: block;
}

.travel_txt a{
    text-decoration: underline;
    color:#febe04;
    font-size: 1.0em;
    font-weight: bold;
    /* 	background: #ffcc00;
        color: #3f3f3f;
        font-size: small;
        line-height: 150%;
        margin: 3px;
         padding: 2px 3px;
        border-top: 1px solid #ffff33;
        border-left: 1px solid #ffff33;
        border-right: 1px solid #ad6245;
        border-bottom: 1px solid #ad6245;
        -webkit-box-shadow: 1px 1px 0.1em #797979;
        -moz-box-shadow: 1px 1px 0.1em #797979;
        box-shadow: 1px 1px 0.1em #797979;
        -webkit-border-radius: 0.2em;
        -moz-border-radius: 0.2em;
        border-radius: 0.2em; */
}

a.travel_name{
    margin: 0px;
    padding: 0px;
    border:none;
}

.travel_txt img {
    border: 1px solid #999;
    padding: 3px;
    width: 150px;
    margin: 10px 10px 10px 0px;
}

/* travel backto button */
.travel_bt_box{
    background: #fff;
    display: table;
    text-align: center;
    width: 100%;
}

input.travel_bt_right, a.travel_bt_right, button.travel_bt_right {
    width: 70px;
    height: 70px;
    -webkit-appearance: none;
    border-radius: 0px;
    font-size: 1em;
    font-weight: bold;
    background-color: #febe04;
    color: #fff;
    border: solid 0px #e8e8e8;
    margin: 10px 0px;
    padding: 4px 4px;
    line-height: normal;
    text-decoration: none;
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    float: right;
}

input.travel_bt_right, a.travel_bt_right:hover {
    background-color: #fed357;
    color: #fff;
}

input.travel_bt_left, a.travel_bt_left, button.travel_bt_left {
    width: 70px;
    height: 70px;
    -webkit-appearance: none;
    border-radius: 0px;
    font-size: 1em;
    font-weight: bold;
    background-color: #febe04;
    color: #fff;
    border: solid 0px #e8e8e8;
    margin: 10px 0px;
    padding: 4px 4px;
    line-height: normal;
    text-align: left;
    text-decoration: none;
    display: table-cell;
    vertical-align: middle;
    float: left;
}

input.travel_bt_left, a.travel_bt_left:hover {
    background-color: #fed357;
    color: #fff;
}


/* staffreport
-------------------------------------------------- */
#staffreport{
    margin:5px 5px;
}

#staffreport ul {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    list-style-type: none;
}

#staffreport li {
    border-bottom: 1px dashed #CCCCCC;
    display:block;
    padding: 0px 6px 0px 0px;
}

#staffreport li a{
    padding: 8px 26px 8px 0;
    background: url(../../images/mobile_nananaoto/top/smp/arrow_common.gif) no-repeat right center;
    text-decoration:none;
    color:#000000;
    display:block;
}

#staffreport .ttl{
    font-weight:bold;
    color:#e5000b;
}

#staffreport .ttl2{
    color:#5ea2ed;
}


#staffreport .in img{
    padding:5px;
    border:1px #666666 solid;
}

/* staffreport backto button
-------------------------------------------------- */
.staffreport_bt_box{
    background: #fff;
    display: table;
    text-align: center;
    margin: 90px 0px 0px 0px;
}

input.staffreport_bt_left, a.staffreport_bt_left, button.staffreport_bt_left {
    width: 70px;
    height: 70px;
    -webkit-appearance: none;
    border-radius: 0px;
    font-size: 1em;
    font-weight: bold;
    background-color: #e5000b;
    color: #fff;
    border: solid 0px #e8e8e8;
    position: absolute;
    margin: 10px 0px;
    padding: 4px 4px;
    line-height: normal;
    text-align: left;
    text-decoration: none;
    display: table-cell;
    vertical-align: middle;
    left: 20px;
    bottom: 0px;
}

input.travel_bt_left, a.staffreport_bt_left:hover {
    background-color: #e53d34;
    color: #fff;
}


input.staffreport_bt_left2, a.staffreport_bt_left2, button.staffreport_bt_left2 {
    width: 70px;
    height: 70px;
    -webkit-appearance: none;
    border-radius: 0px;
    font-size: 1em;
    font-weight: bold;
    background-color: #5ea2ed;
    color: #fff;
    border: solid 0px #e8e8e8;
    position: absolute;
    margin: 10px 0px;
    padding: 4px 4px;
    line-height: normal;
    text-align: left;
    text-decoration: none;
    display: table-cell;
    vertical-align: middle;
    left: 20px;
    bottom: 0px;
}

input.staffreport_bt_left2, a.staffreport_bt_left2:hover {
/*    background-color: #ff5cb8; */ /* MIZAR-2670 */
    background-color: #5ea2ed; /* MIZAR-2670 */
    opacity: 0.8; /* MIZAR-2670 */
    color: #fff;
}

@media screen and (max-width: 768px) {
    .staffreport_img_ttl {
        width: 80%;
    }
}


/* fortune
-------------------------------------------------- */
#container_fortune {
    width: 100%;
    text-align: center;
}

#fortune {
    margin: 0 auto;
    width: 280px;
    height: 450px;
    /*	text-align: left; */
    position: relative;
    overflow: hidden;
    text-align: center;
}

#fortune p img {
    top: 0;
    left: 0;
    position: absolute;
}

#fortune span {
    position: absolute;
    z-index: 23;
    width: 280px;
    background: rgba(255, 255, 255, 0.80) none repeat scroll 0% 0%;
    left: 0px;
    top: 116px;
    padding: 10px;
    text-align: center;
    border: 4px solid #000;
}

#fortune .btn{
    position: absolute;
    left: 3px;
    top: 148px;
    z-index: 23;
}

#fortune .btn a{
    display:block;
    padding:10px;
    width:252px;
    height:96px;
    text-align:center;
    border:#000 4px solid;
    background:#fff;
}

a.fortune_song {
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 1.2em;
    border: #479aff 4px solid;
    font-weight: bold;
    padding: 10px 10px;
    color: #479aff;
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
}

a.fortune_song:hover {
    background-color: rgba(156, 161, 155, 0.53);
    color: #5bc5ff;
    text-decoration: none;
}

/* member_login */
input.member_login_btn, a.member_login_btn, button.member_login_btn {
    -webkit-appearance: none;
    border-radius: 0px;
    font-size: 1em;
    font-weight: bold;
    width: 100%;
    background-color: #2EA7E0;
    color: #fff;
    display: block;
    border: solid 0px #000;
    position: relative;
    margin: 10px 0px;
    padding: 10px 10px;
    line-height: normal;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}

input.member_login_btn, a.member_login_btn:hover {
    background-color: rgba(46, 167, 224, 0.62);
    color: #2EA7E0;
}



/* member entry */
input.member_entry, a.member_entry, button.member_entry {
    -webkit-appearance: none;
    border-radius: 0px;
    font-size: 1em;
    font-weight: bold;
    width: 100%;
    background-color: #ffffff;
    color: #000;
    display: block;
    border: solid 1px #000;
    position: relative;
    margin: 10px 0px;
    padding: 10px 10px;
    line-height: normal;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}

input.member_entry, a.member_entry:hover {
    background-color: #fdfdfd;
    color: #6f6f6f;
}

/* 待受画像
-------------------------------------------------- */
a.display_list {
    text-decoration: none;
}

@media screen and (max-width: 767px) {
    .display_list{
        float: left;
        background: #ffffff;
        font-family: "arial black", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 1.0em;
        text-align: center;
        padding: 8px 8px;
        margin: 2px;
        width: 100%;
        position:relative;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .display_list {
        float: left;
        background: #ffffff;
        font-family: "arial black", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 1.0em;
        padding: 8px 8px;
        margin: 2px;
        width: 100%;
        position:relative;
        height: 306px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .display_list {
        float: left;
        background: #ffffff;
        font-family: "arial black", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 1.0em;
        padding: 8px 8px;
        margin: 2px;
        width: 100%;
        position:relative;
        height: 354px;
    }
}

@media screen and (min-width: 1200px) {
    .display_list {
        float: left;
        background: #ffffff;
        font-family: "arial black", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 1.0em;
        padding: 8px 8px;
        margin: 2px;
        width: 100%;
        position:relative;
        height: 402px;
    }
}

@media screen and (max-width: 480px) {
    .display_list_img{
        float: left;
        margin: 4px 0px;
        width: 40%;
    }
    .display_list_ttl{
        font-family: Helvetica, Arial, sans-serif;
        font-size: 0.8em;
        font-weight: bold;
        text-align: left;
        overflow: hidden;
        padding-left: 10px;
    }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    .display_list_img {
        float: left;
        margin: 4px 0px;
        height: 100%;
    }
    .display_list_ttl{
        font-family: Helvetica, Arial, sans-serif;
        font-size: 0.8em;
        font-weight: bold;
        text-align: left;
        overflow: hidden;
        padding-left: 10px;
    }
}

@media screen and (min-width: 768px) {
    .display_list_img {
        text-align: center;
        margin: 4px 0px;
        width: 100%;
    }
    .display_list_ttl{
        font-family: Helvetica, Arial, sans-serif;
        font-size: 0.9em;
        font-weight: bold;
        text-align: left;
        overflow: hidden;
    }
}

@media screen and (max-width: 767px) {
    .display_list_txt{
        background: #ffffff;
        font-family: "arial black", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 0.8em;
        text-align: left;
        margin: 4px 5px;
        float: left;
    }
    .display_list_ttl{
        font-family: Helvetica, Arial, sans-serif;
        font-size: 0.9em;
        font-weight: bold;
        text-align: left;
        overflow: hidden;
    }
}

@media screen and (min-width: 768px) {
    .display_list_txt{
        background: #ffffff;
        font-family: "arial black", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 0.8em;
        text-align: left;
        margin: 4px 0px;
    }

    .display_list_ttl{
        font-family: Helvetica, Arial, sans-serif;
        font-size: 0.9em;
        font-weight: bold;
        text-align: left;
        overflow: hidden;
    }
}

.display_list_icon{
    background: #2EA7E0 none repeat scroll 0% 0%;
    border: 1px solid #2EA7E0;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 0.5em;
    font-weight: bold;
    padding: 6px 0px 4px;
    margin: 4px 0px 4px 4px;
    color: #FFF;
    width: 123px;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
}

.display_list_pager{
    text-align:center;
    /*MIZAR-2763
    margin-bottom: 15px;*/
}
.display_list_pager a{
    padding: 3px 20px; /*MIZAR-2763*/
    margin: 0px; /*MIZAR-2763*/
    text-decoration:none;
    color: #FFF;
    font-weight: bold; /*MIZAR-2763*/
    background-color:#5EA2ED; /*MIZAR-2763*/
    border-radius: 5px; /*MIZAR-2763*/
     /*MIZAR-2763
    border:2px #2EA7E0 solid;*/
    /*    -moz-border-radius: .5em;
        -webkit-border-radius: .5em;
        border-radius: .5em; */
}

.display_list_pager a:hover{
    opacity: 0.8;
}

.display_list_pager .nolink{
    padding: 3px 20px; /*MIZAR-2763*/
    margin: 0px; /*MIZAR-2763*/
    text-decoration:none;
    color:#CCC;
    font-weight: bold;/*MIZAR-2763*/
    background-color:#999999;
    border-radius: 5px;
     /*MIZAR-2763
    border:2px #999999 solid;*/
    /*    -moz-border-radius: .5em;
        -webkit-border-radius: .5em;
        border-radius: .5em; */
}

/*MIZAR-2763*/
.display_list_pager .nolink:hover{
    obacity: 1.0;
}
/* item page
-------------------------------------------------- */
.item_ttl{
    margin: 10px 0px;
    padding: 5px 2px;
/*    font-family: "arial black", "Helvetica Neue", Helvetica, Arial, sans-serif; */ /* MIZAR-2819 */
    font-size: 1.3em;
/*    font-weight: bold; *//* MIZAR-2819 */
    color: #2a2a2a;
}


input.button_download, a.button_download, button.button_download {
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 0.8em;
    font-family: "arial black", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    padding: 6px 10px;
    border: solid 0px #c0c0c0;
    background-color: #2EA7E0;
    color: #ffffff;
    display: block;
    width: 100%;
    text-align: center;
}

input.button_download, a.button_download:hover {
    background-color: #7fc0e0;
    color: #fff;
}

input.button_other, a.button_other, button.button_other {
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 0.8em;
    font-weight: bold;
    padding: 6px 10px;
    border: solid 0px #c0c0c0;
    background-color: #f6ca63;
    color: #ffffff;
    display: block;
    width: 100%;
    text-align: center;
}

input.button_other, a.button_other:hover {
    background-color: #f6d68b;
    color: #fff;
}

/* leave
-------------------------------------------------- */
input.button_leave, a.button_leave, button.button_leave {
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 0.8em;
    font-weight: bold;
    padding: 6px 10px;
    border: solid 0px #c0c0c0;
    background-color: #2EA7E0;
    color: #ffffff;
    display: block;
    width: 100%;
    text-align: center;
}

input.button_leave, a.button_leave:hover {
    background-color: #7fc0e0;
    color: #fff;
}


/* login box
-------------------------------------------------- */

.box_login {
    padding: 20px;
    background: #FFF none repeat scroll 0% 0%;
    box-shadow: 7px 2px 5px -3px #DDD;
    margin: 10px 0px 10px;
    /*    border: 1px solid #B5D8B1; */
    width: 100%;
}

.box_login2 {
    padding: 20px;
    background: #d8f2fa none repeat scroll 0% 0%;
    box-shadow: 7px 2px 5px -3px #DDD;
    margin: 10px 0px 10px;
    /*    border: 1px solid #B5D8B1; */
    width: 100%;
}

/* img width
-------------------------------------------------- */

@media screen and (max-width: 480px) {
    .head_img{
        width: 100%;
    }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    .head_img{
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .head_img{
        width: 50%;
    }
}

/* button common
-------------------------------------------------- */

button.button2 {
    font-size: 1.2em;
    font-weight: bold;
    padding: 6px 30px;
    width: 100%;
    border-style: none;
    background-color: #FFBF01;
    color: #FFF;
    margin: 10px 0px;
}

button.button2, a.button2:hover {
    background-color: rgba(247, 190, 18, 0.61);
}

button.button3, a.button3 {
    font-size: 1.2em;
    font-weight: bold;
    padding: 6px 30px;
    width: 100%;
    border-style: none;
    background-color: #f6bb13;
    color: #FFF;
    margin: 10px 0px;
}

button.button3, a.button3:hover {
    background-color: rgba(247, 190, 18, 0.61);
}

input.button4, a.button4, button.button4 {
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 1.2em;
    font-weight: bold;
    padding: 36px 10px;
    border-style: none;
    background-color: #2EA7E0;
    color: #FFF;
    display: block;
}

input.button4, a.button4:hover {
    background-color: #7fc0e0;
}

input.button5, a.button5, button.button5 {
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 1.2em;
    font-weight: bold;
    padding: 10px 10px;
    border-style: none;
    background-color: #2EA7E0;
    color: #FFF;
    display: block;
    width: 100%;
    text-align: center;
}

input.button5:hover {
    background-color: #7fc0e0;
}

input.button6, a.button6, button.button6 {
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 1.2em;
    font-weight: bold;
    padding: 22px 10px;
    border: solid 1px #000;
    background-color: #fff;
    color: #000;
    display: block;
    width: 100%;
    text-align: center;
    box-shadow: 7px 2px 5px -3px #DDD;
}

input.button6, a.button6:hover {
    background-color: #2EA7E0;
    color: #fff;
}

input.button7, a.button7, button.button7 {
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 1.2em;
    font-weight: bold;
    padding: 10px 10px;
    border-style: none;
    border: solid 0px #000;
    background-color: #2EA7E0;
    color: #fff!important;
    display: block;
}

input.button7, a.button7:hover {
    background-color: #7cd0f0;
    color: #666;

}

input.button8, a.button8, button.button8 {
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 1.2em;
    font-weight: bold;
    padding: 10px 10px;
    border-style: none;
    border: solid 1px #2EA7E0;
    background-color: #2EA7E0;
    color: #fff;
    display: block;
    width: 100%;
    text-align: center;
}

input.button8:hover {
    background-color: #fff;
    color: #7fc0e0;
}

input.button9, a.button9, button.button9 {
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 1.0em;
    font-weight: bold;
    padding: 10px 10px;
    border-style: none;
    border: solid 1px #999;
    background-color: #fff;
    color: #999;
    display: block;
    width: 100%;
    text-align: center;
}

input.button9:hover {
    background-color: rgba(18, 154, 215, 0.69);
    color: #fff;
}

input.button_login, a.button_login, button.button_login {
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 1.2em;
    font-weight: bold;
    padding: 6px 10px;
    border-style: none;
    background-color: #2EA7E0;
    color: #FFF;
    display: block;
}

input.button_login:hover {
    background-color: #7fc0e0;
}

input.button_loginfo1, a.button_loginfo1, button.button_loginfo1 {
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 0.8em;
    font-weight: bold;
    padding: 5px 10px;
    margin: 5px 0px;
    border-style: none;
    background-color: #2EA7E0;
    color: #FFF;
    display: block;
}

input.button_loginfo1, a.button_loginfo1:hover {
    background-color: #7fc0e0;
}

input.login_input, a.login_input, button.login_input {
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 1.2em;
    font-weight: bold;
    padding: 5px 10px;
    border: solid 1px #000;
    background-color: #fff;
    color: #000;
    display: block;
    width: 100%;
    text-align: center;
    box-shadow: 7px 2px 5px -3px #DDD;
}

input.login_input, a.login_input:hover {
    background-color: #2EA7E0;
    color: #fff;
}

/*MIZAR-2541*/
.button_blue, input.button_blue, a.button_blue, button.button_blue {
    -webkit-appearance: none;
    text-align: center;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 10px;
    margin: 5px 0px;
    border-style: none;
    text-decoration: none;
    background-color: #5ea2ed;
    border-radius: 5px;
    color: #fff;
    display: block;
}

.button_blue:hover, input.button_blue:hover, a.button_blue:hover, button.button_blue:hover {
    opacity: 0.8;
}

.button_gray, input.button_gray, a.button_gray, button.button_gray {
    -webkit-appearance: none;
    text-align: center;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 10px;
    margin: 5px 0px;
    border-style: none;
    text-decoration: none;
    background-color: #c0c0c0;
    border-radius: 5px;
    color: #fff;
    display: block;
}

.button_gray:hover, input.button_gray:hover, a.button_gray:hover, button.button_gray:hover {
    opacity: 0.8;
}

.button_white, input.button_white, a.button_white, button.button_white {
    -webkit-appearance: none;
    text-align: center;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    padding: 8px 8px;
    margin: 5px 0px;
    border-style: none;
    text-decoration: none;
    background-color: #ffffff;
    border: solid 2px #5ea2ed;
    border-radius: 5px;
    color: #5ea2ed;
    display: block;
}

.button_white:hover, input.button_white:hover, a.button_white:hover, button.button_white:hover {
    opacity: 0.8;
}

.button_orange, input.button_orange, a.button_orange, button.button_orange {
    -webkit-appearance: none;
    text-align: center;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 10px;
    margin: 5px 0px;
    border-style: none;
    text-decoration: none;
    background-color: #e5821a;
    border-radius: 5px;
    color: #fff;
    display: block;
}

.button_orange:hover, input.button_orange:hover, a.button_orange:hover, button.button_orange:hover {
    opacity: 0.8;
}

/* top login entry howto
-------------------------------------------------- */

.top_recome {
    display: table;
    text-align: center;
    width: 100%;
    margin-bottom: 5px;
}
.btn_left,
.btn_center,
.btn_right {
    display: table-cell;
    vertical-align: middle;
}
.btn_left {
    width:  33%;
    padding: 0px 2px 0px 0px;
}
.btn_center {
    padding: 0px 2px;

}
.btn_right {
    width: 33%;
    padding: 0px 0px 0px 2px;
}

.top_recome2 {
    display: table;
    text-align: center;
    width: 100%;
    margin-bottom: 5px;
}
.btn_left2,
.btn_right2 {
    display: table-cell;
    vertical-align: middle;
}
.btn_left2 {
    width:  50%;
    padding: 0px 2px 0px 0px;
}

.btn_right2 {
    width: 50%;
    padding: 0px 0px 0px 2px;
}


input.button_top1, a.button_top1, button.button_top1 {
    -webkit-appearance: none;
    float: left;
    border-radius: 0;
    font-size: 0.6em;
    font-weight: bold;
    padding: 10px 3px;
    border-style: none;
    border: solid 1px #b7b7b7;
    background-color: #fff;
    color: #000;
    position: relative;
    width: 100%;
    text-align: center;
}

input.button_top1, a.button_top1:hover {
    background-color: #86d7f4;
    color: #ffffff;
}

input.button_top2, a.button_top2, button.button_top2 {
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 0.6em;
    font-weight: bold;
    padding: 10px 3px;
    border-style: none;
    border: solid 1px #2EA7E0;
    background-color: #2EA7E0;
    color: #fff;
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
}

input.button_top2 ,a.button_top2:hover {
    background-color: #fff;
    color: #7fc0e0;
}

input.button_top3, a.button_top3, button.button_top3 {
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 0.6em;
    font-weight: bold;
    padding: 10px 3px;
    border-style: none;
    border: solid 1px #acacac;
    background-color: #acacac;
    color: #fff;
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
}

input.button_top3,a.button_top3:hover {
    background-color: #4c4c4c;
    color: #fff;
}


/* Calendar accordion */

.contents_accordion_calendar{
    background: #ffffff;
    margin: 4px 0px;
    padding: 4px 4px 4px 0px;
    height: auto;
    text-decoration: none;
    font-size: 0.8em;
    font-family: Helvetica, Arial, sans-serif;
    color: #000000;
    list-style:none;
    line-height: 1.0em;
}

.contents_accordion_calendar_box{
    background: #ffffff;
    margin: 0px 6px;
    height: auto;
    text-decoration: none;
    font-size: 1em;
    font-family: Helvetica, Arial, sans-serif;
    color: #222;
    list-style:none;
    word-break:break-all;
    height: 148px;
    line-height: 1.2em;
}

.contents_accordion_calendar_box span{
    margin: 0px 0px;
}

.contents_accordion_calendar a{
    color: #0a26ac;
    margin: 4px 0px;
}

.contents_accordion_calendar_date{
    float: left;
    color: #ffffff;
    width: 50px;
    height: 50px;
    margin: 4px 4px 4px 4px;
    padding: 2px 2px;
    text-align: center;
}

.contents_accordion_calendar_mon{
    color: #ffffff;
    text-align: center;
    font-size: 2em;
    font-family: Helvetica, Arial, sans-serif;
    padding: 5px 0px;
}

.contents_accordion_calendar_day{
    color: #ffffff;
    margin: 19px 0px 0px 0px;
    text-align: center;
    font-size: 1.7em;
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
}

div.contents_accordion_calendar_ttl{
    display: table-cell;
    vertical-align: middle;
    height: 58px;
}

div.contents_accordion_calendar_ttl2{
    margin: 28px 3px 0px 5px;
    font-size: 1.0em;
    font-family: Helvetica,Arial,sans-serif;
    color: #0B3997;
    list-style: outside none
}

/* mypage calendar link
*/

input.button_cal, a.button_cal, button.button_cal {
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 1.2em;
    font-weight: bold;
    padding: 10px 10px;
    color: #ffffff;
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
}

input.button_cal, a.button_cal:hover {
    background-color: rgba(156, 161, 155, 0.53);
    color: #fff;
    text-decoration: none;
}


/* 退会アンケート
*/

.leave_questionnaire_ttl{
    margin: 0px 0px 5px;
    color: #000;
    font-size: 1.1em;
    font-weight: bold;
    line-height: normal;
}

.panel_leave{
    text-align: left;
    /*	height:40px; */
    cursor:pointer;
    margin: 0px;
    padding: 10px 15px 10px 6px;
    font-size: 1.1em;
    font-weight: bold;
    background-color: #fff;
    border-bottom-width: 0px;
    border-bottom-style: none;
    border-bottom-color: #fff;
}
.panel a{
    text-decoration:none;
    color: #ededed;
}
.panel-up{
    background: url("../../images/mobile_nananaoto/top/title/icon_open.gif") no-repeat scroll right center transparent;
    display: block;
    background-attachment: scroll;
    /*	background-image: url("../../images/mobile_nananaoto/top/title/icon_close.gif");
        background-repeat: no-repeat;
        background-position: 10px 5px; */
}

.panel-down{
    background: url("../../images/mobile_nananaoto/top/title/icon_close.gif") no-repeat scroll right center transparent;
    display: block;
    background-attachment: scroll;
    /*	background-image: url(../../images/mobile_nananaoto/top/title/icon_open.gif);
        background-repeat: no-repeat;
        background-position: 10px 5px; */
}
.panel-target{
    padding:5px;
    background-color: #f5f5f5;
}
.panel-closed{
    display:none;
}

/* official fanclub store */

#official_store_all{
    padding: 10px;
    background: #efefef;
    word-break: break-all;
    color: #3F3F3F;
    font-family: arial,sans-serif;
}


#official_store{
    background-color: #ffffff;
    word-break: break-all;
    color: #3f3f3f;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0px 0px 1px 0px;
}

.official_store_ttl{
    background-color: #fff;
    padding: 0px;
}

.official_store_box{
    background-color: #efefef;
}

#official_store_img{
    background-color:#ffffff;
    word-break: break-all;
    color: #3f3f3f;
    margin-top: -8px;
}

.official_store_giza {
    background-image: url("../../images/mobile_nananaoto/special/official_fc_store/giza.png");
    background-repeat: repeat-x;
    background-position: right bottom;
    background-color: #efefef;
    margin-bottom: 0px;
}

#entry_os{
    margin:0px auto;
    width: 70%;
}

#entry_os .entry_official_store {
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: 0em;
    background-color: #00ab86;
    color:#fff;
    padding:15px 15px;
    margin:2px 15px 8px;
    text-align:center;
    font-size:14px;
    font-weight: bold;
    display: block;
    line-height: 14px;
    border-radius: 8px 8px 8px 8px;
}

#entry_os .entry_official_store a{
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: 0em;
    color:#fff;
    text-align:center;
    font-size:0.8em;
}

#entry_os .entry_official_store :hover{
    color:#fff;
    background-color: rgba(0, 171, 134, 0.68);
}

@media screen and (max-width: 480px) {
    img.official_store_title{
        width: 100%;
        text-align: center;
    }
    img.official_store_goods{
        width: 100%;
        text-align: center;
        padding:10px 0px;
        background-color: #efefef;
    }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    img.official_store_title{
        width: 100%;
        text-align: center;
    }
    img.official_store_goods{
        width: 100%;
        text-align: center;
        padding:10px 0px;
        background-color: #efefef;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    img.official_store_title{
        width: 70%;
        text-align: center;
    }
    img.official_store_goods{
        width: 100%;
        text-align: center;
        padding:10px 0px;
        background-color: #efefef;
    }
}

@media screen and (min-width: 1200px) {
    img.official_store_title{
        width: 50%;
        text-align: center;
    }
    img.official_store_goods{
        width: 80%;
        text-align: center;
        margin-top: 20px;
    }
}

/* official store table */
table.goods_detail {
    width: 97%;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 15px;
    font-size: 12px;
}

table.goods_detail th,
table.goods_detail td {
    padding: 10px;
}

table.goods_detail th {
    background: #00ab86;
    vertical-align: middle;
    text-align: left;
    width: 30%;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
    font-size: 12px;
}

table.goods_detail th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #00ab86;
    border-width: 10px;
    margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() {
    table.goods_detail th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #00ab86 10px solid;
        margin-top: -10px;
    }
}

table.goods_detail td {
    background: #f8f8f8;
    width: 70%;
    padding-left: 20px;
}

.official_store_annotation{
    font-size: 12px;
    line-height: 12px;
    color: #000;
}

.official_store_annotation2{
    font-size: 10px;
    line-height: 10px;
    color: #000;
}

.official_store_annotation3{
    font-size: 11px;
    line-height: 11px;
    color: #000;
    background: #fff;
    margin: 6px;
    padding: 4px;
}

/* official fanclub fcapp */



#fcapp_all{
    padding: 10px;
    background: #efefef;
    word-break: break-all;
    color: #3F3F3F;
    font-family: arial,sans-serif;
}


#fcapp{
    background-color: #ffffff;
    word-break: break-all;
    color: #3f3f3f;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0px 0px 18px 0px;
}

.fcapp_annotation3{
    padding: 8px;

}

.fcapp_annotation{
    font-size: 14px;
    line-height: 14px;
    color: #2d313a;
}

.fcapp_annotation_info{
    font-size: 11px;
    line-height: 12px;
    color: #414754;
}

.fcapp_annotation_info_app{
    font-size: 9px;
    line-height: 10px;
    color: #414754;
}

.fcapp_ttl{
    background-color: #fff;
    padding: 0px;
}

.fcapp_box{
    background-color: #efefef;
}

#fcapp_img{
    background-color:#ffffff;
    word-break: break-all;
    color: #3f3f3f;
    margin-top: -8px;
}

.fcapp_giza {
    background-image: url("../../images/mobile_nananaoto/special/official_fc_store/giza.png");
    background-repeat: repeat-x;
    background-position: right bottom;
    background-color: #efefef;
    margin-bottom: 0px;
}

#entry_os{
    margin:0px auto;
    width: 70%;
}

#entry_os .entry_fcapp {
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: 0em;
    background-color: #00ab86;
    color:#fff;
    padding:15px 15px;
    margin:2px 15px 8px;
    text-align:center;
    font-size:14px;
    font-weight: bold;
    display: block;
    line-height: 14px;
    border-radius: 8px 8px 8px 8px;
}

#entry_os .entry_fcapp a{
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: 0em;
    color:#fff;
    text-align:center;
    font-size:0.8em;
}

#entry_os .entry_fcapp :hover{
    color:#fff;
    background-color: rgba(0, 171, 134, 0.68);
}

@media screen and (max-width: 480px) {
    img.fcapp_title{
        width: 80%;
        text-align: center;
    }
    img.fcapp_goods{
        width: 80%;
        text-align: center;
        padding:10px 0px;
        background-color: #fff;
    }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    img.fcapp_title{

        text-align: center;
    }
    img.fcapp_goods{

        text-align: center;
        padding:10px 0px;
        background-color: #fff;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    img.fcapp_title{

        text-align: center;
    }
    img.fcapp_goods{

        text-align: center;
        padding:10px 0px;
        background-color: #fff;
    }
}

@media screen and (min-width: 1200px) {
    img.fcapp_title{
        text-align: center;
    }
    img.fcapp_goods{
        text-align: center;
        margin-top: 20px;
    }
}


@media screen and (max-width: 480px) {
    img.fcapp_goods2{
        width: 80%;
        text-align: center;
        padding:10px 0px;
        background-color: #fff;
    }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    img.fcapp_goods2{
        width: 50%;
        text-align: center;
        padding:10px 0px;
        background-color: #fff;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    img.fcapp_goods2{
        width: 60%;
        text-align: center;
        padding:10px 0px;
        background-color: #fff;
    }
}

@media screen and (min-width: 1200px) {
    img.fcapp_goods2{
        text-align: center;
        margin-top: 20px;
        width: 60%;
    }
}

.fcapp_info_box{
    border: solid 1px #666666;
    margin: 2px;
    padding: 8px;
    border-radius: 2px;
    background: rgba(151, 198, 224, 0.26);
}

.staff_report_old{
    margin: 4px auto;
}

.staff_report_old a {
    padding: 5px 4px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    background-color: #ff0091;
}

.staff_report_old a :hover{
    color: #fff;
    text-decoration: none;
    background-color: #df007f;
}


.flat_clear{
    clear: both;
}


.monthly_new_icon {
    border: solid 1px #ffd300;
    background: #ffd300;
    width: 42px;
    font-family: Arial,sans-serif;
    font-size: 0.7em;
    color: #FFF;
    padding: 0px;
    text-align: center;
    float: left;
    margin-left: 4px;
    margin-top: 1px;
}

@media screen and (max-width: 480px) {
    .news_box_img{
        width: 100%;
    }
}

@media screen and (min-width: 481px) {
    .news_box_img{
        width: 300px;
    }
}

.trouble_ttl{
    color: #f39800;
    font-weight: bold;
    font-family: "Arial", "Helvetica", sans-serif;
    font-size: 20px;
    margin: 4px 0px;
}

.trouble_input_notice{
    font-family: "arial black", Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #4e4e4e;
}

.btn_back_top_trouble a{
    /*    -moz-border-radius: .5em;
        -webkit-border-radius: .5em;
        border-radius: .5em; */
    border:2px #000 solid;
    color:#000;
    padding:7px 15px;
    margin-top:5px;
    margin-bottom:5px;
    text-align:center;
    font-size:0.8em;
}

.monthly_ranking{
    width: 100%;
}

.monthly_ranking_clear{
    clear: both;
}

.monthly_ranking_rank{
    font-family:'Goudy Bookletter 1911',Georgia,serif;
    font-size: 20px;
    font-weight: bold;
    font-style: italic;
    width: 15%;
    text-align: center;
    float: left;
}

.monthly_ranking_rank_color1{
    color: #d7ba00;
}

.monthly_ranking_rank_color2{
    color: #a6a6a1;
}

.monthly_ranking_rank_color3{
    color: #89150e;
}

.monthly_ranking_rank_color0{
    color: #323839;
}

.monthly_ranking_song_ttl{
    font-family:'Goudy Bookletter 1911',Georgia,serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
    color: #000000;
    width: 70%;
    text-align: left;
    float: left;
}

.monthly_ranking_song_ttl2{
    font-family:'Goudy Bookletter 1911',Georgia,serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
    color: #3e3e3e;
    width: 70%;
    text-align: left;
    float: left;
}

.monthly_ranking_song_count{
    font-family:'Goudy Bookletter 1911',Georgia,serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;
    color: #000000;
    width: 15%;
    text-align: right;
    float: left;
}

.monthly_ranking_song_count2{
    font-family:'Goudy Bookletter 1911',Georgia,serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;
    color: #3e3e3e;
    width: 15%;
    text-align: right;
    float: left;
}

.monthly_ranking_comment{
    font-size: 11px;
    padding: 6px 10px;
    margin: 2px 2px 2px 6%;
    background-color: #dbf7ff;
    color: #4a4a4a;
    border-radius: 8px;
    width: 94%;
}

.monthly_ranking_comment_user{
    font-size: 10px;
    color: #4a4a4a;
    font-weight: bold;
}

.monthly_ranking_comment2{
    font-size: 11px;
    padding: 6px 10px;
    margin: 2px 2px 2px 6%;
    background-color: #fceeff;
    color: #4a4a4a;
    border-radius: 8px;
    width: 94%;
}


/* monthly 201610 */

.monthly_block_2016 {
    font-size: 14px;
    font-weight: bold;
    padding: 4px 6px;
    color: #3f3f3f;
    font-family: arial, sans-serif;
}

.monthly_block_2016_2 {
    font-size: 10px;
    font-weight: bold;
    padding: 4px 6px;
    color: #3f3f3f;
    font-family: arial, sans-serif;
}

.arena_tour_countdown{
    font-size: 12px;
    font-weight: bold;
    padding: 4px 4px;
    color: #3f3f3f;
    font-family: arial, sans-serif;
    position: relative;
}

.arena_tour_countdown_img{
    font-size: 12px;
    font-weight: bold;
    padding: 4px 2px;
    color: #3f3f3f;
    font-family: "arial black", Helvetica, Arial, sans-serif;
    text-align: center;
}

@media screen and (max-width: 480px) {
    .arena_tour_countdown_img img{
        width: 100%;
    }
}

@media screen and (min-width: 481px) {
    .arena_tour_countdown_img img{
        width: 400px;
    }
}

.arena_tour_countdown_timer{
    text-align: center;
    white-space: nowrap;
}
.arena_tour_countdown_timer p{
    display: inline-block;
    margin: 0 0 0px;
}

.arena_start_comment {
    font-size: 26px;
    line-height: 28px;
    font-weight: bold;
    padding: 15px 2px 2px;
    color: #3100ff;
    font-family: "arial black", Helvetica, Arial, sans-serif;
}

.arena_start_day {
    font-weight: bold;
    padding: 2px 2px;
    color: #3100ff;
    font-family: "arial black", Helvetica, Arial, sans-serif;
}

.arena_start_hour {
    font-weight: bold;
    padding: 2px 2px;
    color: #e56d00;
    font-family: "arial black", Helvetica, Arial, sans-serif;
}

.arena_start_min {
    font-weight: bold;
    padding: 2px 2px;
    color: #00b700;
    font-family: "arial black", Helvetica, Arial, sans-serif;
}

.arena_start_sec {
    font-weight: bold;
    padding: 2px 2px;
    color: #d100a5;
    font-family: "arial black", Helvetica, Arial, sans-serif;
}

.arena_start_dhms{
    margin-top:30px;
    padding: 2px 0px;
    color: #393939;
    font-weight: normal;
    font-family: "arial black", Helvetica, Arial, sans-serif;
}

@media screen and (max-width: 400px) {
    .arena_start_fontsize {
        font-size: 35px;
        line-height: 35px;
    }

    .arena_start_fontsize2{
        font-size: 8px;
        line-height: 0px;
    }
}


@media screen and (min-width: 400px) and (max-width: 480px) {
    .arena_start_fontsize {
        font-size: 50px;
        line-height: 50px;
    }

    .arena_start_fontsize2{
        font-size: 10px;
        line-height: 0px;
    }
}

@media screen and (min-width: 481px) {
    .arena_start_fontsize {
        font-size: 55px;
        line-height: 55px;
    }

    .arena_start_fontsize2{
        font-size: 15px;
        line-height: 0px;
    }
}

.monthly201610_arena_tour_countdown_img{
    font-size: 12px;
    font-weight: bold;
    padding: 4px 2px;
    color: #3f3f3f;
    font-family: "arial black", Helvetica, Arial, sans-serif;
    line-height: 15px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .monthly201610_arena_tour_countdown_img img{
        width:50%;
    }
}

@media screen and (min-width: 769px) {
    .monthly201610_arena_tour_countdown_img img{
        width:50%;
    }
}

.monthly201610_arena_tour_img_link{
    text-align: center;
    white-space: nowrap;
}

.monthly201610_arena_tour_img_link p{
    margin: 3px 0px;
}

.monthly201610_arena_tour_img_link p a{
    width:100%;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 2px;
    background: #0ca5ff;
    color:#ffffff;
    text-align:center;
    display:block;
    text-decoration:none;
}
.monthly201610_arena_tour_img_link p a:hover{
    text-decoration:none;
    background: #6ed1ff;

}

.monthly201610_arena_tour_img_link2{
    text-align: center;
    white-space: nowrap;
}

.monthly201610_arena_tour_img_link2 p{
    margin: 3px 0px;
}

.monthly201610_arena_tour_img_link2 p a{
    width:100%;
    font-weight: bold;
    padding: 8px 2px;
    background: #0ca5ff;
    color:#ffffff;
    text-align:center;
    display:block;
    text-decoration:none;
}
.monthly201610_arena_tour_img_link2 p a:hover{
    text-decoration:none;
    background: #6ed1ff;

}

@media screen and (max-width: 480px) {
    .monthly201610_arena_tour_img_link2 p a{
        font-size: 12px;
    }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
    .monthly201610_arena_tour_img_link2 p a{
        font-size: 12px;
    }
}

@media screen and (min-width: 769px) and (max-width: 991px) {
    .monthly201610_arena_tour_img_link2 p a{
        font-size: 6px;
    }
}

@media screen and (min-width: 991px) {
    .monthly201610_arena_tour_img_link2 p a{
        font-size: 8px;
    }
}


.monthly201610_arena_tour_img_link3{
    text-align: center;
    white-space: nowrap;
    margin-bottom: 16px;
}

.monthly201610_arena_tour_img_link3 p{
    margin: 3px 0px;
}

.monthly201610_arena_tour_img_link3 p a{
    width:100%;
    font-weight: bold;
    padding: 8px 2px;
    background: #3100ff;
    color:#ffffff;
    text-align:center;
    display:block;
    text-decoration:none;
}
.monthly201610_arena_tour_img_link3 p a:hover{
    text-decoration:none;
    background: rgba(49, 0, 255, 0.69);

}

@media screen and (max-width: 480px) {
    .monthly201610_arena_tour_img_link3 p a{
        font-size: 12px;
    }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
    .monthly201610_arena_tour_img_link3 p a{
        font-size: 12px;
    }
}

@media screen and (min-width: 769px) and (max-width: 991px) {
    .monthly201610_arena_tour_img_link3 p a{
        font-size: 9px;
    }
}

@media screen and (min-width: 991px) {
    .monthly201610_arena_tour_img_link3 p a{
        font-size: 12px;
    }
}

.monthly201610_arena_tour_img_link4{
    text-align: center;
    white-space: nowrap;
    margin-bottom: 16px;
}

.monthly201610_arena_tour_img_link4 p{
    margin: 3px 0px;
}

.monthly201610_arena_tour_img_link4 p a{
    width:100%;
    font-weight: bold;
    padding: 8px 2px;
    background: #009550;
    color:#ffffff;
    text-align:center;
    display:block;
    text-decoration:none;
}
.monthly201610_arena_tour_img_link4 p a:hover{
    text-decoration:none;
    background: rgba(0, 149, 80, 0.69);

}

@media screen and (max-width: 480px) {
    .monthly201610_arena_tour_img_link4 p a{
        font-size: 14px;
    }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
    .monthly201610_arena_tour_img_link4 p a{
        font-size: 14px;
    }
}

@media screen and (min-width: 769px) and (max-width: 991px) {
    .monthly201610_arena_tour_img_link4 p a{
        font-size: 12px;
    }
}

@media screen and (min-width: 991px) {
    .monthly201610_arena_tour_img_link4 p a{
        font-size: 14px;
    }
}

.arena_tour_countdown2{
    font-size: 12px;
    font-weight: bold;
    padding: 0px 4px;
    color: #3f3f3f;
    font-family: arial, sans-serif;
    line-height: 16px;
    position: relative;
}

.arena_tour_countdown3{
    font-size: 12px;
    font-weight: bold;
    padding: 5px 4px;
    color: #3f3f3f;
    font-family: arial, sans-serif;
    line-height: 16px;
    position: relative;
}

.monthly201610_arena_tour_countdown_sub{
    font-size: 14px;
    font-weight: bold;
    padding: 0px 2px;
    color: #ff4a1b;
    font-family: "arial black", Helvetica, Arial, sans-serif;
    line-height: 15px;
}

.monthly201610_arena_tour_countdown_sub2{
    font-size: 12px;
    font-weight: bold;
    padding: 4px 2px;
    color: #393939;
    font-family: "arial black", Helvetica, Arial, sans-serif;
    line-height: 15px;
}

.monthly201610_arena_tour_countdown_sub3{
    font-size: 14px;
    font-weight: bold;
    padding: 0px 2px;
    color: #ff4a1b;
    font-family: "arial black", Helvetica, Arial, sans-serif;
    line-height: 15px;
    float: left;
}

@media screen and (max-width: 480px) {
    .arena_start_fontsize_sub {
        font-size: 30px;
        line-height: 30px;
    }

    .arena_start_fontsize2_sub{
        font-size: 10px;
        line-height: 0px;
    }

    .arena_start_fontsize3_sub {
        font-size: 15px;
        line-height: 15px;
    }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
    .arena_start_fontsize_sub {
        font-size: 50px;
        line-height: 50px;
    }

    .arena_start_fontsize2_sub{
        font-size: 10px;
        line-height: 0px;
    }
}

@media screen and (min-width: 769px) and (max-width: 991px) {
    .arena_start_fontsize_sub {
        font-size: 40px;
        line-height: 40px;
    }

    .arena_start_fontsize2_sub{
        font-size: 10px;
        line-height: 0px;
    }
}

@media screen and (min-width: 991px) {
    .arena_start_fontsize_sub {
        font-size: 40px;
        line-height: 40px;
    }

    .arena_start_fontsize2_sub{
        font-size: 10px;
        line-height: 0px;
    }
}

.arena_start_place_date{
    font-size: 10px;
    font-weight: bold;
    padding: 0px 2px;
    color: #393939;
    font-family: "arial black", Helvetica, Arial, sans-serif;
    line-height: 10px;
}


.monthly201610_new{
    font-size: 20px;
    font-weight: bold;
    padding: 2px 4px;
    color: #ff711a;
    font-family: "arial black", Helvetica, Arial, sans-serif;
    line-height: 20px;
    position: absolute;
    background: rgba(255, 255, 255, 0.75);
    border: solid 4px #FF711A;
    border-radius: 10px;
    -moz-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
}


.monthly201610_arena_tour_toribox {
    width:100%;
    table-layout: fixed;
    font-size: 12px;
    font-weight: bold;
    padding: 0px 0px;
    color: #3f3f3f;
    font-family: "arial black", Helvetica, Arial, sans-serif;
    line-height: 15px;
    text-align: center;
}

.img_scroll{
    overflow: auto;
    white-space: nowrap;
}
.img_scroll::-webkit-scrollbar{
    height: 5px;
}
.img_scroll::-webkit-scrollbar-track{
    background: #F1F1F1;
}
.img_scroll::-webkit-scrollbar-thumb {
    background: #BCBCBC;
}

.img_scroll_operation{
    width: 100%;
    text-align: center;
}

.img_scroll_operation img{
    width: 70%;
    text-align: center;
}

.img_question_operation{
    width: 100%;
    text-align: center;
}

.img_question_operation img{
    width: 60%;
    text-align: center;
}

.img_question_operation_comp{
    text-align: center;
    white-space: nowrap;
    margin-bottom: 16px;
}

.img_question_operation_comp p{
    margin: 3px 0px;
}

.img_question_operation_comp p a{
    width:100%;
    font-weight: bold;
    padding: 8px 2px;
    background: #009550;
    color:#ffffff;
    text-align:center;
    display:block;
    text-decoration:none;
}
.img_question_operation_comp p a:hover{
    text-decoration:none;
    background: rgba(0, 149, 80, 0.69);

}

@media screen and (max-width: 480px) {
    .img_question_operation_comp p a{
        font-size: 14px;
    }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
    .img_question_operation_comp p a{
        font-size: 14px;
    }
}

@media screen and (min-width: 769px) and (max-width: 991px) {
    .img_question_operation_comp p a{
        font-size: 12px;
    }
}

@media screen and (min-width: 991px) {
    .img_question_operation_comp p a{
        font-size: 14px;
    }
}

/* サイトトップバナー縦スクロール */
.sagscroller{
    width: 100%;
    height:240px;
    overflow:hidden;
    position:relative;
    border:5px solid black;
}
.sagscroller ul{
    position:absolute;
    margin:0;
    padding:0;
    background:white;
    list-style:none;
    width: 100%;
}
.sagscroller ul li{
    display:block;
}
.sagscroller ul li .rsslabel{
    margin-top:5px;
    font-size:12px;
    clear: both;
}

div#mysagscroller2{
    width: 100%;
    height:300px;
    border:0px solid #C0C0C0;
    float:right;
}
div#mysagscroller2 ul li img{
    border-width:0;
    display:block;
}

@media screen and (max-width: 480px){
    .news_youtube_frame_box{
        text-align: center;
    }
    .news_youtube_frame{
        width: 100%;
        height: 180px;
    }
}

@media screen and (min-width: 480px) and (max-width: 768px) {
    .news_youtube_frame_box{
        text-align: center;
    }
    .news_youtube_frame{
        width: 100%;
        height: 260px;
    }
}

@media screen and (min-width: 769px) {
    .news_youtube_frame_box{
        text-align: center;
    }
    .news_youtube_frame{
        width: 400px;
        height: 280px;
    }
}

.news_comment_box{
    font-size: 15px;
    color: #1e1e1e;
    line-height: 20px;
    padding: 8px 8px;
    border: solid 5px rgba(40, 173, 237, 0.86);
    border-radius: 8px;
}

.monthly201610_arena_tour_answer{
    font-size: 20px;
    font-weight: bold;
    color: #fcd113;

}

.gallery-cell-padding{
    padding-right: 0px;
    padding-left: 0px;
}

.gallery-cell{
    border-radius: 2px;
    padding: 3px;
    width: 200px;
    height: 70px;
    background: rgb(255, 255, 255);
    margin: 2px;
    position: absolute;
}

.gallery-cell-img img{
    width: 100%;
}

.gallery-cell a{
    text-decoration: none;
    color: #373737;
}

.gallery-cell a:hover{
    text-decoration: none;
    color: #007aff;
}

.gallery-cell-text{
    font-size: 10px;
    line-height: 11px;
    font-family: "Arial", "Helvetica", sans-serif;
    position: relative;
    bottom: 26px;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    background: rgba(255, 255, 255, 0.86);
    padding: 2px;
    height: 26px;
}

.gallery-cell-fc{
    font-size: 8px;
    line-height: 10px;
    font-family: "Arial", "Helvetica", sans-serif;
    position: absolute;
    top: 0px;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    background: rgba(46, 167, 224, 0.87);
    padding: 2px;
    color: #ffffff;
    width: 60px;
    text-align: center;
    margin: 2px 0px;
}

.gallery-cell-all{
    font-size: 8px;
    line-height: 10px;
    font-family: "Arial", "Helvetica", sans-serif;
    position: absolute;
    top: 0px;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    background: rgba(0, 0, 0, 0.81);
    padding: 2px;
    color: #ffffff;
    width: 60px;
    text-align: center;
    margin: 2px 0px;
}

.gallery-cell-new{
    font-size: 8px;
    line-height: 10px;
    font-family: "Arial", "Helvetica", sans-serif;
    position: absolute;
    top: 0px;
    right: 0px;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    background: rgba(255, 204, 0, 0.87);
    padding: 2px;
    color: #ffffff;
    width: 30px;
    text-align: center;
    margin: 2px 2px;
}

.top-bnr-padding{
    padding-right: 0px;
    padding-left: 0px;
}

.top-bnr-cell{
    border-radius: 0px;
    padding: 0px;
    width: 100%;
    background: rgb(255, 255, 255);
    position: absolute;
}

/* トップバナー */
@media screen and (min-width: 1200px) {
    .top-bnr-cell {
        height: 634px;
    }
}
@media screen and  (min-width: 992px) and (max-width: 1199px) {
    .top-bnr-cell {
        height: 526px;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .top-bnr-cell {
        height: 407px;
    }
}

.top-bnr-cell-img img{
    width: 100%;
}

.top-bnr-cell a{
    border: none;
    text-decoration: none;
    color: #373737;
}

.top-bnr-cell a:hover{
    text-decoration: none;
    color: #007aff;
}

.question_result_box{
    color: #1e1e1e;
    font-size: 14px;
/*    font-weight: bold; *//* MIZAR-2816 */
    font-family: "Arial", "Helvetica", sans-serif;
    margin: 4px 0px;
    padding:4px 0px;
}

.question_result_text{
    text-align: center;
    color: #1e1e1e;
    font-size: 12px;
    font-weight: bold;
    font-family: "Arial", "Helvetica", sans-serif;
}

.question_result_text2{
    text-align: center;
    color: #1e1e1e;
    font-size: 16px;
    font-weight: bold;
    font-family: "Arial", "Helvetica", sans-serif;
}

.question_result_percent1{
    border: solid #ecc700 6px;
    border-radius: 8px;
    padding: 18px;
    text-align: center;
    margin: 0px auto;
    width: 60%;
}

.question_result_percent2{
    border: solid #a5a5a5 6px;
    border-radius: 8px;
    padding: 18px;
    text-align: center;
    margin: 15px auto;
    width: 60%;
}

.question_result_percent3{
    border: solid #8d370a 6px;
    border-radius: 8px;
    padding: 18px;
    text-align: center;
    margin: 0px auto;
    width: 60%;
}

.question_result_percent4{
    border: solid #88c3e1 6px;
    border-radius: 8px;
    padding: 18px;
    text-align: center;
    margin: 0px auto;
    width: 60%;
}

.question_result_percent5{
    border: solid #3585e1 6px;
    border-radius: 8px;
    padding: 18px;
    text-align: center;
    margin: 0px auto;
    width: 60%;
}

.question_result_percent_value1{
    color: #ecc700;
    font-weight: bold;
    font-family: "Arial", "Helvetica", sans-serif;
}



@media screen and (max-width: 480px) {
    .question_result_percent_value1{
        font-size: 60px;
        line-height: 70px;
    }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
    .question_result_percent_value1{
        font-size: 60px;
        line-height: 70px;
    }
}

@media screen and (min-width: 769px) and (max-width: 991px) {
    .question_result_percent_value1{
        font-size: 60px;
        line-height: 70px;
    }
}

@media screen and (min-width: 991px) {
    .question_result_percent_value1{
        font-size: 80px;
        line-height: 70px;
    }
}

.question_result_percent_value2{
    color: #a5a5a5;
    font-size: 80px;
    font-weight: bold;
    font-family: "Arial", "Helvetica", sans-serif;
    line-height: 70px;
}

.question_result_percent_value3{
    color: #8d370a;
    font-size: 80px;
    font-weight: bold;
    font-family: "Arial", "Helvetica", sans-serif;
    line-height: 70px;
}

.question_result_percent_value4{
    color: #88c3e1;
    font-size: 80px;
    font-weight: bold;
    font-family: "Arial", "Helvetica", sans-serif;
    line-height: 70px;
}

.question_result_percent_value5{
    color: #3585e1;
    font-size: 80px;
    font-weight: bold;
    font-family: "Arial", "Helvetica", sans-serif;
    line-height: 70px;
}

.question_result_percent_symbol{
    color: #1e1e1e;
    font-size: 16px;
    font-weight: bold;
    font-family: "Arial", "Helvetica", sans-serif;
    line-height: 16px;
}

.question_result_percent_text3{
    color: #1e1e1e;
    font-size: 14px;
    font-weight: bold;
    font-family: "Arial", "Helvetica", sans-serif;
    line-height: 14px;
}

.question_result_text4{
    margin: 12px 0px;
    color: #1e1e1e;
    font-size: 16px;
    font-weight: bold;
    font-family: "Arial", "Helvetica", sans-serif;
    line-height: 17px;
}

.question_result_line{
    border: dotted 1px #1e1e1e;
    margin: 10px 0px;
}

.question_result_img{
    text-align: center;
}

.question_result_img img{
    width: 60%;
}

.question_ttl_top{
    background: #28a7e1;
    font-weight: bold;
    font-size: 26px;
    width: 100%;
    color:#ffffff;
    border: 2px dashed #f8fbf8;
    box-shadow: 0 0 3px 3px #28a7e1;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
}

.question_ttl{
    background: #28a7e1;
    font-weight: bold;
    font-size: 20px;
    width: 100%;
    color:#ffffff;
    border: 2px dashed #f8fbf8;
    box-shadow: 0 0 3px 3px #28a7e1;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
}

.question_ttl a{
    color: #f8fbf8!important;
}

.question_ttl_list{
    text-align: center;
    padding: 4px 0px;
}
.question_ttl201611{
    background: #ff7a00;
    font-weight: bold;
    font-size: 20px;
    width: 100%;
    color:#ffffff;
    border: 2px dashed #ffe5a7;
    box-shadow: 0 0 3px 3px #ff7a00;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
}

.question_ttl201611 a{
    color: #fcfffc;
}

.question_ttl201611 a:hover{
    color: #fcfffc;
    background: rgba(255, 122, 0, 0.75) !important;
}

.question_ttl201612{
    background: #80a0e0;
    font-weight: bold;
    font-size: 20px;
    width: 100%;
    color:#ffffff;
    border: 2px dashed #badaff;
    box-shadow: 0 0 3px 3px #80a0e0;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
}

.question_ttl201612 a{
    color: #fcfffc;
}

.question_ttl201612 a:hover{
    color: #fcfffc;
    background-color: rgba(186, 218, 255, 0.59);
}

.question_ttl201701{
    background: #aa951a;
    font-weight: bold;
    font-size: 20px;
    width: 100%;
    color:#ffffff;
    border: 2px dashed #dbd181;
    box-shadow: 0 0 3px 3px #c3b533;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
}

.question_ttl201701 a{
    color: #fcfffc;
}

.question_ttl201701 a:hover{
    color: #fcfffc;
    background-color: rgba(170, 149, 26, 0.61);
}

.question_ttl201702{
    background: #0623ff;
    font-weight: bold;
    font-size: 20px;
    width: 100%;
    color:#ffffff;
    border: dashed 2px #ffffff;
    box-shadow: 0 0 3px 3px rgba(6, 35, 255, 0.62);
    border-radius: 5px;
    padding: 10px;
    text-align: center;
}

.question_ttl201702 a{
    color: #fcfffc;
}

.question_ttl201702 a:hover{
    color: #fcfffc;
    background-color: rgba(6, 35, 255, 0.66);
}

.question_entry_box{
    text-align: center;
    margin: 10px 0px;
}

a.question_entry {
    text-align: center;
    width: 70%;
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 10px;
    border-style: none;
    border: dashed 2px #320702;
    box-shadow: 0 0 3px 3px #e0ddd2;
    background-color: #e0ddd2;
    border-radius: 4px;
    color: #fff;
    display: block;

}

a.question_entry:hover {
    background-color: #7cd0f0;
    color: #666;

}

a.question_entry_201701 {
    text-align: center;
    width: 70%;
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 10px;
    border-style: none;
    border: dashed 2px #320702;
    box-shadow: 0 0 3px 3px #e0ddd2;
    background-color: #e0ddd2;
    border-radius: 4px;
    color: #fff;
    display: block;

}

a.question_entry_201701:hover {
    background-color: rgba(213, 189, 34, 0.82);
    color: #fff;
    border: dashed 2px #fff;
}

a.question_entry_201702 {
    text-align: center;
    width: 70%;
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 10px;
    border-style: none;
    border: dashed 2px #0b4612;
    box-shadow: 0 0 3px 3px #e0ddd2;
    background-color: #e0ddd2;
    border-radius: 4px;
    color: #fff;
    display: block;

}

a.question_entry_201702:hover {
    background-color: rgba(6, 35, 255, 0.82);
    color: #fff;
    border: dashed 2px #fff;
}

a.question_top {
    -webkit-appearance: none;
    width: 100%;
    border-radius: 0;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 10px;
    border-style: none;
    border: solid 1px #28a7e1;
    background-color: #fff;
    color: #28a7e1;
    border: dashed 2px #28a7e1;
    box-shadow: 0 0 2px 2px #73c3e1;
    border-radius: 4px;

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

a.question_top:hover {
    background-color: #a7e7ff;
    color: #ffffff;
}

button.question_input {
    text-align: center;
    width: 100%;
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 10px;
    border-style: none;
    border: dashed 2px #320702;
    box-shadow: 0 0 3px 3px #e0ddd2;
    background-color: #e0ddd2;
    border-radius: 4px;
    color: #fff;
    display: block;

}

button.question_input:hover {
    background-color: #7cd0f0;
    color: #666;

}

button.question_edit {
    text-align: center;
    width: 100%;
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 10px;
    border-style: none;
    border: dashed 2px #320702;
    box-shadow: 0 0 3px 3px #e0ddd2;
    background-color: #e0ddd2;
    border-radius: 4px;
    color: #fff;
    display: block;

}

button.question_edit:hover {
    background-color: #7cd0f0;
    color: #666;

}

a.question_input {
    text-align: center;
    width: 100%;
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 10px;
    border-style: none;
    border: dashed 2px #320702;
    box-shadow: 0 0 3px 3px #e0ddd2;
    background-color: #e0ddd2;
    border-radius: 4px;
    color: #fff;
    display: block;

}

a.question_input:hover {
    background-color: #7cd0f0;
    color: #666;

}

a.question_edit {
    text-align: center;
    width: 100%;
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 10px;
    border-style: none;
    border: dashed 2px #320702;
    box-shadow: 0 0 3px 3px #e0ddd2;
    background-color: #e0ddd2;
    border-radius: 4px;
    color: #fff;
    display: block;

}

a.question_edit:hover {
    background-color: #7cd0f0;
    color: #666;

}


a.question_list201611 {
    text-align: center;
    width: 100%;
    -webkit-appearance: none;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 10px;
    border-style: none;
    border: dashed 2px #ffffff;
    box-shadow: 0 0 3px 3px #ffe5a7;
    background-color: #ff7a00;
    border-radius: 4px;
    color: #fff;
    display: block;
}

a.question_list201611:hover {
    background-color: rgb(255, 229, 167);
    color: #ffffff;

}

a.question_list201612 {
    text-align: center;
    width: 100%;
    -webkit-appearance: none;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 10px;
    border-style: none;
    border: dashed 2px #ffffff;
    box-shadow: 0 0 3px 3px #badaff;
    background-color: #80a0e0;
    border-radius: 4px;
    color: #fff;
    display: block;
}

a.question_list201612:hover {
    background-color: rgba(186, 218, 255, 0.59);
    color: #ffffff;
}

a.question_list201701 {
    text-align: center;
    width: 100%;
    -webkit-appearance: none;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 10px;
    border-style: none;
    border: dashed 2px #ffffff;
    box-shadow: 0 0 3px 3px rgba(213, 189, 34, 0.62);
    background-color: #d5bd22;
    border-radius: 4px;
    color: #fff;
    display: block;
}

a.question_list201701:hover {
    background-color: rgba(213, 189, 34, 0.68);
    color: #ffffff;
}

a.question_list201702 {
    text-align: center;
    width: 100%;
    -webkit-appearance: none;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 10px;
    border-style: none;
    border: dashed 2px #ffffff;
    box-shadow: 0 0 3px 3px rgba(6, 35, 255, 0.62);
    background-color: #0623ff;
    border-radius: 4px;
    color: #fff;
    display: block;
}

a.question_list201702:hover {
    background-color: rgba(6, 35, 255, 0.68);
    color: #ffffff;
}



.question_result_box_sub{
    color: #535353;
    font-size: 12px;
    font-weight: normal;
    font-family: "Arial", "Helvetica", sans-serif;
    line-height: 14px;
    margin: 10px 0px;
}


a.question_enjingstore {
    -webkit-appearance: none;
    width: 100%;
    border-radius: 0;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 10px;
    border-style: none;
    border: solid 1px #6cb0fe;
    background-color: #fff;
    color: #6cb0fe;
    border: dashed 2px #fff;
    box-shadow: 0 0 2px 2px rgba(108, 176, 254, 0.81);
    border-radius: 4px;
    margin: 5px 0px;
    display: block;
    width: 100%;
    text-align: center;
}

a.question_enjingstore:hover {
    background-color: #6cb0fe;
    color: #ee0200;
}


.monthly201611_question_answer{
    text-align: center;
    white-space: nowrap;
    margin-bottom: 0px;
}

.monthly201611_question_answer p{
    margin: 0px 0px;
}

.monthly201611_question_answer p a{
    width:100%;
    font-weight: bold;
    padding: 8px 2px;
    background: #ffffff;
    border: solid #000000 3px;
    border-radius: 6px;
    color:#000000;
    text-align:center;
    display:block;
    text-decoration:none;
}
.monthly201611_question_answer p a:hover{
    text-decoration:none;
    background: #3100ff;
    border: solid rgba(0, 0, 0, 0.52) 3px;
    color: #ffffff;
}

@media screen and (max-width: 480px) {
    .monthly201611_question_answer p a{
        font-size: 14px;
    }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
    .monthly201611_question_answer p a{
        font-size: 14px;
    }
}

@media screen and (min-width: 769px) and (max-width: 991px) {
    .monthly201611_question_answer p a{
        font-size: 12px;
    }
}

@media screen and (min-width: 991px) {
    .monthly201611_question_answer p a{
        font-size: 14px;
    }
}

.monthly201611_question_answer_q{
    text-align: center;
    white-space: nowrap;
    margin-bottom: 0px;
}

.monthly201611_question_answer_q p{
    margin: 0px 0px;
}

.monthly201611_question_answer_q p a{
    width:100%;
    font-weight: bold;
    padding: 8px 2px;
    background: #ffffff;
    border: solid #000000 3px;
    border-radius: 6px;
    color:#000000;
    text-align:center;
    display:block;
    text-decoration:none;
}
.monthly201611_question_answer_q p a:hover{
    text-decoration:none;
    background: rgba(0, 139, 211, 0.69);
    border: solid rgba(0, 0, 0, 0.52) 3px;
    color: #e41e19;
}

@media screen and (max-width: 480px) {
    .monthly201611_question_answer_q p a{
        font-size: 14px;
    }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
    .monthly201611_question_answer_q p a{
        font-size: 14px;
    }
}

@media screen and (min-width: 769px) and (max-width: 991px) {
    .monthly201611_question_answer_q p a{
        font-size: 12px;
    }
}

@media screen and (min-width: 991px) {
    .monthly201611_question_answer_q p a{
        font-size: 14px;
    }
}

.question_answer_box{
    margin: 5px 0px;
    width: 100%;
    -webkit-appearance: none;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 10px;
    background-color: #ffffff;
    border: solid 3px #000000;
    border-radius: 10px;
    color: #fff;
    display: block;
}

.question_answer_box_question {
    padding-bottom: 5px;
    line-height: 20px;
    border-bottom: 2px solid #3100ff;
    color: #222222;
}
.question_answer_box_question:first-letter {
    margin-right: 4px;
    font-size: 32px;
    color: #3100ff;
}

.question_answer_box_question_comment{
    margin: 10px 0px;
    background: #ffffff;
    border-radius: 4px;
    border: solid 5px #3100ff;
    padding: 5px;
    position: relative;
    width: 80%;
    float: left;
}

.question_answer_box_question_comment .question_answer_box_question_comment2{
    background: #ffffff;
    position: relative;
    color: #2d2d2d;
    font-size: 14px;
    line-height: 17px;
    padding: 5px 5px;
}

.question_answer_box_question_comment .question_answer_box_question_comment2:after{
    content: ' ';
    width:0;
    height: 0;
    position:absolute;
    border:12px solid transparent;
    border-left-color:#3100ff;
    top:7%;
    left:102%;
}

.question_answer_box_question2 {
    padding-bottom: 5px;
    line-height: 20px;
    border-bottom: 2px solid #e56d00;
    color: #222222;
}
.question_answer_box_question2:first-letter {
    margin-right: 4px;
    font-size: 32px;
    color: #e56d00;
}

.question_answer_box_question_comment3{
    margin: 10px 0px;
    background: #ffffff;
    border-radius: 4px;
    border: solid 5px #e56d00;
    padding: 5px;
    position: relative;
    width: 80%;
    float: left;
}

.question_answer_box_question_comment3 .question_answer_box_question_comment4{
    background: #ffffff;
    position: relative;
    color: #2d2d2d;
    font-size: 14px;
    line-height: 17px;
    padding: 5px 5px;
}

.question_answer_box_question_comment3 .question_answer_box_question_comment4:after{
    content: ' ';
    width:0;
    height: 0;
    position:absolute;
    border:12px solid transparent;
    border-left-color:#e56d00;
    top:7%;
    left:102%;
}

.question_answer_box_question3 {
    padding-bottom: 5px;
    line-height: 20px;
    border-bottom: 2px solid #00b700;
    color: #222222;
}
.question_answer_box_question3:first-letter {
    margin-right: 4px;
    font-size: 32px;
    color: #00b700;
}

.question_answer_box_question_comment5{
    margin: 10px 0px;
    background: #ffffff;
    border-radius: 4px;
    border: solid 5px #00b700;
    padding: 5px;
    position: relative;
    width: 80%;
    float: left;
}

.question_answer_box_question_comment5 .question_answer_box_question_comment6{
    background: #ffffff;
    position: relative;
    color: #2d2d2d;
    font-size: 14px;
    line-height: 17px;
    padding: 5px 5px;
}

.question_answer_box_question_comment5 .question_answer_box_question_comment6:after{
    content: ' ';
    width:0;
    height: 0;
    position:absolute;
    border:12px solid transparent;
    border-left-color:#00b700;
    top:7%;
    left:102%;
}

.question_answer_box_question4 {
    padding-bottom: 5px;
    line-height: 20px;
    border-bottom: 2px solid #d100a5;
    color: #222222;
}
.question_answer_box_question4:first-letter {
    margin-right: 4px;
    font-size: 32px;
    color: #d100a5;
}

.question_answer_box_question_comment7{
    margin: 10px 0px;
    background: #ffffff;
    border-radius: 4px;
    border: solid 5px #d100a5;
    padding: 5px;
    position: relative;
    width: 80%;
    float: left;
}

.question_answer_box_question_comment7 .question_answer_box_question_comment8{
    background: #ffffff;
    position: relative;
    color: #2d2d2d;
    font-size: 14px;
    line-height: 17px;
    padding: 5px 5px;
}

.question_answer_box_question_comment7 .question_answer_box_question_comment8:after{
    content: ' ';
    width:0;
    height: 0;
    position:absolute;
    border:12px solid transparent;
    border-left-color:#d100a5;
    top:7%;
    left:102%;
}




.question_answer_box_question_comment_img{
    margin: 10px 0px;
    padding:0;
    position:relative;
    width: 20%;
    float: left;
}

.question_answer_box_question_comment_img img{
    width: 100%;
}

.clear_question{
    clear: both;
}

.question_answer_box_question_answer {
    margin: 10px 0px;
    padding-bottom: 5px;
    line-height: 20px;
    border-bottom: 0px solid #3100ff;
    color: #222222;
}
.question_answer_box_question_answer:first-letter {
    margin-right: 4px;
    font-size: 32px;
    color: #3100ff;
}

.question_answer_box_question_answer img{
    width: 100%;
    padding: 10px 10px;
}

.question_answer_box_question_answer_etc {
    line-height: 20px;
    color: #222222;
}

.question_answer_box_question2_answer {
    margin: 10px 0px;
    padding-bottom: 5px;
    line-height: 20px;
    border-bottom: 0px solid #e56d00;
    color: #222222;
}
.question_answer_box_question2_answer:first-letter {
    margin-right: 4px;
    font-size: 32px;
    color: #e56d00;
}

.question_answer_box_question2_answer img{
    width: 100%;
    padding: 10px 10px;
}

.question_answer_box_question3_answer {
    margin: 10px 0px;
    padding-bottom: 5px;
    line-height: 20px;
    border-bottom: 0px solid #00b700;
    color: #222222;
}
.question_answer_box_question3_answer:first-letter {
    margin-right: 4px;
    font-size: 32px;
    color: #00b700;
}

.question_answer_box_question3_answer img{
    width: 100%;
    padding: 10px 10px;
}

.question_answer_box_question4_answer {
    margin: 10px 0px;
    padding-bottom: 5px;
    line-height: 20px;
    border-bottom: 0px solid #d100a5;
    color: #222222;
}
.question_answer_box_question4_answer:first-letter {
    margin-right: 4px;
    font-size: 32px;
    color: #d100a5;
}

.question_answer_box_question4_answer img{
    width: 100%;
    padding: 10px 10px;
}

.monthly201611_question_answer_q1{
    text-align: center;
    white-space: nowrap;
    margin-bottom: 0px;
}

.monthly201611_question_answer_q1 p{
    margin: 0px 0px;
}

.monthly201611_question_answer_q1 p a{
    width:100%;
    font-weight: bold;
    padding: 8px 2px;
    background: #ffffff;
    border: solid #000000 3px;
    border-radius: 6px;
    color:#000000;
    text-align:center;
    display:block;
    text-decoration:none;
}
.monthly201611_question_answer_q1 p a:hover{
    text-decoration:none;
    background: #3100ff;
    border: solid rgba(0, 0, 0, 0.52) 3px;
    color: #ffffff;
}

@media screen and (max-width: 480px) {
    .monthly201611_question_answer_q1 p a{
        font-size: 14px;
    }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
    .monthly201611_question_answer_q1 p a{
        font-size: 14px;
    }
}

@media screen and (min-width: 769px) and (max-width: 991px) {
    .monthly201611_question_answer_q1 p a{
        font-size: 12px;
    }
}

@media screen and (min-width: 991px) {
    .monthly201611_question_answer_q1 p a{
        font-size: 14px;
    }
}

.monthly201611_question_answer_q3{
    text-align: center;
    white-space: nowrap;
    margin-bottom: 0px;
}

.monthly201611_question_answer_q3 p{
    margin: 0px 0px;
}

.monthly201611_question_answer_q3 p a{
    width:100%;
    font-weight: bold;
    padding: 8px 2px;
    background: #ffffff;
    border: solid #000000 3px;
    border-radius: 6px;
    color:#000000;
    text-align:center;
    display:block;
    text-decoration:none;
}
.monthly201611_question_answer_q3 p a:hover{
    text-decoration:none;
    background: #e56d00;
    border: solid rgba(0, 0, 0, 0.52) 3px;
    color: #ffffff;
}

@media screen and (max-width: 480px) {
    .monthly201611_question_answer_q3 p a{
        font-size: 14px;
    }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
    .monthly201611_question_answer_q3 p a{
        font-size: 14px;
    }
}

@media screen and (min-width: 769px) and (max-width: 991px) {
    .monthly201611_question_answer_q3 p a{
        font-size: 12px;
    }
}

@media screen and (min-width: 991px) {
    .monthly201611_question_answer_q3 p a{
        font-size: 14px;
    }
}

.monthly201611_question_answer_q2{
    text-align: center;
    white-space: nowrap;
    margin-bottom: 0px;
}

.monthly201611_question_answer_q2 p{
    margin: 0px 0px;
}

.monthly201611_question_answer_q2 p a{
    width:100%;
    font-weight: bold;
    padding: 8px 2px;
    background: #ffffff;
    border: solid #000000 3px;
    border-radius: 6px;
    color:#000000;
    text-align:center;
    display:block;
    text-decoration:none;
}
.monthly201611_question_answer_q2 p a:hover{
    text-decoration:none;
    background: #00b700;
    border: solid rgba(0, 0, 0, 0.52) 3px;
    color: #ffffff;
}

@media screen and (max-width: 480px) {
    .monthly201611_question_answer_q2 p a{
        font-size: 14px;
    }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
    .monthly201611_question_answer_q2 p a{
        font-size: 14px;
    }
}

@media screen and (min-width: 769px) and (max-width: 991px) {
    .monthly201611_question_answer_q2 p a{
        font-size: 12px;
    }
}

@media screen and (min-width: 991px) {
    .monthly201611_question_answer_q2 p a{
        font-size: 14px;
    }
}

.monthly201611_question_answer_q4{
    text-align: center;
    white-space: nowrap;
    margin-bottom: 0px;
}

.monthly201611_question_answer_q4 p{
    margin: 0px 0px;
}

.monthly201611_question_answer_q4 p a{
    width:100%;
    font-weight: bold;
    padding: 8px 2px;
    background: #ffffff;
    border: solid #000000 3px;
    border-radius: 6px;
    color:#000000;
    text-align:center;
    display:block;
    text-decoration:none;
}
.monthly201611_question_answer_q4 p a:hover{
    text-decoration:none;
    background: #d100a5;
    border: solid rgba(0, 0, 0, 0.52) 3px;
    color: #ffffff;
}

@media screen and (max-width: 480px) {
    .monthly201611_question_answer_q4 p a{
        font-size: 14px;
    }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
    .monthly201611_question_answer_q4 p a{
        font-size: 14px;
    }
}

@media screen and (min-width: 769px) and (max-width: 991px) {
    .monthly201611_question_answer_q4 p a{
        font-size: 12px;
    }
}

@media screen and (min-width: 991px) {
    .monthly201611_question_answer_q4 p a{
        font-size: 14px;
    }
}

.question_answer_box_question_comment_male{
    background: #ffffff;
    color: #0091ff;
    font-size: 12px;
    line-height: 20px;
}

.question_answer_box_question_comment_female{
    background: #ffffff;
    color: #ff5fab;
    font-size: 12px;
    line-height: 20px;
}


/**/



#monthly_question_2nd .tab-index{
    margin: 10px auto;
    display:flex;
}

#monthly_question_2nd .tab-index ul {
    display: table;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
    list-style: none;
}
#monthly_question_2nd .tab-index li {
    display: inline;
    width: 32%;
    height: 45px;
    line-height: 44px;
    border-radius: 10px;
    border: 2px solid #000000;
    color: #000000;
    font-size: 8px;
    line-height: 11px;
    text-align: left;
    padding: 3px;
    margin: 1px 1px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    /*    white-space: nowrap;*/
    text-decoration: none;
}

#monthly_question_2nd .tab-index a {
    display: block;
    width: 100%;
    height: 100%;
    outline: none;
    text-decoration:none;
}

#monthly_question_2nd .tab-index a:hover {
    color: rgba(0, 145, 255, 0.54);
    text-decoration: none;
}


#monthly_question_2nd .tab-index li:not(:last-child) {

}

#monthly_question_2nd .tab-index .active {
    background-color: rgba(19, 85, 255, 0.25);
    text-decoration: none;
    color: #ffffff;
}

#monthly_question_2nd .tab-contents {
    display: none;
}

#monthly_question_2nd .tab-contents.active {
    display: block;
    text-decoration:none;
}

.question_answer_box_2nd{
    margin: 10px 0px;
}

.schedule_content_article{
    padding: 5px 3px;

}

.liveschedule_bnr_img{
    text-align: center;
    margin: 0 auto;
    width: 100%;
    font-size: 12px;
}

.liveschedule_bnr_img a{
    color: #555555;
}

.liveschedule_bnr_img img{
    width: 280px;
}

.iframe-content {
    position: relative;
    width: 100%;
    padding: 75% 0 0 0;
    margin: 0 5px -36% 5px;
}
.iframe-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 95%;
    height: 56.25%;
}

.iframe-content-sample {
    margin: 0 auto;
    padding: 0 5px;
    width: 100%;
}

.monthly-movie {
    width: 100%;
    margin: 2%;
}

.monthly-movie-image {
    background: #f8f8f8;
    margin-bottom: 10px;
    position: relative;
    min-height: 250px;
    padding: 50px 0px;
}

.monthly-movie-image2 {
    background: #f8f8f8;
    margin-bottom: 10px;
    position: relative;
    min-height: 250px;
    padding: 64px 0px;
}

.monthly-movie-tag1 {
    position: absolute;
    top: -6px;
    right: 15px;
}

.monthly-movie-tag1:after {
    position: absolute;
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    border-top: 6px solid #ff003a;
}

.monthly-movie-tag {
    position: relative;
    display: inline-block;
    text-align: center;
    color: #fff;
    background: #ff003a;
    font-size: 14px;
    line-height: 1;
    padding: 12px 8px 6px;
    border-top-right-radius: 0px;
    width: 200px;
    text-transform: uppercase
}

.monthly-movie-tag:before,
.monthly-movie-tag:after {
    position: absolute;
    content: '';
    display: block;
}

.monthly-movie img {
    display: block;
}

.monthly-movie-new {
    position: absolute;
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    background-color: #eac800;
    padding: 15px 4px;
    width: 45px;
    margin: -55px 0px 0px 10px;
    -moz-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
}

.monthly-movie-new-box {
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
    background-color: #eac800;
    margin: 5px 0px;
    padding: 5px 3px;
}

#release_push{
    background: #ffffff;
    padding:5px 5px;
}

#release_push a {
    text-decoration:none;
    color: #6ad4ff;
}

#release_push ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

#release_push li:last-child{
    border:none;
}

#release_push li {
    border-bottom: 1px dashed #CCCCCC;
    padding: 15px 0 15px 0;
    display:block;
    word-break: break-all;
}


#release_push .release_btn{
    padding:5px 5px 5px 5px;
    margin:8px 0 8px 0;

}

#release_push .release_btn a{
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: .5em;
    border:#129ad7 2px solid;
    color: #129ad7;
    padding: 4px 10px;
    text-align:center;
}

#release_push .release3_new{
    border: 0px double #129ad7;
    background-color: #129ad7;
    text-align: center;
    display: block;
    color: #fff;
    font-size: 0.7em;
    text-decoration: none;
    width: 90px;
}

a.push_contents_btn {
    margin: 5px 0px;
    text-align: center;
    width: 100%;
    -webkit-appearance: none;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 6px;
    border-style: none;
    border: dashed 2px #ffffff;
    box-shadow: 0 0 2px 2px #9fd9ff;
    background-color: #48adff;
    border-radius: 2px;
    color: #fff;
    display: block;
}

.push_contents_btn a{
    margin: 5px 0px;
    text-align: center;
    width: 100%;
    -webkit-appearance: none;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 6px;
    border-style: none;
    border: dashed 2px #ffffff;
    box-shadow: 0 0 2px 2px #9fd9ff;
    background-color: #48adff;
    border-radius: 2px;
    color: #fff;
    display: block;
}

a.push_contents_btn:hover {
    background-color: rgba(72, 173, 255, 0.59);
    color: #ffffff;
}


.monthly2017_main{
    margin: 0 auto;
    text-align: center;
}

@media screen and (max-width: 480px) {
    .monthly2017_main img{
        width: 90%;
    }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
    .monthly2017_main img{
        width: 70%;
    }
}

@media screen and (min-width: 769px) and (max-width: 991px) {
    .monthly2017_main img{
        width: 60%;
    }
}

@media screen and (min-width: 991px) {
    .monthly2017_main img{
        width: 60%;
    }
}

.monthly2017_entry {
    text-align: center;
    white-space: nowrap;
    margin-bottom: 0px;
}

.monthly2017_entry p{
    margin: 0px 0px;
}

.monthly2017_entry p a{
    width:100%;
    font-weight: bold;
    padding: 8px 2px;
    background: #ffffff;
    border: solid #afa71b 3px;
    border-radius: 6px;
    color:#afa71b;
    text-align:center;
    display:block;
    text-decoration:none;
}
.monthly2017_entry p a:hover{
    text-decoration:none;
    background: #afa71b;
    border: solid rgba(0, 0, 0, 0.52) 3px;
    color: #ffffff;
}

@media screen and (max-width: 480px) {
    .monthly2017_entry p a{
        font-size: 14px;
    }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
    .monthly2017_entry p a{
        font-size: 14px;
    }
}

@media screen and (min-width: 769px) and (max-width: 991px) {
    .monthly2017_entry p a{
        font-size: 12px;
    }
}

@media screen and (min-width: 991px) {
    .monthly2017_entry p a{
        font-size: 14px;
    }
}

.monthly_present_entry_box{
    text-align: center;
    margin: 10px 0px;
}

a.present_monthly_imgdata {
    text-align: center;
    width: 100%;
    -webkit-appearance: none;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 10px;
    border-style: none;
    border: dashed 2px #ffffff;
    box-shadow: 0 0 3px 3px rgba(213, 189, 34, 0.62);
    background-color: #d5bd22;
    border-radius: 4px;
    color: #fff;
    display: block;
}

a.present_monthly_imgdata:hover {
    background-color: rgba(213, 189, 34, 0.68);
    color: #ffffff;
}

.monthly_block_2017_bnr {
    font-size: 10px;
    font-weight: bold;
    color: #3f3f3f;
    font-family: arial, sans-serif;
    line-height: 14px;
}

.staffreport_2017_bnr {
    font-size: 10px;
    font-weight: bold;
    color: #3f3f3f;
    font-family: arial, sans-serif;
    line-height: 14px;
}

.fcnews_othercontents_box{
    text-align: left;
    font-size: 11px;
}

a.fcnews_othercontents_btn {
    margin: 5px 0px;
    text-align: center;
    width: 100%;
    -webkit-appearance: none;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 6px;
    border-style: none;
    border: dashed 0px #ffffff;
    box-shadow: 0 0 0px 0px #9fd9ff;
    background-color: #48adff;
    border-radius: 2px;
    color: #fff;
    display: block;
}

.fcnews_othercontents_btn a{
    margin: 5px 0px;
    text-align: center;
    width: 100%;
    -webkit-appearance: none;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 6px;
    border-style: none;
    border: dashed 0px #ffffff;
    box-shadow: 0 0 0px 0px #9fd9ff;
    background-color: #48adff;
    border-radius: 2px;
    color: #fff;
    display: block;
}

a.fcnews_othercontents_btn:hover {
    background-color: rgba(72, 173, 255, 0.59);
    color: #ffffff;
}

.monthly2017_entry2 {
    text-align: center;
    white-space: nowrap;
    margin-bottom: 0px;
    float: left;
    width: 50%;
}

.monthly2017_entry2 p{
    margin: 0px 3px;
}

.monthly2017_entry2 p a{
    width:100%;
    font-weight: bold;
    padding: 8px 2px;
    background: #ffffff;
    border: solid #afa71b 3px;
    border-radius: 6px;
    color:#afa71b;
    text-align:center;
    display:block;
    text-decoration:none;
}
.monthly2017_entry2 p a:hover{
    text-decoration:none;
    background: #afa71b;
    border: solid rgba(0, 0, 0, 0.52) 3px;
    color: #ffffff;
}

@media screen and (max-width: 480px) {
    .monthly2017_entry2 p a{
        font-size: 14px;
    }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
    .monthly2017_entry2 p a{
        font-size: 14px;
    }
}

@media screen and (min-width: 769px) and (max-width: 991px) {
    .monthly2017_entry2 p a{
        font-size: 12px;
    }
}

@media screen and (min-width: 991px) {
    .monthly2017_entry2 p a{
        font-size: 14px;
    }
}

.monthly2017_entry3 {
    text-align: center;
    white-space: nowrap;
    margin-bottom: 0px;
    float: left;
    width: 50%;
}

.monthly2017_entry3 p{
    margin: 0px 3px;
}

.monthly2017_entry3 p a{
    width:100%;
    font-weight: bold;
    padding: 8px 2px;
    background: #ffffff;
    border: solid #afa71b 3px;
    border-radius: 6px;
    color:#afa71b;
    text-align:center;
    display:block;
    text-decoration:none;
}
.monthly2017_entry3 p a:hover{
    text-decoration:none;
    background: #afa71b;
    border: solid rgba(0, 0, 0, 0.52) 3px;
    color: #ffffff;
}

@media screen and (max-width: 480px) {
    .monthly2017_entry3 p a{
        font-size: 11px;
    }
    .monthly2017_resolution_user_box{
        float: left;
        width: 100%;
    }
    .monthly2017_resolution_user_box2{
        float: left;
        width: 100%;
    }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
    .monthly2017_entry3 p a{
        font-size: 14px;
    }
    .monthly2017_resolution_user_box{
        float: left;
        width: 100%;
    }
    .monthly2017_resolution_user_box2{
        float: left;
        width: 100%;
    }
}

@media screen and (min-width: 769px) and (max-width: 991px) {
    .monthly2017_entry3 p a{
        font-size: 12px;
    }
    .monthly2017_resolution_user_box{
        float: left;
        width: 49%;
    }
    .monthly2017_resolution_user_box2{
        float: left;
        width: 49%;
    }
}

@media screen and (min-width: 991px) {
    .monthly2017_entry3 p a{
        font-size: 14px;
    }
    .monthly2017_resolution_user_box{
        float: left;
        width: 49%;
    }
    .monthly2017_resolution_user_box2{
        float: left;
        width: 49%;
    }
}

.monthly2017_entry4 {
    text-align: center;
    white-space: nowrap;
    margin-bottom: 0px;
    float: left;
    width: 50%;
}

.monthly2017_entry4 p{
    margin: 0px 0px;
    width:100%;
    font-weight: bold;
    padding: 8px 2px;
    background: #d5d5d5;
    border: solid #afa71b 3px;
    border-radius: 6px;
    color:#afa71b;
    text-align:center;
    display:block;
    text-decoration:none;
}

@media screen and (max-width: 480px) {
    .monthly2017_entry4 p{
        font-size: 11px;
    }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
    .monthly2017_entry4 p{
        font-size: 14px;
    }
}

@media screen and (min-width: 769px) and (max-width: 991px) {
    .monthly2017_entry4 p{
        font-size: 12px;
    }
}

@media screen and (min-width: 991px) {
    .monthly2017_entry4 p{
        font-size: 14px;
    }
}

.monthly2017_entry5 {
    text-align: center;
    white-space: nowrap;
    margin-bottom: 0px;
}

.monthly2017_entry5 p{
    margin: 0px 0px;
    width:100%;
    font-weight: bold;
    padding: 8px 2px;
    background: #ffffff;
    border: solid rgba(175, 167, 27, 0.51) 3px;
    border-radius: 6px;
    color: rgba(175, 167, 27, 0.53);
    text-align:center;
    display:block;
    text-decoration:none;
}


@media screen and (max-width: 480px) {
    .monthly2017_entry5 p{
        font-size: 14px;
    }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
    .monthly2017_entry5 p{
        font-size: 14px;
    }
}

@media screen and (min-width: 769px) and (max-width: 991px) {
    .monthly2017_entry5 p{
        font-size: 12px;
    }
}

@media screen and (min-width: 991px) {
    .monthly2017_entry5 p{
        font-size: 14px;
    }
}

.monthly2017_entry6 {
    text-align: center;
    white-space: nowrap;
    margin-bottom: 0px;
    float: left;
    width: 50%;
}

.monthly2017_entry6 p{
    margin: 0px 3px;
}

.monthly2017_entry6 p a{
    width:100%;
    font-weight: bold;
    padding: 8px 2px;
    background: #ffffff;
    border: solid #0623ff 3px;
    border-radius: 6px;
    color:#0623ff;
    text-align:center;
    display:block;
    text-decoration:none;
}
.monthly2017_entry6 p a:hover{
    text-decoration:none;
    background: rgba(168, 124, 39, 0.77);
    border: solid #085929 3px;
    color: #ffffff;
}

@media screen and (max-width: 480px) {
    .monthly2017_entry6 p a{
        font-size: 11px;
    }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
    .monthly2017_entry6 p a{
        font-size: 14px;
    }
}

@media screen and (min-width: 769px) and (max-width: 991px) {
    .monthly2017_entry6 p a{
        font-size: 12px;
    }
}

@media screen and (min-width: 991px) {
    .monthly2017_entry6 p a{
        font-size: 14px;
    }
}

.monthly2017_resolution_user_ttl{
    text-align: center;
    background: #afa71b;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    color: #ffffff;
    padding: 5px 0px;
}

.monthly2017_resolution_user_box{
    margin: 1px;
    padding: 12px;
    background: #ffffff;
    border: solid 10px #064029;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    color: #000000;
}

.monthly2017_resolution_user_box2{
    margin: 1px;
    padding: 12px;
    background: #ffffff;
    border: solid 10px #3e7140;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    color: #000000;
}

.monthly2017_resolution_user_plc{
    margin: 3px 4px 3px 0px;
    float: left;
    font-size: 11px;
    color: #404040;
}

.monthly2017_resolution_user_gender1{
    margin: 3px 4px 3px 0px;
    float: left;
    font-size: 11px;
    color: #27a1ff;
}

.monthly2017_resolution_user_gender2{
    margin: 3px 4px 3px 0px;
    float: left;
    font-size: 11px;
    color: #ff2e9d;
}

.monthly2017_resolution_user_nick{
    margin: 3px 4px 3px 0px;
    float: left;
    font-size: 11px;
    color: #1f1f1f;
}

.monthly2017_resolution_new {
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    background-color: #bdb41d;
    padding: 0px 0px;
    width: 45px;
    float: left;
    margin-right: 7px;
}

.monthly2017_comment {
    margin: 3px 0px;
    width:100%;
    font-size: 14px;
    line-height: 17px;
    font-weight: bold;
    padding: 8px 8px;
    background: #ffffff;
    border: dashed #afa71b 3px;
    border-radius: 0px;
    color: #a19918;
    display:block;
    text-decoration:none;
}

/* monthly201701 */
#monthly_201701 .tab-index{
    margin: 10px auto;
    display:flex;
}

#monthly_201701 .tab-index ul {
    display: table;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
    list-style: none;
}
#monthly_201701 .tab-index li {
    display: inline;
    width: 24.5%;
    height: 28px;
    background-color: #a19918;
    margin: 0px 1px 0px 0px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    /*    white-space: nowrap;*/
    text-decoration: none;
}

#monthly_201701 .tab-index a {
    display: block;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    line-height: 11px;
    padding: 7px;
    outline: none;
    text-decoration:none;
    color: #ffffff;
}

#monthly_201701 .tab-index a:hover {
    color: rgb(224, 214, 44);
    text-decoration: none;
}


#monthly_201701 .tab-index li:not(:last-child) {

}

#monthly_201701 .tab-index .active {
    background-color: rgba(161, 153, 24, 0.25);
    text-decoration: none;
    color: #a19918;
}

#monthly_201701 .tab-contents {
    display: none;
}

#monthly_201701 .tab-contents.active {
    display: block;
    text-decoration:none;
}

.monthly_201701_box{
    margin: 10px 0px;
}


/* monthly201702 */
#monthly_201702 .tab-index{
    display:flex;
}

#monthly_201702 .tab-index ul {
    display: table;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
    list-style: none;
}
#monthly_201702 .tab-index li {
    display: inline;
    width: 49.5%;
    background-color: #ffffff;
    border-radius: 0px ;
    margin: 0px 1px 0px 0px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    /*    white-space: nowrap;*/
    text-decoration: none;
}

#monthly_201702 .tab-index a {
    display: block;
    font-size: 12px;
    color: rgb(13, 101, 22);
    height: 44px;
    border: solid 2px rgba(17, 133, 29, 0.34);
    text-align: center;
    line-height: 14px;
    padding: 7px;
    outline: none;
    text-decoration:none;
}

#monthly_201702 .tab-index a:hover {
    color: rgb(6, 35, 255);
    text-decoration: none;
}


#monthly_201702 .tab-index li:not(:last-child) {

}

#monthly_201702 .tab-index .active {
    background-color: rgba(23, 128, 32, 0.29);
    text-decoration: none;
    color: rgb(13, 101, 22);
}

#monthly_201702 .tab-contents {
    display: none;
}

#monthly_201702 .tab-contents.active {
    display: block;
    text-decoration:none;
}

.monthly_201702_box{
    margin: 10px 0px;
}

/* monthly201702 */
#monthly_201702 .tab-index2{
    display:flex;
}

#monthly_201702 .tab-index2 ul {
    display: table;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
    list-style: none;
}
#monthly_201702 .tab-index2 li {
    display: inline;
    width: 99.6%;
    background-color: #ffffff;
    border-radius: 0px ;
    margin: 0px 1px 0px 0px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    /*    white-space: nowrap;*/
    text-decoration: none;
}

#monthly_201702 .tab-index2 a {
    display: block;
    font-size: 12px;
    color: rgb(13, 101, 22);
    height: 44px;
    border: solid 2px rgba(17, 133, 29, 0.34);
    text-align: center;
    line-height: 14px;
    padding: 7px;
    outline: none;
    text-decoration:none;
}

#monthly_201702 .tab-index2 a:hover {
    color: rgb(6, 35, 255);
    text-decoration: none;
}


#monthly_201702 .tab-index2 li:not(:last-child) {

}

#monthly_201702 .tab-index2 .active {
    background-color: rgba(23, 128, 32, 0.29);
    text-decoration: none;
    color: rgb(13, 101, 22);
}

#monthly_201702 .tab-contents {
    display: none;
}

#monthly_201702 .tab-contents.active {
    display: block;
    text-decoration:none;
}

/**/

.monthly201702_ranking_ttl{
    margin: 4px 0px 8px 0px;
    padding: 7px 4px;
    font-size: 17px;
    line-height: 19px;
    font-weight: bold;
    text-align: center;
    background: #ffffff;
    border-radius: 2px;
    border: double 3px #a87c27;
    color: #463410;

}

.monthly201702_ranking{
    width: 100%;
    margin-top: 6px;
}

.monthly201702_ranking_clear{
    clear: both;
}

.monthly201702_ranking_rank{
    font-family:"arial black", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 21px;
    font-weight: bold;
    font-style: italic;
    width: 12%;
    text-align: right;
    padding-right: 6px;
    float: left;
}

.monthly201702_ranking_rank_color1{
    color: #d7ba00;
}

.monthly201702_ranking_rank_color2{
    color: #a6a6a1;
}

.monthly201702_ranking_rank_color3{
    color: #89150e;
}

.monthly201702_ranking_rank_color0{
    color: #323839;
}

.monthly201702_ranking_song_ttl{
    font-family:"arial black", Helvetica, Arial, sans-serif;
    font-size: 17px;
    line-height: 19px;
    font-weight: bold;
    color: #000000;
    width: 64%;
    text-align: left;
    float: left;
}

.monthly201702_ranking_song_ttl_sub{
    font-family: sans-serif;
    font-size: 10px;
    line-height: 12px;
    color: #232323;
    margin-right: 2px;
}

.monthly201702_ranking_song_ttl2{
    font-family:"arial black", Helvetica, Arial, sans-serif;
    font-size: 17px;
    line-height: 19px;
    font-weight: bold;
    color: #3e3e3e;
    width: 64%;
    text-align: left;
    float: left;
}

.monthly201702_ranking_song_count{
    font-family:"arial black", Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 19px;
    font-weight: bold;
    color: #000000;
    width: 19%;
    text-align: right;
    float: left;
}

.monthly201702_ranking_song_count2{
    font-family:"arial black", Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 19px;
    font-weight: bold;
    color: #3e3e3e;
    width: 19%;
    text-align: right;
    float: left;
}

.monthly201702_ranking_song_up{
    font-family:"arial black", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 19px;
    font-weight: bold;
    color: #ff2507;
    width: 5%;
    text-align: center;
    float: left;
}

.monthly201702_ranking_song_down{
    font-family:"arial black", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 19px;
    font-weight: bold;
    color: #0a91ff;
    width: 5%;
    text-align: center;
    float: left;
}

.monthly201702_ranking_song_keep{
    font-family:"arial black", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 19px;
    font-weight: bold;
    color: #747474;
    width: 5%;
    text-align: center;
    float: left;
}

.monthly201702_ranking_comment{
    font-size: 11px;
    padding: 4px 4px;
    margin: 2px 2px 2px 12%;
    background-color: rgba(30, 99, 255, 0.07);
    color: #4a4a4a;
    border-radius: 2px;
    width: 88%;
}

.monthly201702_ranking_comment_box{
    font-size: 11px;
    padding: 4px 4px;
    margin: 5px 2px 5px 2px;
    background-color: rgba(30, 99, 255, 0.07);
    color: #4a4a4a;
    border-radius: 2px;
    width: 100%;
}

.monthly201702_ranking_comment_boxnew{
    font-size: 11px;
    padding: 4px 4px;
    margin: 5px 2px 5px 2px;
    background-color: rgba(250, 255, 71, 0.24);
    color: #4a4a4a;
    border-radius: 2px;
    width: 100%;
}

.monthly201702_ranking_comment_user{
    font-size: 10px;
    color: #6e6e6e;
    font-weight: bold;
    line-height: 20px;
}

.monthly201702_ranking_comment_male{
    font-size: 10px;
    color: #1c68ff;
    font-weight: bold;
}

.monthly201702_ranking_comment_female{
    font-size: 10px;
    color: #ff2541;
    font-weight: bold;
}

.monthly201702_ranking_comment2{
    font-size: 11px;
    padding: 6px 10px;
    margin: 2px 2px 2px 6%;
    background-color: #fceeff;
    color: #4a4a4a;
    border-radius: 8px;
    width: 94%;
}

.monthly201702_ranking_comment_more{
    text-align: right;
    margin-bottom: 6px;
}


a.monthly201702_ranking_comment_more {
    -webkit-appearance: none;
    border-radius: 0px;
    font-size: 10px;
    font-weight: bold;
    width: 120px;
    background-color: rgba(143, 210, 255, 0.33);
    color: rgb(6, 35, 255);
    border: solid 0px #000;
    border-radius: 3px;
    position: relative;
    margin: 4px 2px;
    padding: 2px 3px;
    line-height: normal;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}

a.monthly201702_ranking_comment_more:hover {
    background: rgba(255, 186, 221, 0.65);
    color: #ff0c81;
    text-decoration: none;
}

.monthly201702_ranking_store{
    text-align: right;
    margin-bottom: 6px;
}


a.monthly201702_ranking_store_enjing {
    -webkit-appearance: none;
    border-radius: 0px;
    font-size: 8px;
    font-weight: bold;
    width: 80px;
    background-color: #8fd2ff;
    color: #000000;
    /*    display: block;*/
    border: solid 0px #000;
    border-radius: 3px;
    position: relative;
    margin: 2px 2px;
    padding: 2px 3px;
    line-height: normal;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}

a.monthly201702_ranking_store_enjing:hover {
    background: rgba(143, 210, 255, 0.65);
    color: #c10101;
    text-decoration: none;
}

.monthly201702_ranking_info{
    padding: 4px 0px;
    font-size: 14px;
    line-height: 16px;
    color: #666666;
}

/**/

#monthly201702_ranking_item {
    position: relative;
    text-align: center;
    font-size: 20px;
    color: #0b4612;
    margin-bottom: 10px;
}
#monthly201702_ranking_item span {
    position: relative;
    z-index: 2;
    display: inline-block;
    margin: 0 2.5em;
    padding: 0 1em;
    background-color: #fff;
    text-align: left;
}
#monthly201702_ranking_item::before {
    position: absolute;
    top: 50%;
    z-index: 1;
    content: '';
    display: block;
    width: 100%;
    height: 5px;
    background-color: #0623ff;
}

.monthly201702_update {
    padding: 4px 2px;
    color: #0623ff;
    background: rgba(6, 35, 255, 0.09);
}

.montly_201702_back{
    text-align: left;
    margin-bottom: 6px;
}


a.montly_201702_back {
    -webkit-appearance: none;
    border-radius: 0px;
    font-size: 10px;
    font-weight: bold;
    width: 120px;
    background-color: rgba(143, 210, 255, 0.33);
    color: rgb(6, 35, 255);
    border: solid 0px #000;
    border-radius: 3px;
    position: relative;
    margin: 4px 2px;
    padding: 2px 3px;
    line-height: normal;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}

a.montly_201702_back:hover {
    background: rgba(255, 186, 221, 0.65);
    color: #ff0c81;
    text-decoration: none;
}

.monthly201702_ranking_store{
    text-align: right;
    margin-bottom: 6px;
}

.monthly201702_ranking_etc_link_country{
    text-align: right;
    margin: 10px 0px;
}


a.monthly201702_ranking_etc_link {
    -webkit-appearance: none;
    border-radius: 0px;
    font-size: 11px;
    font-weight: bold;
    background-color: #ffffff;
    color: #000000;
    /*    display: block;*/
    border: solid 1px #000;
    border-radius: 3px;
    position: relative;
    margin: 2px 2px;
    padding: 2px 10px;
    line-height: normal;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    float: left;
}

a.monthly201702_ranking_etc_link:hover {
    background: rgba(143, 210, 255, 0.65);
    color: #ffffff;
    text-decoration: none;
}

/* top monthly ranking accordion */

.contents_accordion_monthly_ranking{
    background: #98c2ff;
    margin: 4px 0px;
    padding: 4px 4px;
    height: auto;
    text-decoration: none;
    list-style:none;
}

.contents_accordion_monthly_ranking_box{
    background: #fefefe;
    height: auto;
    text-decoration: none;
    list-style:none;
    word-break:break-all;
}

.contents_accordion_monthly_ranking a{
    color: #0a26ac;
}

.contents_accordion_monthly_ranking_ttl{
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    font-family: Helvetica, Arial, sans-serif;
    /*   display: table-cell;*/
    vertical-align: middle;
    /*  text-align: center;*/
}

ul.accordion_monthly_ranking{
    margin: 6px 0px;
    /*    padding: 0; */
}

ul.accordion_monthly_ranking li {
    padding: 0px 0px 0px 0px;
    /*  border-bottom: solid 1px #808080; */
}

ul.accordion_monthly_ranking li:first-child {
    /*  border-top: solid 1px #808080; */
}

ul.accordion_monthly_ranking li ul {
    margin: 0;
    padding: 0;
    border: none;
}

ul.accordion_monthly_ranking li ul li {
    /*  background: #fff; */
}

ul.accordion_monthly_ranking li ul li:last-child{
    border-bottom: none;
    padding: 10px 0px;
}

ul.accordion_monthly_ranking li .none-submenu {
    /*    background: url("../../images/mobile_nananaoto/top/title/icon_open.gif") no-repeat scroll right center transparent;*/
    /*    text-shadow: -1px 1px 1px #001A25; */
    display: block;
    padding: 2px 15px 2px 2px;
}

ul.accordion_monthly_ranking li .active-submenu {
    /*    background: url("../../images/mobile_nananaoto/top/title/icon_close.gif") no-repeat scroll right center transparent;*/
    /*    text-shadow: -1px 1px 1px #001A25; */
    display: block;
    padding: 2px 15px 2px 2px;
}

/* monthly201905 ranking accordion */

.contents_accordion_monthly_ranking201905 {
    background: #5ea2ed;
    height: auto;
    text-decoration: none;
    list-style:none;
}

.contents_accordion_monthly_ranking201905_box{
    background: #fefefe;
    height: auto;
    text-decoration: none;
    list-style:none;
    word-break:break-all;
}

.contents_accordion_monthly_ranking201905 a{
    color: #0a26ac;
}

.contents_accordion_monthly_ranking201905_ttl{
    margin: 2px;
    font-size: 90%;
    font-weight: bold;
    color: #ffffff;
    font-family: Helvetica, Arial, sans-serif;
    /*   display: table-cell;*/
    vertical-align: middle;
    /*  text-align: center;*/
}

ul.accordion_monthly_ranking201905{
    margin: 2px;
    /*    padding: 0; */
}

ul.accordion_monthly_ranking201905 li {
    padding: 0px 0px 0px 0px;
    /*  border-bottom: solid 1px #808080; */
}

ul.accordion_monthly_ranking201905 li:first-child {
    /*  border-top: solid 1px #808080; */
}

ul.accordion_monthly_ranking201905 li ul {
    margin: 0;
    padding: 0;
    border: none;
}

ul.accordion_monthly_ranking201905 li ul li {
    /*  background: #fff; */
}

ul.accordion_monthly_ranking201905 li ul li:last-child{
    border-bottom: none;
    padding: 10px 0px;
}

ul.accordion_monthly_ranking201905 li .none-submenu {
    /*    background: url("../../images/mobile_nananaoto/top/title/icon_open.gif") no-repeat scroll right center transparent;*/
    /*    text-shadow: -1px 1px 1px #001A25; */
    display: block;
    padding: 2px 15px 2px 2px;
}

ul.accordion_monthly_ranking201905 li .active-submenu {
    /*    background: url("../../images/mobile_nananaoto/top/title/icon_close.gif") no-repeat scroll right center transparent;*/
    /*    text-shadow: -1px 1px 1px #001A25; */
    display: block;
    padding: 2px 15px 2px 2px;
}

.ranking201905 {
padding: 5px;
display:flex;
font-weight: bold;
color: #555555;
}

.ranking201905_no,.ranking201905_per {
padding: 3px;
padding-left: 5px;
flex-grow: 1;
}

.ranking201905_song {
padding: 3px;
padding-left: 5px;
flex-grow: 99;
}

.ranking201905_com {
font-weight: bold;
font-size: 75%;
color: gray;
}

.ranking201905_com p{
padding: 2px;
}

.ranking201905_4 {
font-weight: bold;
list-style-type: none;
font-size: 90%;
color: gray;
}

/* macro entry btn */
#btn_entry_block{
    margin:0px;
}

#btn_entry_block a.btn_entry{
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: 0em;
    background-color: #1782B6;
    color:#fff;
    padding:10px 10px;
    margin:10px 0px;
    text-align:center;
    font-size:  1em;
    display: block;
    line-height: 2em;
    text-decoration: none;
}

#btn_entry_block a.btn_payment{
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: 0em;
    background-color: #1782B6;
    color:#fff;
    padding:10px 10px;
    margin:10px 0px;
    text-align:center;
    font-size:  1em;
    display: block;
    line-height: normal;
    text-decoration: none;
}

#btn_entry_block a.btn_entry:hover a.btn_payment:hover{
    background-color: rgba(40, 167, 225, 0.65);
}

/* macro member entry */
#btn_entry_block a.btn_member_entry {
    -webkit-appearance: none;
    border-radius: 0px;
    font-size: 1em;
    font-weight: bold;
    background-color: #ffffff;
    color: #000;
    display: block;
    border: solid 1px #000;
    position: relative;
    margin: 10px 0px;
    padding: 10px 10px;
    line-height: normal;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    text-decoration: none;
}

#btn_entry_block a.btn_member_entry:hover {
    background-color: #fdfdfd;
    color: #6f6f6f;
}


/*utility*/
/*------------------------------------------------------------------------------*/
.m05 { margin-bottom:5px;}
.m10 { margin-bottom:10px;}
.m12 { margin-bottom:12px;}
.m15 { margin-bottom:15px;}
.m20 { margin-bottom:20px;}
.m30 { margin-bottom:30px;}
.m40 { margin-bottom:40px;}
.m50 { margin-bottom:50px;}
.m60 { margin-bottom:60px;}
.mt05 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt12 { margin-top:12px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}
.mt50 { margin-top:50px;}
.mt60 { margin-top:60px;}
.ml05 { margin-left:5px;}
.ml10 { margin-left:10px;}
.ml12 { margin-left:12px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.ml30 { margin-left:30px;}
.ml40 { margin-left:40px;}
.ml50 { margin-left:50px;}
.ml60 { margin-left:60px;}
.mr05 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mr30 { margin-right:30px;}
.mr40 { margin-right:40px;}
.mr50 { margin-right:50px;}
.mr60 { margin-right:60px;}
.pt05 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}
.pt30 { padding-top:30px;}
.pt40 { padding-top:40px;}
.pb05 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px;}
.pb30 { padding-bottom:30px;}
.pb40 { padding-bottom:40px;}
.pl05 { padding-left:5px;}
.pl10 { padding-left:10px;}
.pl15 { padding-left:15px;}
.pl20 { padding-left:20px;}
.pl30 { padding-left:30px;}
.pl40 { padding-left:40px;}
.pr05 { padding-right:5px;}
.pr10 { padding-right:10px;}
.pr15 { padding-right:15px;}
.pr20 { padding-right:20px;}
.pr30 { padding-right:30px;}
.pr40 { padding-right:40px;}
.flt { float:left;}
.flr { float:right;}
.txt_l, td.txt_l, .txt_l td{ text-align:left;}
.txt_r, td.txt_r, .txt_r td{ text-align:right;}
.txt_c, td.txt_c, .txt_c td{ text-align:center;}
.valign_t, td.valign_t, .valign_t td{ vertical-align:top;}
.valign_m, td.valign_m, .valign_m td{ vertical-align:middle;}
.valign_b, td.valign_b, .valign_b td{ vertical-align:bottom;}
.clear{clear:both;}
.clearfix:before, .clearfix:after { content: ""; display: block; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.txt_white{ color:white}
/*------------------------------------------------------------------------------*/