@charset "UTF-8";
/*-------  top  --------*/



img[src$="_sp.jpg"],
img[src$="_sp.png"] {
	display: none;
}

.sp {
	display: none;
}

@media only screen and (max-width:754px) {
	body {
		/*font-size: calc(100vw * 24 / 640);*/
	}
	img[src$="_sp.jpg"],
	img[src$="_sp.png"] {
		display: inline-block;
	}
	img[src$="_sp.jpg"] + img,
	img[src$="_sp.png"] + img {
		display: none;
	}
	.pc {
		display: none;
	}
	.sp {
		display: inline-block !important;
	}
}


.logoTitle_top {
    width: 100%;
    height: 480px;
    background-image: url(../images/logo_back.jpg);
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;
}

.logoTitle {
    width: 100%;
    height: 400px;
    background-image: url(../images/logo_back.jpg);
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}



@media screen and (max-width: 754px) {
	.logoTitle_top {
		height: auto;
		padding: 80px 0;
	}
	.logoTitle_top img {
		width: 60%;
	}

    .logoTitle .logo{
        width: 70%;
		text-align: inherit;
    }
    .logoTitle .logo img{
        width: 100%;
    }
	.logoTitle {
		height: auto;
		padding: 80px 0;
	}
}


.bnr_box {
    max-width: 1100px;
    margin: 2em auto;
}
.bnr_box img{
    width: 100%;
}
.main .mbox1 {
    max-width: 1200px;
    margin: 0 auto;
}
.main .mbox1 img{
    width: 100%;
}
/*@media screen and (max-width: 754px) {
    .main .mbox1 {
        width: 90%;
		margin-left: 5%;
		margin-top: 30px;
    }
}*/


.main .mbox2 {
    width: 1125px;
	background: url("../images/backimg.jpg");
	background-repeat: repeat-y;
    margin: 0 auto;
	line-height: 0;
}

.main .mbox3 {
    max-width: 1135px;
    margin: 0 auto;
	padding-top: 80px;
}
.main .mbox3 img{
    width: 100%;
}

.main .mbox4 {
    max-width: 1135px;
	margin-top: 45px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 80px;
	/*background-image: url("../images/performance_txt02.png");
	background-repeat: no-repeat;
	padding-bottom: 300px;
	position: absolute;*/
}
.main .mbox4 img{
    width: 100%;
}

.main .mbox4 .snowmiku {
	/*position: relative;*/
	width: 100%;
}

.main .bn_img {
    max-width: 1280px;
    margin: 0 auto;
	padding-bottom: 10px;
}
.main .bn_img img{
    width: 100%;
}


.main .bn_txt {
    max-width: 1280px;
    margin: 0 auto;
	font-size: 30px;
	color: #fff;
	text-align: center;
	padding-bottom: 80px;
}

.main .bn_txt a{
	color:#ffffff;
text-decoration: underline;
}

.main .bn_txt a:hover{
	color:#fff000;
	text-decoration: underline;
} 
.main .bn_txt .red_txt {
    color: #ff8484;
}

@media screen and (max-width: 754px) {
    .main .mbox1 {
        width: 90%;
		margin-left: 5%;
		margin-top: 30px;
    }
	.main .mbox2 {
		width: 100%;
		background-size:contain;
	}
	.main .mbox2 img {
		width: 100%;
	}
	
	.main .mbox3 {
        width: 100%;
		margin-top: 0px;
    }
	
	.main .mbox3 img {
		width: 100%;
	}
    
    .main .bn_img {
        width: 100%;
		margin-top: 0px;
    }
	
	.main .bn_txt {
        width: 100%;
		font-size: 13px;
		padding-bottom: 0px;
		margin-bottom: 60px;
    }
	
	.main .mbox4 {
    width: 100%;
	margin-top: 45px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
	/*background-image: url("../images/performance_txt02_sp.png");
	background-repeat: no-repeat;
	padding-bottom: 200px;
	position: absolute;*/
}
	
	.main .mbox4 img{
    width: 100%;
}

.main .mbox4 .snowmiku {
	/*position: relative;*/
	width: 100%;
}
}







/*---------------
	twitter box
---------------*/
#wrap .twbox{
	max-width:960px;
	margin:100px auto 50px auto;
}

#wrap .tline{
	max-width: 960px;
	height: 53px;
	background: url("../images/t_line.png");
	background-repeat: repeat-x;
}

#wrap .twbox .box {
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
	background-color:#000;
	text-align:center;
}
#wrap .twbox h2{
	text-align: center;
	margin-bottom: 25px;
	padding-top: 20px;
}


.main .twbox {
    text-align: center;
}
.main .bnr_contact {
    text-align: center;
    margin-top: 50px;
}


@media screen and (max-width: 754px) {
	#wrap .twbox{
		width:100%;
		margin-top: 0px;
	}

	#wrap .tline{
		width:100%;
	}

	#wrap .twbox .box {
		width:100%;
	}
	.main .twbox img {
		width:50%;
	}
	.main .bnr_contact img {
		width:90%;
	}
}