@charset "utf-8";

a:link, a:visited{

    text-decoration: none;
    color: inherit;

}


/* PC */

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

    #allwrap {
    }

    #container {
    }

    /*=============================*/
    /* PC lv area */
	.top_lv_area {
		position: relative;
		top: 0px;
		margin: 0 auto 10px;
		z-index: 100;
		padding-bottom: 10px;
	}
	
	.top_lv_title {
		margin: 0 auto;
		width: 550px;
		height: 120px;
	}
	
	.top_lv_title_today {
		margin: 0 auto;
		width: 550px;
		height: 120px;
	}
	
	.top_lv_bk {
		margin: 4px auto 0;
		background: rgba(0,0,0,0.7);
		width: 550px;
		height: 336px;
		text-align: center;
		padding: 5px 0;
		border-radius: 5px;
	}	
	.top_lv_bk.lvbanner {
		height: auto;
		width: 660px;
		background: none;
		margin-top: 40px;
		margin-bottom: 20px;		
	}		
	.top_lv_name {
		margin: 0 auto;
		width: 550px;
		height: 28px;
	}	
	
	.top_lv_area iframe {
		display: inline-block;
	}	
	
	.top_place_link_area {
		position: relative;
	}
	.top_place_link {
		position: absolute;
		top: -280px;
		right: -166px;
		width: 128px;
		height: 173px;		
	}

	.top_place_link.before {
		position: absolute;
		top: -218px;
	    right: -186px;
		width: 180px;
		height: 210px;		
	}
	
    /*=============================*/
    /* PC key visual area material */
    .kv_area {

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px 0px 100px 0px;
        margin: 75px 0px 0px 0px;
        width: 100%;
        background: url("../asset/img/common/kv_bg.png") top center no-repeat;
        background-size: cover;
        min-height: 500px;

    }
		
    .top_logo_area {

        position: relative;
        top: 0px;
        left: 0px;
        padding: 10px 0px 0px 0px;
        margin: 0 auto;
        z-index: 100;
        width: 440px;
        text-align: center;

    }

    .top_logo_area > img{

        width: 100%;

    }

    .top_txt_area {

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px 0px 0px 0px;
        margin: 0 auto;
        z-index: 100;
        width: 800px;
        text-align: center;

    }

    .top_txt_area > img{

        width: 100%;

    }
	
	
    .inner_top_logo_area {

        position: relative;
        top: 0px;
        left: 50%;
        width: 440px;
        margin: 10px 0px 0px -220px;
        padding: 10px 0px 0px 0px;

    }

    .inner_top_logo_area > img {

        width: 100%;

    }

    .main_contents_area_border {

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

    }

    .main_contents_area_border_dy {

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

    }

    /*=============================*/
    /* PC kv artist area material */
    .artist_area {

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

    }

    .inner_artist_area {

        position: relative;
        top: 0px;
        left: 50%;
        padding: 0px;
        margin-left: -300px;
        width: 600px;
        background-color: #fff;
        border-top: 16px solid #ff1339;
        box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.7);

    }

    .artist--title_area {

        position: absolute;
        top: -35px;
        left: 50%;
        padding: 0px;
        margin-left: -130px;
        width: 260px;

    }

    .artist--title_area > img {

        width: 100%;

    }

    .artist--place_area {

        position: relative;
        top: 0px;
        left: 0px;
        padding: 20px 0px 10px 0px;
        margin: 0px;
        color: #61464b;
        text-align: center;
        font-size: 25px;
        font-weight: bold;

    }

    .artist--place_area > p > .small {

        font-size: 18px;
        margin: 0px 0px 0px 10px;

    }

    .artist--place_area p {

        padding: 0px;
        margin: 0px;

    }

    .artist--pop_area {

        position: absolute;
        top: -60px;
        left: -30px;
        padding: 0px;
        margin: 0px;
        width: 125px;

    }

    .artist--pop_area > img {

        width: 100%;

    }

    .artist--icon_area {

        position: absolute;
        top: -70px;
        right: 10px;
        padding: 0px;
        margin: 0px;
        width: 130px;

    }
	
	.artist--icon_area.other_position {
		right: -10px !important;
	}

    .artist--icon_area > img {

        width: 100%;

    }

    .artist--thumb_area {

        position: relative;
        padding: 0px 0px 10px 0px;
		width: 70%;
        text-align: center;
		margin: 0 auto;
    }

	.artist--thumb_area.other_ar {
		width: 90%;
        text-align: center;
    }
    .artist--thumb_list {

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

    }

    .artist--thumb_list > li {

        display: inline-block;
        padding: 0px 2px 0px 2px;
        margin: 0px -3px 0px -3px;
        width: 50px;

    }

    .artist--thumb_list > li > img {

        width: 100%;

    }

    .artist--label_area {

        position: absolute;
        top: 100px;
        left: 30px;
        padding: 0px;
        margin: 0px;
        width: 50px;

    }

    .artist--label_area.other_ar {
        top: 100px;
        left: -10px;
	}
	
    .artist--label_area > img {

        width: 100%;

    }

    .artist--detail_label_area {

        position: absolute;
        bottom: 0px;
        right: 0px;
        padding: 0px;
        margin: 0px;
        width: 75px;

    }

    .artist--detail_label_area > img {

        width: 100%;
        vertical-align: bottom;

    }

    /*=============================*/
    /* PC kv place list area material */
    .pc--place_list_area {

        position: relative;
        top: 0px;
        left: 0px;
        padding: 30px 0px 0px 0px;
        margin: 0px;
        z-index: 100;

    }

    .inner_pc_place_list_area {

        position: relative;
        top: 0px;
        left: 50%;
        padding: 0px 10px 0px 10px;
        margin-left: -500px;
        width: 980px;
        height: 200px;
        background-color: rgba(0, 0, 0, 0.55);

    }

    .pc--place_map_area {

        position: absolute;
        top: 50%;
        left: 0px;
        padding: 0px;
        margin-top: -135px;
        display: inline-block;
        width: 260px;

    }

    .pc--place_map_area > img {

        width: 100%;

    }

    .pc--place_list_wrap {

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px 0px 0px 200px;
        margin: 0px;
        display: inline-block;
        width: 780px;

    }

    .pc--place_list {

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

    }

    .pc--place_list > li {

        padding: 0px;
        margin: 0px 0px 0px 0px;
        display: inline-block;
        width: 190px;
        height: 95px;

    }

    .pc--place_list_icon {

        position: relative;
        top: -10px;
        left: 0px;
        padding: 0px;
        margin-left: -40px;
        width: 100px;
        height: 115px;
        float: left;

    }

    .first-place{

        width: 125px;
        top: -35px;

    }

	.next-place {
		width: 125px;
		top: -30px;
		left: -17px;
	}	
	.hokkaido_menu_btn .next-place {
		left: -3px;
	}	
	.next-place-name {
		left: -24px !important;
	}
	.hokkaido_menu_btn .next-place-name {
		left: -12px !important;
	}
	
    .pc--place_list_icon > img {

        width: 100%;

    }

    .pc--place_list_title {

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin-left: -20px;
        width: 125px;
        height: 95px;
        float: left;

    }
	
    .pc--place_list_title .status_flag_area {
		height: 37px;
	}
	
    .pc--place_list_title .status_flag_area span.next,
	.pc--place_list_title .status_flag_area span.today {
        position: absolute;
		top: 14px;
		left: 3px;
		padding: 0px;
		margin: 0px;
		width: 80px;
		height: 27px;
        background-size: 100%;
	}
    .pc--place_list_title .status_flag_area span.next {
	    background-image: url("../asset/img/common/place--next_label.png");
		background-repeat: no-repeat;
	}
	
    .pc--place_list_title .status_flag_area span.today {
	    background-image: url("../asset/img/common/place--today_label.png");
		background-repeat: no-repeat;
	}
	
	.pc--place_list_title .place_name img {
		width: 100%;
	}
		
    .left-margin{

        left: 10px;

    }

    .pc--place_list_title img {

        vertical-align: middle;
        position: relative;

    }

    .icon_last{

        width: 170px;
        top: 26px;

    }


    .icon_last img{

        margin-top: 9px;
		width: 100%;

    }


    /*=============================*/
    /* PC news area material */
    .news_area {

        position: relative;
        top: 0px;
        left: 0px;
        padding: 20px 0px 100px 0px;
        margin: 0px;
        width: 100%;
        vertical-align: top;
        border-collapse: separate;
        border-spacing: 50px 0px;
        background: url("../asset/img/common/bg_hoshi.png") #ffcb15 repeat;

    }


    .article_border {

        position: absolute;
        top: -90px;
        left: 0px;
        padding: 0px;
        margin: 0px;
        width: 100%;
        height: 90px;
        display: flex;
        z-index: 200;
        background: url("../asset/img/common/article_border_yellow.png") no-repeat center;

        background-size: cover;

    }

    .news--article_border {

        position: absolute;
        top: -70px;
        left: 50%;
        padding: 0px;
        margin-left: -500px;
        width: 1000px;
        height: 80px;
        z-index: 200;
        background: url("../asset/img/common/article--border--news_pc.png") 100% no-repeat;

    }

    .inner_news_area {

        position: relative;
        top: 0px;
        left: 50%;
        margin-left: -500px;
        padding: 50px 10px 50px 10px;
        width: 980px;
        text-align: center;

    }

    .news--news_area {

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        width: 430px;
        display: table-cell;
        vertical-align: top;

    }

    .news--news_border_area{

        position: absolute;
        top: -60px;
        left: -40px;
        padding: 0px;
        margin: 0px;
        width: 80px;
        z-index: 10;

    }

    .news--news_border_area > img{

        width: 100%;

    }

    .inner_news--news_area {

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 0px 10px 0px 10px;
        background-color: #fff;
        text-align: center;
        box-shadow: 5px 5px rgba(255, 165, 0, 0.8);
        min-height: 180px;
        z-index: 20;

    }

    .news--title_area {

        position: absolute;
        top: -25px;
        left: 50%;
        padding: 0px;
        margin-left: -75px;
        width: 150px;

    }

    .news--title_area img {

        width: 100%;

    }

    .news--index_area {

        position: relative;
        top: 30px;
        left: 0px;
        padding: 0px 15px 30px 15px;
        margin: 0px 0px 0px 0px;
        list-style: none;
        max-height: 90px;
        overflow: hidden;
        overflow-y: auto;

    }

    .news--index_area > li {

        padding: 5px 0px 5px 0px;

    }

    .news--date {

        position: relative;
        float: left;
        padding: 0px;
        margin: 0px 15px 0px 15px;
        top: 0px;
        left: 0px;
        color: #000;
        font-size: 13px;
        min-width: 38px;
        text-align: left;

    }

    .news--date p {

        padding: 0px;
        margin: 0px;

    }

    .news--label {

        position: relative;
        float: left;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 0px;
        font-size: 12px;
        color: #fff;
        text-align: center;
		border-radius: 2px;

    }

    .news--label p {

        padding: 0px 10px 0px 10px;
        margin: -1px 0px 0px 0px;

    }
	
	.news--label.title_hokkaido p {

        padding: 0px 6px 0px 6px;

    }

    .news--title {

        position: relative;
        float: left;
        padding: 0px;
        margin: 0px 0px 0px 15px;
        top: 0px;
        left: 0px;
        color: #000;
        font-size: 12px;
        min-width: 60%;
        max-width: 60%;
        text-align: left;

    }

    .news--title > p > a:after {

/* 
		　　position: relative;
        content: "";
        background: url("../asset/img/common/recruit--next_bt.png") no-repeat;
        display: block;
        float: right;
        width: 15px;
        height: 15px;
        top: 2px;
        background-size: 100%;
*/
        position: absolute;
        content: "";
        background: url("../asset/img/common/recruit--next_bt.png") no-repeat;
        display: block;
        width: 15px;
        height: 15px;
        background-size: 100%;
		top: 50%;
		right: 0;
		margin-top: -7px;	
		
    }

    .news--title p {

        padding: 0px;
        margin: 0px;
        overflow: hidden;
        text-overflow: ellipsis;
		width: 93%;

    }

    .news--recruit_area {

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 70px 0px 0px 0px;
        width: 430px;
        display: table-cell;
        vertical-align: top;

    }

    .news--recruit_border_area{

        position: absolute;
        top: -70px;
        left: 0px;
        padding: 0px;
        margin: 0px;
        width: 100%;
        z-index: 10;

    }

    .news--recruit_border_area > img{

        width: 100%;

    }

    .news--recruit_border_area > img:first-child{

        float: left;
        width: 90px;
        top: 10px;
        left: 50px;
        position: relative;

    }

    .news--recruit_border_area > img:nth-child(2n){

        float: right;
        width: 130px;
        top: -5px;
        right: 20px;
        position: relative;

    }

    .inner_news--recruit_area {

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 0px 10px 0px 10px;
        background-color: #fff;
        text-align: center;
        box-shadow: 5px 5px rgba(255, 165, 0, 0.8);
        min-height: 180px;
        z-index: 20;

    }

    .recruit--title_area {

        position: absolute;
        top: -25px;
        left: 50%;
        padding: 0px;
        margin-left: -75px;
        width: 150px;

    }

    .recruit--title_area img {

        width: 100%;

    }

    .recruit--index_area {

        position: relative;
        top: 0px;
        left: 0px;
        padding: 30px 15px 30px 15px;
        margin: 0px;
        list-style: none;

    }

    .recruit--index_area li {

        padding: 5px 0px 5px 0px;

    }

    .recruit--date {

        position: relative;
        float: left;
        padding: 0px;
        margin: 0px 15px 0px 15px;
        top: 0px;
        left: 0px;
        color: #000;
        font-size: 13px;
        min-width: 30px;
        text-align: left;

    }

    .recruit--date p {

        padding: 0px;
        margin: 0px;

    }

    .recruit--title {

        position: relative;
        float: left;
        padding: 0px;
        margin: 0px 0px 0px 15px;
        top: 0px;
        left: 0px;
        color: #000;
        font-size: 12px;
        width: 230px;
        text-align: left;

    }

    .recruit--title p {

        padding: 0px;
        margin: 0px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 80%;
        position: relative;
        float: left;

    }

    .recruit--title:after {

        position: relative;
        content: "";
        background: url("../asset/img/common/recruit--next_bt.png") no-repeat;
        display: block;
        float: right;
        width: 15px;
        height: 15px;
        top: 2px;
        background-size: 100%;

    }

    .news--about_area {

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

    }


    .news--about_border{

        position: absolute;
        top: -63px;
        left: 50%;
        margin-left: -225px;
        width: 450px;
        z-index: 100;

    }

    .news--about_left_icon{

        float: left;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 0px;
        width: 100px;

    }

    .news--about_left_icon > img{

        width: 100%;

    }

    .news--about_right_icon{

        float: right;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 0px;
        width: 100px;

    }

    .news--about_right_icon > img{

        width: 100%;

    }

    .inner_news--about_area {

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

    }

    .about--title {

        position: absolute;
        top: -25px;
        left: 50%;
        padding: 0px;
        margin-left: -96px;
        width: 192px;

    }

    .about--title > img {

        width: 100%;

    }

    .about--main_area {

        position: relative;
        top: 0px;
        left: 0px;
        padding: 30px 50px 34px 50px;
        margin: 0 auto;
        text-align: center;

    }

    .about--text_area {

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 30px 0px 30px 0px;
        background-color: #fff;
        width: 430px;
        border-radius: 5px;
        display: inline-block;
        float: left;

    }

    .inner_about--text_area {

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 0px;
        color: #000;
        font-size: 15px;
        text-align: justify;
        text-justify: inter-ideograph;

    }

    .inner_about--text_area > p {

        margin: 30px 30px 30px 30px;

    }

    .inner_about--text_area > p > b {

        color: #fb0663;

    }

    .inner_about--text_area > ul {

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

    }

    .inner_about--text_area > ul > li {

        padding: 0px;
        margin: 0px;
        color: #fff;
        text-align: center;
        display: inline-block;
        width: 49%;
        border-radius: 5px;
        font-size: 16px;

    }

    .inner_about--text_area > ul > li > p {

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

    }

    .about--blue {

        background-color: #2dbdd8;

    }

    .about--orange {

        background-color: #ff6b01;

    }

    .about--movie_area {

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 30px 0px 30px 0px;
        display: inline-block;
        background-color: #000;
        width: 430px;
        border-radius: 5px;
        float: right;

    }

    .inner_about--movie_area {

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

    }

    /*=============================*/
    /* PC twitter area material */
    .twitter_area {

        position: relative;
        top: 0px;
        left: 0px;
        background-color: #3399ff;

    }

    .twitter--article_border {

        position: absolute;
        top: -80px;
        left: 0px;
        margin: 0px;
        width: 100%;
        height: 90px;
        background: url("../asset/img/common/article--border--twitter.png") 50% repeat-x;

    }

    .inner_twitter_area {

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

    }

    .twitter--body_area {

        position: relative;
        top: 0px;
        left: 50%;
        width: 980px;
        margin: 0px 10px 0px -490px;
        padding: 10px 0px 50px 0px;
        background-color: #fff;
        vertical-align: top;
        border-collapse: separate;
        border-spacing: 50px 0px;

    }

    .twitter--title_area {

        position: absolute;
        top: -25px;
        left: 50%;
        padding: 0px;
        margin: 0px 0px 0px -150px;
        width: 300px;
        z-index: 500;

    }

    .twitter--title_area > img{

        width: 100%;

    }
	
    .twitter--title_area iframe {

        width: 100%;

    }
	
	
    .twitter--tl_area {

        position: relative;
        display: table-cell;
        top: 0px;
        left: 0px;
        padding: 50px 0px 0px 0px;
        margin: 0px;
        overflow: hidden;
        width: 450px;
        text-align: center;
        vertical-align: top;

    }

    .twitter--bottom_area {

        position: relative;
        top: 0px;
        left: 0px;
        padding: 50px 0px 0px 0px;
        margin: 0px;
        display: table-cell;
        width: 450px;
        vertical-align: top;

    }

    .inner_twitter--bottom_area {

        position: relative;
        top: 0px;
        left: 0px;
        padding: 30px 0px 30px 0px;
        margin: 0px;
        background-color: #f2f2f2;

    }

    .twitter--catch_area {

        position: relative;
        top: 0px;
        left: 50%;
        padding: 0px;
        margin-left: -165px;
        width: 330px;

    }

    .twitter--catch_area > img {

        width: 100%;

    }

    .twitter--bt_area {

        position: relative;
        top: 0px;
        left: 50%;
        padding: 0px;
        margin-left: -180px;
        width: 360px;

    }

    .twitter--bt_area a img {

        width: 100%;

    }

    .twitter--bt_text_area {

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 5px 0px 0px 0px;
        text-align: center;

    }

    .twitter--bt_arrow {

        position: relative;
        top: 0px;
        left: 0px;
        float: left;
        padding: 0px;
        margin: 0px 0px 0px 45px;
        width: 23px;

    }

    .twitter--bt_arrow > img {

        width: 100%;

    }

    .twitter--bt_text {

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 0px;
        color: #000;
        float: left;
        font-size: 13px;
        width: 300px;
        text-align: justify;
        text-justify: inter-ideograph;

    }

    .twitter--bt_text > p {

        padding: 0px 0px 0px 20px;
        margin: 0px;

    }



    /* PC bg material */
    .ol_bg_area {

        position: absolute;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 0px;
        width: 100%;
        height: 100%;
        background: url("../asset/img/common/bg_dot.png") repeat;
        z-index: 1;

    }

    .cloud_1 {

        position: absolute;
        top: -130px;
        left: 5%;
        width: 250px;
        height: 200px;
        z-index: 300;
        background: url("../asset/img/common/cloud_1.png") no-repeat;
        background-size: cover;

    }

    .cloud_2 {

        position: absolute;
        top: -70px;
        right: 8%;
        width: 220px;
        height: 150px;
        z-index: 300;
        background: url("../asset/img/common/cloud_2.png") no-repeat;
        background-size: cover;

    }

    .cloud_3 {

        position: absolute;
        top: 78px;
        left: 10%;
        width: 160px;
        height: 110px;
        z-index: 300;
        background: url("../asset/img/common/cloud_3.png") no-repeat;
        background-size: cover;

    }

    .cloud_4 {

        position: absolute;
        top: 38px;
        right: 15%;
        width: 120px;
        height: 80px;
        z-index: 300;
        background: url("../asset/img/common/cloud_4.png") no-repeat;
        background-size: cover;

    }

}




















/*=============================================*/
/*=============================================*/
/*=============================================*/

/*=============================================*/
/* SP */

@media screen and (max-width: 767px){
    /* iphone - android */

    /*=============================*//**/
    /* init setting */

    .pc--place_list_area{

        display: none;

    }

    #allwrap{}

    /*=============================*//**/
    /* init setting */

    .pc_g_menu, .cloud_4,
    .lastyear_area, .pc--footer_banner_area,
    .pc--footer_menu_area, .news--place_area,
    .pc--scrolled_menu, .pc--opened_menu,
    .sponsor--bg_area, .fukidashi_2{

        display: none;

    }

    /* ------------ global menu area ------------*/
    /*------------------------*/

    /* global menu area material */

    .main_contents_area_border{

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

    }

    .main_contents_area_border_dy{

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

    }



    /*=============================*/
    /* PC lv area */

	.top_lv_area {
		position: relative;
		top: 10px;
		margin: 0 auto;
		z-index: 100;
		width: 100%;
	}
	.top_lv_area .top_lv_title > img{
		width: 100%;
	}
	.top_lv_area .top_lv_title_today > img{
		width: 100%;
	}	
	.top_lv_area .top_lv_name > img{
		width: 100%;
	}	
	.top_lv_bk {
		margin: 4px auto 0;
		background: rgba(0,0,0,0.7);
		width: 100%;
		text-align: center;
		padding: 5px 0;
		border-radius: 5px;
	}
	.top_lv_bk.lvbanner {
		background: none;
	}		
	.top_lv {
		margin: 0 5px;
	}
	
	.top_lv_name {
		margin: 0 auto;
		width: 100%;
	}	

    /* ------------ main container area ------------*/
    /*------------------------*/
    /* key visual area material */

    .kv_area{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px 0px 60px 0px;
        margin: 50px 0px 0px 0px;
        width: 100%;
        background: url("../asset/img/common/kv_bg.png") center center no-repeat;
        background-size: cover;
        min-height: 500px;

    }
	
    .top_logo_area{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 10px 45px 0px 45px;
        z-index: 100;

    }

    .top_logo_area > img{

        width: 100%;

    }
	
    .top_txt_area {

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px 0px 0px 0px;
        margin: 0 auto;
        z-index: 100;
        text-align: center;

    }

    .top_txt_area > img{

        width: 100%;

    }


    .inner_top_logo_area{

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

    }

    .inner_top_logo_area img{

        width: 100%;

    }

    .artist_area{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 50px 0px 0px 0px;
        z-index: 100;
        text-align: center;

    }

    .inner_artist_area{

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

    }

    .artist--title_area{

        position: relative;
        top: -18px;
        left: 0px;
        margin: 0 auto;
        padding: 0px;
        width: 60%;

    }

    .artist--title_area img{

        width: 100%;

    }

    .artist--place_area{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 10px 0px 15px 0px;
        margin: 0 auto;
        margin-top: -20px;
        font-size: 20px;
        font-weight: bold;
        color: #61464b;
		
    }
	
	.artist--place_area.other_place {
		padding: 5px 0px 10px 0px;		
		line-height: 1.2;
	}

    .artist--place_area > p{

        padding: 0px;
        margin: 0px;

    }

    .artist--place_area > p > .small{

        font-size: 16px;
        margin: 0px 0px 0px 10px;
        width: 100%;
        position: relative;
        text-align: center;
        padding: 0px;

    }

    .artist--pop_area{

        position: absolute;
        top: -40px;
        left: -8px;
        padding: 0px;
        margin: 0px;
        width: 20%;

    }

    .artist--pop_area img{

        width: 100%;

    }

    .artist--icon_area{

        position: absolute;
        top: -60px;
        right: 0px;
        padding: 0px;
        margin: 0px;
        width: 28%;

    }
	

    .artist--icon_area img{

        width: 100%;

    }

    .artist--thumb_area{

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

    }

    .artist--thumb_list{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 0px;
        text-align: center;
        list-style: none;
        letter-spacing: -.3em;
        z-index: 10;

    }

    .artist--thumb_list li{

        position: relative;
        display: inline-block;
        padding: 0px;
        margin: 0px;
        width: 45px;
        height: 45px;

    }

    .artist--thumb_list li img{

        width: 100%;

    }

    .artist--label_area{

        position: absolute;
        top: 40px;
        left: 10px;
        padding: 0px;
        margin: 0px;
        width: 45px;
        z-index: 1;

    }

    .artist--label_area > img{

        width: 100%;

    }

    .artist--detail_label_area{

        position: absolute;
        bottom: 0px;
        right: 0px;
        padding: 0px;
        margin: 0px;
        width: 45px;
        height: 30px;
        overflow: hidden;

    }

    .artist--detail_label_area img{

        width: 100%;
        position: relative;
        top: -2px;
        left: 0px;

    }


    .place_list_area{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px 0px 0px 0px;
        margin: 20px 0px 20px 14px;
        z-index: 100;
        list-style: none;

    }

    .inner_place_list_area{

        position: relative;
        top: 0px;
        left: 0px;
        margin: 10px 0px 0px 0px;
        padding: 0px;
        background-color: rgba(0, 0, 0, 0.5);

    }

    .sp--place_list_area{

        position: relative;
        top: 0px;
        left: 0px;
        margin: 0px 10px 0px 10px;
        z-index: 200;
        padding: 10px 0px 20px 0px;

    }

    .sp--place_list_wrap{

        position: relative;
        top: 0px;
        left: 0px;
        margin: 0px 5px 0px 15px;
        z-index: 200;
        padding: 10px 0px 20px 0px;

    }

    .sp--place_left_area{

        position: relative;
        top: 0px;
        left: 0px;
        float: left;
        padding: 0px;
        margin: 0px;
        width: 50%;
        list-style: none;

    }

    .sp--place_left_area > li{

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

    }

    .sp--place_left_area > li > a > img{

        width: 100%;

    }

    .sp--place_list_icon {

        position: absolute;
        top: 5px;
        left: 0px;
        padding: 0px;
        margin-left: -15px;
        width: 80px;
        float: left;

    }

    .sp--place_list_icon > img {

        width: 100%;

    }

    .first-place{

        width: 65%;
        margin-left: -30px;
        top: -16px;

    }

    .sp--place_list_title {

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin-left: 52px;
        width: 75%;
        float: left;

    }

    .sp--place_list_title > img {

        width: 100%;
        vertical-align: middle;
        position: relative;
        margin-top: 37px;

    }

    .end{

        margin-left: 0px;
        width: 155px;

    }

    .sp--place_right_area{

        position: relative;
        top: 0px;
        left: 0px;
        float: right;
        padding: 0px;
        margin: 0px;
        width: 50%;
        list-style: none;

    }

    .sp--place_right_area li{

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

    }

    .sp--place_right_area li img{

        width: 100%;

    }

    .place--next_label{

        position: absolute;
        top: 20px;
        left: 56px;
        padding: 0px;
        margin: 0px;
        width: 40px;
        height: 13px;
        background: url("../asset/img/common/place--next_label.png") no-repeat;
        background-size: 100%;

    }

    .ol_bg_area{

        position: absolute;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 0px;
        z-index: 10;
        width: 100%;
        height: 100%;
        background: url("../asset/img/common/bg_dot.png") repeat;
		z-index: 1;

    }

    /* news, recruit area material */

    .news_area{

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

    }

    .news--article_border{

        position: absolute;
        top: -70px;
        left: 50%;
        padding: 0px;
        margin-left: -500px;
        width: 100%;
        height: 80px;
        z-index: 200;
        background: url(../asset/img/common/article--border--news_pc.png) 100% no-repeat;

    }

    .news--article_border img{

        width: 100%;

    }

    .article_border{

        position: absolute;
        top: -90px;
        left: 0px;
        padding: 0px;
        margin: 0px;
        width: 100%;
        height: 90px;
        display: flex;
        z-index: 200;
        background: url(../asset/img/common/article_border_yellow.png) no-repeat center;
        background-size: cover;

    }

    .border--news{

        background: url("../asset/img/common/article--border--news.png") repeat-x;
        background-size: 100%;

    }

    .inner_news_area{

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

    }

    .news--news_area{

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

    }

    .inner_news--news_area{

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

    }

    .news--title_area{

        position: absolute;
        top: -20px;
        left: 50%;
        padding: 0px;
        margin-left: -60px;
        width: 120px;
		z-index: 2;

    }

    .news--title_area img{

        width: 100%;

    }

    .news--index_area{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 30px 10px 30px 10px;
        margin: 0px;
        list-style: none;
        max-height: 100px;
        overflow: hidden;
        overflow-y: auto;
		z-index: 1;
    }

    .news--index_area > li{

        padding: 5px 0px 5px 0px;

    }

    .news--date{

        position: relative;
        float: left;
        padding: 0px;
        margin: 0px 12px 0px 10px;
        top: 0px;
        left: 0px;
        color: #000;
        text-align: left;

    }

    .news--date p{

        padding: 0px;
        margin: 0px;
        min-width: 38px;

    }

    .news--label{

        position: relative;
        float: left;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 0px;
        color: #fff;
        text-align: center;
		border-radius: 2px;

    }

    .news--label p{

        padding: 0px 10px 0px 10px;
        margin: -1px 0px 0px 0px;

    }

	.news--label.title_hokkaido p {

        padding: 0px 7px 0px 7px;

    }
	
    .news--title{

        position: relative;
        float: left;
        padding: 0px;
        margin: 0px 0px 0px 0px;
        top: 0px;
        left: 0px;
        color: #000;
        text-align: left;
        width: 65%;

    }

    .news--title > p > a:after {

/* 
			position: relative;
			content: "";
			background: url("../asset/img/common/recruit--next_bt.png") no-repeat;
			display: block;
			float: right;
			width: 15px;
			height: 15px;
			top: 0px;
			background-size: 100%;
*/
        position: absolute;
        content: "";
        background: url("../asset/img/common/recruit--next_bt.png") no-repeat;
        display: block;
        width: 12px;
        height: 12px;
        background-size: 100%;
		top: 50%;
		right: 0;
		margin-top: -7px;	
		
    }

    .news--title p{

        padding: 0px;
        margin: 0px 0px 0px 10px;
        overflow: hidden;
        text-overflow: ellipsis;
		width: 93%;
		
    }

    .news--recruit_area{

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

    }

    .inner_news--recruit_area{

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

    }

    .recruit--title_area{

        position: absolute;
        top: -20px;
        left: 50%;
        padding: 0px;
        margin-left: -60px;
        width: 120px;

    }

    .recruit--title_area img{

        width: 100%;

    }

    .recruit--index_area{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 30px 10px 30px 10px;
        margin: 0px;
        list-style: none;

    }

    .recruit--index_area li{

        padding: 5px 0px 5px 0px;

    }

    .recruit--date{

        position: relative;
        float: left;
        padding: 0px;
        margin: 0px 12px 0px 10px;
        top: 0px;
        left: 0px;
        color: #000;
        text-align: left;

    }

    .recruit--date p{

        padding: 0px;
        margin: 0px;
        min-width: 30px;

    }



    .shiga{

        background-color: #48b1e6;

    }

    .kagoshima{

        background-color: #f67ea6;
        font-size: 11px;

    }

    .niigata{

        background-color: #4db878;

    }

    .aomori{

        background-color: #fda727;

    }



    .recruit--title{

        position: relative;
        float: left;
        padding: 0px;
        margin: 0px;
        top: 0px;
        left: 0px;
        color: #000;
        text-align: left;
        width: 63%;

    }

    .recruit--title p{

        padding: 0px;
        margin: 0px 0px 0px 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        float: left;
        width: 80%;

    }

    .recruit--title:after{

        position: relative;
        content: "";
        background: url("../asset/img/common/recruit--next_bt.png") no-repeat;
        display: block;
        float: right;
        width: 12px;
        height: 12px;
        top: 2px;
        background-size: 100%;

    }




































    .news--about_area{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 80px 0px 0px 0px;
        background-color: #ffa500;

    }

    .news--about_border{

        position: absolute;
        top: -50px;
        left: 0px;
        padding: 0px;
        margin: 0px;

    }

    .news--about_left_icon{

        float: left;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 0px;
        width: 100px;

    }

    .news--about_left_icon > img{

        width: 100%;

    }

    .news--about_right_icon {

        float: right;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 0px;
        width: 100px;

    }

    .news--about_right_icon > img{

        width: 100%;

    }

    .inner_news--about_area{

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

    }

    .about--title{

        position: absolute;
        top: -20px;
        left: 50%;
        padding: 0px;
        margin-left: -77px;
        width: 154px;

    }

    .about--title > img{

        width: 100%;

    }

    .about--main_area{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 30px 0px 34px 0px;
        margin: 0 auto;
        text-align: center;

    }

    .about--text_area{


        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 30px 0px 30px 0px;
        background-color: #fff;
        width: 100%;
        border-radius: 5px;
        display: inline-block;
        float: left;

    }

    .inner_about--text_area{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 0px;
        color: #000;
        text-align: justify;
        text-justify: inter-ideograph;
        font-size: 1.3em;

    }

    .inner_about--text_area > p{

        margin: 30px 30px 30px 30px;

    }

    .inner_about--text_area > p > b{

        color: #fb0663;

    }

    .inner_about--text_area > ul{

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

    }

    .inner_about--text_area > ul > li{

        padding: 0px;
        margin: 0px;
        color: #fff;
        text-align: center;
        display: inline-block;
        width: 49%;
        border-radius: 5px;
        font-size: 1.2em;

    }

    .inner_about--text_area > ul > li > p{

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

    }

    .about--blue{

        background-color: #2dbdd8;

    }

    .about--orange{

        background-color: #ff6b01;

    }

    .about--movie_area{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 30px 0px 30px 0px;
        display: inline-block;
        background-color: #000;
        width: 100%;
        border-radius: 5px;
        float: right;

    }

    .inner_about--movie_area{

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

    }

























    /* twitter area material */

    .twitter_area{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 0px;
        background-color: #3399ff;

    }

    .twitter--article_border{

        position: absolute;
        top: -60px;
        left: 0px;
        margin: 0px;
        width: 100%;
        height: 90px;
        background: url("../asset/img/common/article--border--twitter.png") 50% repeat-x;

    }

    .inner_twitter_area{

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

    }

    .twitter--body_area{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 0px 10px 0px 10px;
        background-color: #fff;
        min-height: 200px;

    }

    .twitter--title_area{

        position: absolute;
        top: -25px;
        left: 50%;
        padding: 0px;
        margin-left: -137px;
        width: 275px;
        z-index: 200;

    }

    .twitter--title_area > img{

        width: 100%;

    }
	
    .twitter--title_area iframe {

        width: 100%;

    }
	
    .twitter--tl_area{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 40px 0px 0px 0px;
        margin: 0 auto;
        width: 80%;
        text-align: center;

    }

    .twitter--bottom_area{

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

    }

    .twitter--catch_area{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 0 auto;
        text-align: center;
        width: 80%;

    }

    .twitter--catch_area > img{

        width: 100%;

    }

    .twitter--bt_area{

        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 0 auto;
        text-align: center;

    }

    .twitter--bt_area a img{

        width: 100%;

    }

    .twitter--bt_text_area{

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

    }

    .inner_twitter--bt_text_area{

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

    }

    .twitter--bt_arrow{

        position: relative;
        float: left;
        top: 0px;
        left: 0px;
        width: 10%;
        margin: 0px 0px 0px 5px;

    }

    .twitter--bt_text{

        position: relative;
        top: 0px;
        left: 0px;
        float: left;
        padding: 0px;
        margin: 0px 0px 0px 20px;
        text-align: justify;
        text-justify: inter-ideograph;
        width: 75%;
        font-size: 1.1em;

    }

    .twitter--bt_text > p{

        padding: 0px;
        margin: 0px;

    }


















    /* SP bg material */

    .cloud_1{

        position: absolute;
        top: -26px;
        right: 5%;
        width: 120px;
        height: 96px;
        z-index: 150;
        background: url("../asset/img/common/cloud_1.png") no-repeat;
        background-size: cover;

    }

    .cloud_2{

        position: absolute;
        top: 22px;
        left: -10%;
        width: 118px;
        height: 80px;
        z-index: 150;
        background: url("../asset/img/common/cloud_2.png") no-repeat;
        background-size: cover;


    }

    .cloud_3{

        position: absolute;
        top: 630px;
        left: 3%;
        width: 120px;
        height: 83px;
        z-index: 300;
        background: url("../asset/img/common/cloud_3.png") no-repeat;
        background-size: cover;

    }
	
	.top_lv iframe {
		width: 360px;
	}	
	.sp--link_before_area {
		position: relative;		
		z-index: 200;
	}
	.before_link_btn {
		text-align: center;
		margin-top: 15px;
	}
	.before_link_btn a {
		display: block;
	}	
	.before_link_btn img {
		width: 90%;

	}

}





/* under 350px */


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

    .inner_artist_area{

        padding: 0px 0px 30px 0px;

    }

    .sp--place_list_wrap{

        margin: 0px 5px 0px 5px;

    }

    .news--title{

        width: 60%;

    }
	
	.top_lv iframe {
		width: 300px;
	}	

}