@media (min-width: 1025px) {/* 1025px以上*/
    h1 {
        font-size: 8rem;/* 80px*/
    }

}
@media screen and (max-width : 1200px ){/* 1200px以下*/
	main .title h1 {
		width: 100%;
	}
	.container {
		width: 90%;
	}
}
@media screen and (max-width : 940px ){/* 940px以下*/
	header .container ul {
		font-size: 14px;
	}
	main .result .result_list {
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}
	main .result .result_list .artist_con {
		width: 100%;
	}
}
@media screen and (max-width : 860px ){/* 860px以下*/
	header .container ul {
		font-size: 12px;
	}
}
@media screen and (max-width : 770px ){/* 770px以下*/
	header .container img {
		height: 100%;
		width: 60%;
	}
	header .container ul {
		position: absolute;
		top: 0;
		left: -40%;
		display: block;
		width: 40%;
		height: 100vh;
		background: rgba(112,112,112,0.9);
		transition: .7s;
		padding-top: 80px;
	}
	header .container ul li a {
		display: inline-block;
		transform: skewX(0);
	}
	header .container ul li {
		list-style-type: none;
		font-size: 12px;
	}
	header .container ul li a {
		display: block;
		text-decoration: none;
		color: #fff;
		margin: 0 15px;
		padding: 10px;
		transition: .5s;
	}
	
	header .container ul li a:hover {
		color: #707070;
		background: rgba(255,255,255,0.9);
		border-bottom: none;
	}
	header .container ul li a.link-current {
		background: rgba(255,255,255,0.9);
		color: #707070;
		border-bottom: none;
	}
	header .container #hamburger {
		display: block;
		position: absolute;
		top: 40px;
		left: 30px;
		width: 25px;
		height: 22px;
		cursor: pointer;
		transition: 1s;
	}
	.inner_line {
		display: block;
		position: absolute;
		left: 0;
		width: 25px;
		height: 2px;
		background-color: #707070;
		transition: 1s;
		border-radius: 4px;
	}
	#line1 {
		top: 0;
	}
	#line2 {
		top: 10px;
	}
	#line3 {
		bottom: 0px;
	}
	.in{
		transform: translateX(100%);
	}
	.line_1,.line_2,.line_3{
		background: #fff;
	}
	.line_1 {
		transform: translateY(10px) rotate(-45deg);
		top: 0;
	}
	.line_2 {
		opacity: 0;
	}
	.line_3 {
		transform: translateY(-10px) rotate(45deg);
		bottom: 0;
	}
	main .overview .last-year p img {
	width: 100%;
	}
	main .message .comment .comment-body:before {
		display: block;
		margin: 0 -1rem 0.5rem -1rem;
		padding: 0.5rem;
		text-align: center;
	}
	main .message .comment .comment-body .comment-body-contents {
		display: block;
	}
	main .message .comment .comment-body .comment-body-contents p {
		width: 100%;
	}
	main .message .comment .comment-body .comment-body-contents .comment-img {
		width: 50%;
		margin: 0 auto 3rem;
	}
}
@media screen and (max-width : 700px ){/* 700px以下*/
	main .intro h2 .br1 {
		display: block;
	}
	main .message .comment h4 {
		top: 0;
		padding: 0rem 1rem;
	}
	footer p br.br3 {
		display: block;
	}
}
@media screen and (max-width : 650px ){/* 650px以下*/
	.container {
		width: 95%;
		height: inherit;
		margin: 0 auto;
	}
	main .title .container {
		width: 100%;
	}
	main .title h1 {
		width: 100%;
	}
	main .overview, main .message, main .result {
		padding: 5rem 0;
	}
	footer {
		padding: 5rem 0 3rem;
	}
	footer p {
		margin: 3rem 0 0;
	}
	footer .footer-logo {
		margin: 5rem 0 3rem;
	}
}
@media screen and (max-width : 610px ){/* 610px以下*/
	main .intro h4 {
		font-size: 95%;
	}
	main .overview .last-year p br {
		display: block;
	}
	main .overview .last-year .YT_cap:before, main .overview .last-year .YT_cap:after {
		height: 6rem;
	}
	main .message .comment .comment-body:before {
		white-space: pre;
	}
}
@media screen and (max-width : 505px ){/* 505px以下*/
	main .message .comment {
		padding: 5rem 2rem;
	}
	main .message .comment .comment-body .comment-body-contents .comment-img {
		width: 80%;
	}
	main .result .result_list .artist_con h4:after {
		left: -50px;
		width: 100px;
	}
	main .result .result_list .artist_con h4 span.artist_num {
		padding: 1rem 1.2rem;
	}
}
@media screen and (max-width : 480px ){/* 480px以下*/
	main .intro h2 .br2 {
		display: block;
	}
}
@media screen and (max-width : 440px ){/* 440px以下*/
	main .intro h2 .br2 {
		display: block;
	}
}
@media screen and (max-width : 427px ){/* 427px以下*/
	main .YT_btn a {
		font-size: 13px;
	}
}
@media screen and (max-width : 430px ){/* 430px以下*/
	main .title {
		height: 60vh;
	}
	main .intro {
		height: 40vh;
	}
	footer h3 {
		font-size: 90%;
	}
}
@media screen and (max-width : 338px ){/* 338px以下*/
	main .intro h4 {
		font-size: 80%;
	}
}