@charset "utf-8";

/*=============================================*/
/*=============================================*/
/*=============================================*/
/*=============================================*/
/* PC */
/* 767px over desktop */

    .lv--sns_bt{

        position: absolute;
        top: 0px;
        right: 0px;
        width: 30px;
        height: 30px;
        z-index: 10;
        margin: 5px;


    }

    .lv--sns_bt > img{

        width: 100%;

    }


@media screen and (min-width: 767px){

    a:link, a:visited{

        text-decoration: none;
        color: #fff;

    }

    .sp-only{

        display: none;

    }

    .kv_area{



    }

    #allwrap{}

    /*=============================================*/
    /*============= POPUP AREA =============*/


    .popup_wrap{

        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        padding: 0px;
        margin: 0px;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: 950;
        display: none;

    }

    .popup_area{

        position: absolute;
        width: 340px;
        margin-left: -170px;
        margin-top: 0px;
        padding: 0px 0px 20px 0px;
        top: 100px;
        left: 50%;
        background-color: #fff;
        z-index: 999;
        display: none;

    }

    .inner_popup_area{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 0px;

    }

    .popup--x_area{

        position: absolute;
        top: -10px;
        right: -10px;
        width: 25px;
        height: 25px;
        z-index: 999;

    }

    .popup--x_area > img{

        width: 100%;

    }

    .popup--title_area{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 0px;
        color: #000;
        background-color: #dfdfdf;
        text-align: center;
        font-weight: bold;

    }

    .popup--title_area > p{

        padding: 15px 0px 15px 0px;
        margin: 0px;

    }

    .popup--photo_area{

        position: relative;
        top: 0px;
        left: 50%;
        padding: 0px;
        width: 280px;
        height: 280px;
        margin: 15px 0px 15px -140px;
        overflow: hidden;

    }

    .popup--photo_area > img{

        width: 100%;

    }

    .popup--icon_area{

        position: absolute;
        bottom: 0px;
        left: 0px;
        padding: 0px;
        margin: 0px;
        list-style: none;
        width: 100%;
        text-align: center;

    }

    .popup--icon_area > .disable{

        opacity: 0.2;

    }

    .popup--icon_area > li{

        width: 40px;
        height: 40px;
        display: inline-block;

    }

    .popup--icon_area > li > img{

        width: 100%;

    }

    .popup--index_area{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 0px 10px 0px 10px;
        background-color: #f0f0f0;

    }

    .popup--index_title{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 0px;
        color: #fff;
        font-size: 13px;
        background-color: #1587ce;

    }

    .popup--index_title > p{

        padding: 5px 0px 3px 10px;
        margin: 0px;

    }

    .popup--index_text{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 0px;
        list-style: none;
        color: #000;

    }

    .popup--index_text > li{

        padding: 0px;
        margin: 5px 10px 5px 10px;
        font-size: 11px;

    }

    .popup--index_text > li:first-child{

        margin: 10px 10px 5px 10px;

    }

    .popup--index_text > li:last-child{

        padding: 0px 0px 10px 0px;

    }

    .popup--index_text > li > p{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 0px;
        float: left;
        color: #000;

    }

    .popup--lv_icon{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 0px;
        float: right;
        color: #fff;
        background-color: #ee3e1b;
        font-size: 9px;

    }

    .popup--lv_icon > p{

        padding: 0px;
        margin: 0px;

    }

    .popup--notice_area{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 10px 10px 0px 10px;
        color: #000;
        font-size: 12px;

    }

    .popup--notice_area > p{

        padding: 0px;
        margin: 0px;

    }















    /*=============================================*/
    /*============= KV AREA =============*/

    .kv_area{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 100px 0px 0px 0px;
        margin: 0px;
        width: 100%;

    }

    .inner_kv_area{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 0px;
        width: 100%;

    }

    .kv--title_area{

        position: relative;
        top: 0px;
        left: 50%;
        width: 200px;
        padding: 0px 0px 0px 0px;
        margin: 50px 0px 0px -100px;
        z-index: 100;

    }

    .kv--title_area > img{

        width: 100%;

    }















    /*=============================================*/
    /*============= MAIN CONTENTS AREA =============*/

    .main_contents_area{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 100px 0px 0px 0px;
        min-height: 200px;
        background:
                url("../asset/img/common/bg_hoshi.png")
                #ffcb15 repeat;

    }

    .inner_main_contents_area{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 20px 0px 70px 0px;
        margin: 0px;

    }

    .main_contents_area_border{

        position: absolute;
        top: -180px;
        width: 100%;
        height: 180px;
        padding: 0px;
        margin: 0px;
        background:
                url("../asset/img/common/main_contents_area_border_yellow.png")
                center repeat-x;
        background-size: cover;

    }














    /*=============================================*/
    /*============= MAIN CONTENTS AREA / LV NAV AREA=============*/

    .lv--nav_area{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 0px;
        width: 100%;

    }

    .lv--nav_list_area{

        position: relative;
        top: 0px;
        left: 50%;
        padding: 0px;
        margin-left: -500px;
        list-style: none;
        width: 1000px;
        text-align: center;

    }

    .lv--nav{

        padding: 0px;
        margin: 0px 4px 0px 4px;
        display: inline-block;
        background-color: #fff;
        color: #ff6b01;
        width: 130px;
        height: 50px;
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
        text-align: center;

    }

    .lv--nav_disable{

        padding: 0px;
        margin: 0px 4px 0px 4px;
        display: inline-block;
        background-color: #fff;
        color: #ff6b01;
        width: 130px;
        height: 50px;
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
        text-align: center;

    }

    .lv--nav_disable > p{

        padding: 0px;
        margin: 5px 0px 5px 0px;

    }

    .lv--nav:first-child {

        margin: 0px 4px 0px 0px;

    }

    .lv--nav:last-child{

        margin: 0px 0px 0px 4px;

    }

    .lv--nav_date{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 5px 0px 0px 0px;
        margin: 0px;
        font-size: 12px;

    }

    .lv--nav_date > p{

        padding: 0px;
        margin: 0px;
        min-height: 18px;

    }

    .lv--nav_title{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: -2px 0px 0px 0px;
        font-size: 16px;
        font-weight: bold;

    }

    .lv--nav_title > p{

        padding: 0px;
        margin: 0px;

    }

    .lv--nav_title > .disable{

        margin: 18px 0px 0px 0px;

    }































    /*=============================================*/
    /*============= LV BLOCK LIST AREA =============*/

    .lv--list_title{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px 0px 20px 0px;
        margin: 0 auto;
        width: 100%;
        text-align: center;
        vertical-align: middle;

    }

    .lv--list_title_icon{

        position: relative;
        top: 0px;
        left: 0px;
        display: inline-block;
        padding: 0px;
        margin: 0px;
        width: 70px;
        height: 70px;
        overflow: hidden;
        vertical-align: middle;

    }

    .lv--list_title_icon > img{

        width: 100%;

    }

    .lv--list_title > p{

        position: relative;
        top: 8px;
        left: 0px;
        padding: 0px;
        margin: 0px;
        display: inline-block;
        color: #000;
        font-size: 22px;
        text-align: left;
        font-weight: bold;

    }

    .lv--onair_title{

        position: relative;
        top: 0px;
        left: 50%;
        padding: 0px;
        background-color: #034d7d;
        color: #fff;
        font-weight: bold;
        font-size: 18px;
        text-align: center;
        width: 930px;
        margin: 0px 0px 10px -465px;


    }

    .lv--onair_title > p{

        padding: 5px 0px 5px 0px;
        margin: 0px;

    }

    .lv--list_area{

        position: relative;
        padding: 20px 20px 50px 20px;
        margin: 20px 0px 50px -500px;
        top: 0px;
        left: 50%;
        width: 960px;
        list-style: none;
        text-align: center;
        background-color: #fff;
        box-shadow: 5px 5px rgba(255, 162, 0, 0.8);


    }

    .lv--block_list_area{

        text-align: left;
        margin: 0px 0px 0px 10px;

    }




















}

















/*=============================================*/
/*=============================================*/
/*=============================================*/
/*=============================================*/
/* SP */
/* iphone - android */

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

    a:link, a:visited{

        text-decoration: none;
        color: #fff;

    }

    .pc-only{

        display: none;

    }















    #allwrap{}













    /*=============================================*/
    /*============= POPUP AREA =============*/


    .popup_wrap{

        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        padding: 0px;
        margin: 0px;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: 950;
        display: none;

    }

    .popup_area{

        position: absolute;
        width: 340px;
        margin-left: -170px;
        margin-top: 0px;
        padding: 0px 0px 20px 0px;
        top: 100px;
        left: 50%;
        background-color: #fff;
        z-index: 999;
        display: none;

    }

    .inner_popup_area{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 0px;

    }

    .popup--x_area{

        position: absolute;
        top: -10px;
        right: -10px;
        width: 25px;
        height: 25px;
        z-index: 999;

    }

    .popup--x_area > img{

        width: 100%;

    }

    .popup--title_area{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 0px;
        color: #000;
        background-color: #dfdfdf;
        text-align: center;
        font-weight: bold;

    }

    .popup--title_area > p{

        padding: 15px 0px 15px 0px;
        margin: 0px;

    }

    .popup--photo_area{

        position: relative;
        top: 0px;
        left: 50%;
        padding: 0px;
        width: 280px;
        height: 280px;
        margin: 15px 0px 15px -140px;
        overflow: hidden;

    }

    .popup--photo_area > img{

        width: 100%;

    }

    .popup--icon_area{

        position: absolute;
        bottom: 0px;
        left: 0px;
        padding: 0px;
        margin: 0px;
        list-style: none;
        width: 100%;
        text-align: center;

    }

    .popup--icon_area > .disable{

        opacity: 0.2;

    }

    .popup--icon_area > li{

        width: 40px;
        height: 40px;
        display: inline-block;

    }

    .popup--icon_area > li > img{

        width: 100%;

    }

    .popup--index_area{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 0px 10px 0px 10px;
        background-color: #f0f0f0;

    }

    .popup--index_title{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 0px;
        color: #fff;
        font-size: 13px;
        background-color: #1587ce;

    }

    .popup--index_title > p{

        padding: 5px 0px 3px 10px;
        margin: 0px;

    }

    .popup--index_text{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 0px;
        list-style: none;
        color: #000;

    }

    .popup--index_text > li{

        padding: 0px;
        margin: 5px 10px 5px 10px;
        font-size: 11px;

    }

    .popup--index_text > li:first-child{

        margin: 10px 10px 5px 10px;

    }

    .popup--index_text > li:last-child{

        padding: 0px 0px 10px 0px;

    }

    .popup--index_text > li > p{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 0px;
        float: left;
        color: #000;

    }

    .popup--lv_icon{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 0px;
        float: right;
        color: #fff;
        background-color: #ee3e1b;
        font-size: 9px;

    }

    .popup--lv_icon > p{

        padding: 0px;
        margin: 0px;

    }

    .popup--notice_area{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 10px 10px 0px 10px;
        color: #000;
        font-size: 12px;

    }

    .popup--notice_area > p{

        padding: 0px;
        margin: 0px;

    }















    /*=============================================*/
    /*============= KV AREA =============*/

    .kv_area{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 50px 0px 0px 0px;
        margin: 0px;
        width: 100%;

    }

    .inner_kv_area{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 0px;
        width: 100%;

    }

    .kv--title_area{

        position: relative;
        top: 0px;
        left: 50%;
        width: 200px;
        padding: 30px 0px 30px 0px;
        margin-left: -100px;
        z-index: 100;

    }

    .kv--title_area > img{

        width: 100%;

    }















    /*=============================================*/
    /*============= MAIN CONTENTS AREA =============*/

    .main_contents_area{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px 0px 120px 0px;
        margin: 0;
        min-height: 200px;
        background:
                url("../asset/img/common/bg_hoshi.png")
                #ffcb15 repeat;

    }

    .inner_main_contents_area{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 0px 10px 0px 10px;

    }

    .main_contents_area_border{

        position: absolute;
        top: -100px;
        width: 100%;
        height: 100px;
        padding: 0px;
        margin: 0px;
        background:
                url("../asset/img/common/article--border--sp.png")
                center repeat-x;
        background-size: cover;

    }















    /*=============================================*/
    /*============= MAIN CONTENTS AREA / LV NAV AREA=============*/

    .lv--nav_area{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 10px 0px 10px 0px;
        margin: 0px;
        width: 100%;

    }

    .lv--nav_list_area{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 20px 0px 20px 0px;
        margin: 0px 10px 0px 10px;
        list-style: none;
        text-align: center;

    }

    .lv--nav{

        padding: 0px;
        margin: 2px 0px 2px 0px;
        display: inline-block;
        background-color: #fff;
        color: #ff6b01;
        width: 100px;
        height: 40px;
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
        text-align: center;

    }

    .lv--nav_date{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 5px 0px 0px 0px;
        margin: 0px;
        font-size: 10px;

    }

    .lv--nav_date > p{

        padding: 0px;
        margin: 0px;

    }

    .lv--nav_title{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: -2px 0px 0px 0px;
        font-size: 14px;
        font-weight: bold;

    }

    .lv--nav_title > p{

        padding: 0px;
        margin: 0px;

    }

    .lv--nav_disable{

        padding: 0px;
        margin: 2px 0px 2px 0px;
        display: inline-block;
        background-color: #fff;
        color: #ff6b01;
        width: 100px;
        height: 40px;
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
        text-align: center;

    }

    .lv--nav_disable > p{

        padding: 0px;
        margin: 5px 0px 5px 0px;

    }































    /*=============================================*/
    /*============= LV BLOCK LIST AREA =============*/

    .lv--list_title{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 20px 0px 20px 0px;
        margin: 0 auto;
        width: 100%;
        text-align: center;
        vertical-align: middle;

    }

    .lv--list_title_icon{

        position: relative;
        top: 0px;
        left: 0px;
        display: inline-block;
        padding: 0px;
        margin: 0px;
        width: 50px;
        height: 50px;
        overflow: hidden;
        vertical-align: middle;

    }

    .lv--list_title_icon > img{

        width: 100%;

    }

    .lv--list_title > p{

        position: relative;
        top: 5px;
        left: 0px;
        padding: 0px;
        margin: 0px;
        display: inline-block;
        color: #000;
        font-size: 18px;
        text-align: left;
        font-weight: bold;

    }

    .lv--onair_title{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        background-color: #034d7d;
        color: #fff;
        font-weight: bold;
        font-size: 14px;
        text-align: center;
        margin: 0px 0px 10px 0px;


    }

    .lv--onair_title > p{

        padding: 5px 0px 5px 0px;
        margin: 0px;

    }

    .lv--list_area{

        position: relative;
        padding: 0px 10px 50px 10px;
        margin: 0px;
        top: 0px;
        left: 0px;
        list-style: none;
        text-align: left;
        background-color: #fff;
        box-shadow: 5px 5px rgba(255, 165, 0, 0.8);


    }




}

@media screen and (max-width: 400px){

    .lv--sns_bt{

        position: absolute;
        top: 0px;
        right: 0px;
        width: 20px;
        height: 20px;
        z-index: 10;
        margin: 5px;


    }

    .lv--sns_bt > img{

        width: 100%;

    }

    .lv--list_title > p{

        font-size: 15px;

    }

    .lv--list_title_icon{

        width: 40px;
        height: 40px;

    }


}