@charset "UTF-8";

#main {
}

#main #top {
	background:#000;
	margin-left:-2.5px;
	width:1005px;
	height: 624px;
	text-align:center;
}

#main #top .slide {
	font-size:0;
}

#main #top .slide img {
	height:222px;
}

#main #menu li a {
	font-family: 'Teko', sans-serif;
	    text-align: center;
    line-height: 55px;
    font-size: 23px;
    letter-spacing: 0;
    color: #fff;
    padding: 0 17px;
    font-weight: bold;
}









#main #logo {
	display:block;
	margin:0px auto 30px;
}

#main #top h1 {
	font-size:30px;
	line-height:63px;
	width:672px;
	border-bottom:4px solid #009DE1;
	margin:0 auto 13px;
	color:#fff;
	font-weight:bold;
}

#main #top h3 {
	font-size:32px;
	line-height:1.5em;
	height:105px;
	margin:0 auto;
	color:#fff;
	font-weight:bold;
	border:none;
}

#main #interview #special h2 {
	font-family: 'Teko', sans-serif;
	font-size: 42px;
	line-height:1em;
	color:#fff;
	border-bottom: 2px solid #99e1ff;
	text-align:left;
	margin:0;
	padding:27px 0 0 25px;
	letter-spacing:0;
width:520px;
}

#main #interview #special h2 span {
	color:#99e1ff;
}

#main #interview #special h1 {
	margin:0;
	padding:20px 0 15px 25px;
	font-size:60px;
	font-family: 'Noto Sans JP', sans-serif;
	line-height:1em;
	font-weight:bold;
	color:#fff;
	letter-spacing: 0.4em;
}

#main #interview #special h4 {
	margin:0;
	padding:0 0 0 25px;
	font-size:18px;
	line-height:28px;
	font-weight:bold;
	color:#99e1ff;
}

#main #interview #special h3 {
	margin:0;
	padding:4px 0 14px 25px;
	font-size:24px;
	line-height:1.5em;
	font-weight:bold;
	color:#fff;
}

#main #interview #special img {
	position:absolute;
	top:0;
	left:0px;
    z-index: -1;
}

#main #interview #special .arrow a {
	background:#99e1ff;
	color:#000 !important;
	font-weight:bold;
}

#main #interview #special .arrow a:hover {
	background:#000;
	color:#99e1ff !important;
}







#main #recommend #special h2 {
	font-family: 'Teko', sans-serif;
	font-size: 42px;
	line-height:1em;
	color:#fff;
	border-bottom: 2px solid #99e1ff;
	text-align:left;
	margin:0;
	padding:27px 0 0 0px;
	letter-spacing:0;
width:520px;
}

#main #recommend #special h2 span {
	color: #008306;
}

#main #recommend #special h1 {
    margin: 0;
    padding: 100px 13px 18px 33px;
    font-size: 42px;
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1em;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: 0.05em;
    text-align: left;
}

#main #recommend #special h4 {
    margin: 0;
    padding: 14px 13px 14px 35px;
    font-size: 18px;
    line-height: 1.7em;
    font-weight: bold;
    color: #ffffff;
    text-align: left;
    letter-spacing: 0.02em;
}

#main #recommend #special h4 span {
    margin: 0;
    padding: 0px 0px 0px 5px;
    font-size: 29px;
    line-height: 1.5em;
    font-weight: bold;
    color: #000;
	letter-spacing: -0.08em;
}

#main #recommend #special img {
    position: absolute;
    top: 105px;
    left: 0px;
    z-index: -1;
}

#main #recommend #special .arrow a {
    background: #ffffff;
    color: #008306 !important;
    font-weight: bold;
}

#main #recommend #special .arrow a:hover {
    background: #ffffff;
    color: #0eee00 !important;
    font-weight: bold;
}

#main #recommend #special .arrow {
    margin: 12px 0 0 0px;
    display: flex;
    justify-content: left;
}


#main #about h3 {
	position:relative;
	background:#7f0af1;
	margin:0;
	padding: 7px 0 7px 0;
	font-size:24px;
	line-height:50px;
	font-weight:bold;
	color:#fff;
	text-align:center;
}



#main #about h3:before {
	content: "";
	position: absolute;
	width:0;
	height:0;
	left:50%;
	margin-left:-20px;
	bottom:-20px;
    border-top: 20px solid #7F0AF1;
	border-left:20px solid transparent;
	border-right:20px solid transparent;
}





#main #interview #pickup {
	font-size:0;
}

#main #interview #pickup h2 {
	font-family: 'Teko', sans-serif;
	font-size: 42px;
	line-height:1em;
	color:#fff;
	text-align:center;
	margin:0;
	padding:27px 0 0 25px;
	letter-spacing:0;
	background: #000;
}

#main #interview #pickup h3 {
	position:relative;
	background:#009DE1;
	margin:0;
	padding: 7px 0 7px 0;
	font-size:23px;
	line-height:1.5em;
	font-weight:bold;
	color:#fff;
	text-align:center;
}

#main #interview #pickup h3:before{
	content: "";
	position: absolute;
	width:0;
	height:0;
	left:50%;
	margin-left:-20px;
	bottom:-20px;
	border-top:20px solid #009DE1;
	border-left:20px solid transparent;
	border-right:20px solid transparent;
}











#main #recommend #special {
	font-size:0;
	margin-bottom:-34px
}

#main #recommend #special h2 {
	font-family: 'Teko', sans-serif;
	font-size: 42px;
	line-height:1em;
	color:#fff;
	text-align:center;
	margin:0;
	padding:27px 0 0 25px;
	letter-spacing:0;
	background: #000;
	    width: 100%;
	    border: 0;
}

#main #recommend #special h3 {
    position: relative;
    background: #008306;
    margin: 0;
    padding: 7px 0 7px 0;
    font-size: 23px;
    line-height: 1.5em;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

#main #recommend #special h3:before{
content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    margin-left: -20px;
    bottom: -20px;
    border-top: 20px solid #008306;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    z-index: 1;
}





















#main #interview #pickup1 h4 {
	color:#00C8D2;
}

#main #interview #pickup1 .arrow a {
	background:#00C8D2;
	color:#fff !important;
	font-weight:bold;
}

#main #interview #pickup1 .arrow a:hover {
	background:#000;
	color:#00C8D2 !important;
}

#main #interview #pickup1 .arrow a:before {
	border-left: 20px solid #ff4f76;
}

#main #interview #pickup2 h4 {
	color:#c7a900;
}

#main #interview #pickup2 .arrow a {
	background:#c7a900;
	color:#fff !important;
	font-weight:bold;
}

#main #interview #pickup2 .arrow a:hover {
	background:#000;
	color:#c7a900 !important;
}



#main #interview #pickup3 h4 {
	color:#d8465c;
}

#main #interview #pickup3 .arrow a {
	background:#d8465c;
	color:#fff !important;
	font-weight:bold;
}

#main #interview #pickup3 .arrow a:hover {
	background:#000;
	color:#d8465c !important;
}


#main #interview #pickup4 h4 {
	color:#DC9B55;
}

#main #interview #pickup4 .arrow a {
	background:#DC9B55;
	color:#fff !important;
	font-weight:bold;
}

#main #interview #pickup4 .arrow a:hover {
	background:#000;
	color:#DC9B55 !important;
}

#main #interview #pickup4 .arrow a:before {
	border-left: 20px solid #DC9B55;
}

#main #interview #pickup5 h4 {
	color:#00C8FF;
}

#main #interview #pickup5 .arrow a {
	background:#00C8FF;
	color:#fff !important;
	font-weight:bold;
}

#main #interview #pickup5 .arrow a:hover {
	background:#000;
	color:#00C8FF !important;
}

#main #interview #pickup5 .arrow a:before {
	border-left: 20px solid #00C8FF;
}


#main #interview #pickup .article_wide, #main #big_up_qrates .article_wide{
	display:inline-block;
	width:50%;
	height:260px;
	position:relative;
	z-index:0;
}


#main #recommend_archives .article_wide {
	    display: inline-block;
    width: 50%;
    height: 260px;
    position: relative;
    z-index: 0;
    border-bottom: solid 1px #000;
}

#main #interview #pickup .article, #main #big_up_qrates .article, #main #recommend_archives .article {
	    display: inline-block;
    width: 50%;
    height: 540px;
    position: relative;
    z-index: 0;
}

#main #interview #pickup #pickup3, #main #interview #pickup #pickup4, #main #big_up_qrates1, #main #big_up_qrates2, #main #big_up_qrates5, #main #recommend_archives {
	background:#eee;
}

#main #interview #pickup .article_wide .image, #main #big_up_qrates .article_wide .image, #main #recommend_archives .article_wide .image {
	background:#000;
	width:500px;
	margin:0 0 0 0;
}

#main #interview #pickup .article_wide img, #main #big_up_qrates .article_wide img, #main #recommend_archives .article_wide img {
	width:500px;
}

#main #interview #pickup .article .image, #main #big_up_qrates .article .image, #main #recommend_archives .article .image {
	background:#000;
	width:450px;
	margin:25px auto 0;
}

#main #interview #pickup .article img, #main #big_up_qrates .article img, #main #recommend_archives .article img {
	width:100%;
}



#main #big_up_qrates .article_wide h1 {
	font-family: 'Noto Sans JP', sans-serif;
	margin:0;
	padding:30px 0 10px 25px;
	font-size:33px;
	line-height:44px;
	font-weight:bold;
	color:#ed7c00;
	text-align:left;
}


#main #recommend_archives .article_wide h1 {
	    font-family: 'Noto Sans JP', sans-serif;
    margin: 0;
    padding: 18px 0 10px 25px;
    font-size: 35px;
    line-height: 44px;
    font-weight: bold;
    color: #e94818;
    text-align: left;
}


#main #interview #pickup .article h1, #main #big_up_qrates .article h1, #main #recommend_archives .article h1 {
	font-family: 'Noto Sans JP', sans-serif;
	margin:0;
	padding:15px 0 10px 25px;
	font-size:48px;
	line-height:1em;
	font-weight:bold;
	color:#000;
	text-align:left;
}

#main #big_up_qrates .article h4, #main #big_up_qrates{
	margin:0;
	padding:0 0 0px 0px;
	font-size:18px;
	line-height:21px;
	font-weight:bold;
	background:transparent;
	text-align:left;
}

#main #recommend_archives .article h4, #main #recommend_archives{
	margin:0;
	padding:0 0 0px 0px;
	font-size:18px;
	line-height:21px;
	font-weight:bold;
	background:transparent;
	text-align:left;
}


#main #interview #pickup .article h4, #main #interview #pickup .article_wide h4, #main #big_up_qrates .article_wide h4 {
	margin:0;
	padding:0 0 6px 25px;
	font-size:22px;
	line-height:33px;
	font-weight:bold;
	background:transparent;
	text-align:left;
}




#main #recommend_archives .article_wide h4 {
	    margin: 0;
    padding: 0 0 10px 25px;
    font-size: 19px;
    line-height: 31px;
    font-weight: bold;
    background: transparent;
    text-align: left;
}






#main #big_up_qrates1 h4 {
	color:#000 !important;
}

#main #big_up_qrates1 span {
	color:#9993c7 !important;
}

#main #big_up_qrates1 .arrow a {
	background:#ed7c00;
	color:#fff !important;
	font-weight:bold;
}

#main #big_up_qrates1 .arrow a:hover {
	background:#000;
	color:#9993c7 !important;
}

#main #big_up_qrates1 .arrow a:before {
	border-left: 20px solid #ed7c00;
}






#main #recommend_archives .arrow a {
	background:#e94818;
	color:#fff !important;
	font-weight:bold;
}

#main #recommend_archives .arrow a:hover {
	background:#000;
	color:#e94818 !important;
	font-weight:bold;
}


#main #recommend_archives .arrow a:before {
	border-left: 20px solid #e94818;
}





#main #big_up_qrates2 h4 {
	color:#00C8E6 !important;
}

#main #big_up_qrates2 .arrow a {
	background:#00C8E6;
	color:#fff !important;
	font-weight:bold;
}

#main #big_up_qrates2 .arrow a:hover {
	background:#000;
	color:#00C8E6 !important;
}

#main #big_up_qrates2 .arrow a:before {
	border-left: 20px solid #00C8E6;
}

#main #big_up_qrates3 h4 {
	color:#D22832 !important;
}

#main #big_up_qrates3 .arrow a {
	background:#D22832;
	color:#fff !important;
	font-weight:bold;
}

#main #big_up_qrates3 .arrow a:hover {
	background:#000;
	color:#D22832 !important;
}

#main #big_up_qrates3 .arrow a:before {
	border-left: 20px solid #D22832;
}

#main #big_up_qrates4 h4 {
	color:#8CA07D !important;
}

#main #big_up_qrates4 .arrow a {
	background:#8CA07D;
	color:#fff !important;
	font-weight:bold;
}

#main #big_up_qrates4 .arrow a:hover {
	background:#000;
	color:#8CA07D !important;
}

#main #big_up_qrates4 .arrow a:before {
	border-left: 20px solid #8CA07D;
}

#main #big_up_qrates5 h4 {
	color:#C35A82 !important;
}

#main #big_up_qrates5 .arrow a {
	background:#C35A82;
	color:#fff !important;
	font-weight:bold;
}

#main #big_up_qrates5 .arrow a:hover {
	background:#000;
	color:#C35A82 !important;
}

#main #big_up_qrates5 .arrow a:before {
	border-left: 20px solid #C35A82;
}




#main #big_up_qrates, #main #feature, #main #recommend_archives {
	font-size:0;
	text-align:center;
}

#main #big_up_qrates h2, #main #feature h2 {
	font-family: 'Teko', sans-serif;
	font-size: 42px;
	line-height:1em;
	background:#000;
	color:#fff;
	text-align:center;
	       margin: 0 0 0 0;
	padding:27px 0 0 25px;
	letter-spacing:0;
}

#main #recommend_archives h2 {
	font-family: 'Teko', sans-serif;
	font-size: 42px;
	line-height:1em;
	background:#000;
	color:#fff;
	text-align:center;
	margin:0;
	padding:27px 0 0 25px;
	    margin: 153px 0 0 0;
	letter-spacing:0;
}

#main #big_up_qrates h2.interview {
	background:#000;
	color:#fff;
}

#main #recommend_archives h2.interview {
	background:#000;
	color:#fff;
}

#main #big_up_qrates span {
	color:#ed7c00;
}

#main #recommend_archives span {
	color:#000;
}

#main #big_up_qrates h3 {
	position:relative;
	background:#ed7c00;
	margin:0;
	padding:9px 0;
	font-size:24px;
	line-height:1.5em;
	font-weight:bold;
	color:#fff;
	text-align:center;
}

#main #recommend_archives h3 {
	font-family: 'Teko', sans-serif;
    position: relative;
    background: #e94818;
    margin: 0;
    padding: 16px 0 0 0;
    font-size: 42px;
    line-height: 1.2em;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

#main #big_up_qrates h3.interview {
	padding:0;
	font-size:24px;
	line-height:50px;
}

#main #recommend_archives h3.interview {
	padding:0;
	font-size:24px;
	line-height:50px;
}



#main #big_up_qrates h3:before {
	content: "";
	position: absolute;
	width:0;
	height:0;
	left:50%;
	margin-left:-20px;
	bottom:-20px;
	border-top:20px solid #ed7c00;
	border-left:20px solid transparent;
	border-right:20px solid transparent;
	z-index:100;
}

#main #recommend_archives h3:before {
	content: "";
	position: absolute;
	width:0;
	height:0;
	left:50%;
	margin-left:-20px;
	bottom:-20px;
	border-top:20px solid #e94818;
	border-left:20px solid transparent;
	border-right:20px solid transparent;
	z-index:100;
}


#main #big_up_qrates h4 {
	background:#fff;
	margin:0;
	padding:25px 50px 15px;
	font-size:18px;
	line-height:30px;
	font-weight:bold;
	color:#000;
	text-align:center;
}

#main #recommend_archives h4 {
	background:#fff;
	margin:0;
	padding:25px 50px 15px;
	font-size:18px;
	line-height:30px;
	font-weight:bold;
	color:#000;
	text-align:center;
}


#main #interview #pickup .article_wide h1 {
	font-family: 'Noto Sans JP', sans-serif;
	margin:0;
	padding:36px 0 10px 25px;
	font-size:48px;
	line-height:1em;
	font-weight:bold;
	color:#000;
}


#main #feature h3 {
	background:#009DE1;
	margin:0;
	padding:9px 0;
	font-size:23px;
	line-height:1.5em;
	font-weight:bold;
	color:#fff;
	text-align:center;
}



#main #feature h4 {
	background:#000;
	margin:0;
	padding:10px 0 0;
	font-size:18px;
	line-height:30px;
	font-weight:bold;
	color:#009DE1;
	text-align:center;
}

#main #nextbreak h5 {
	position:relative;
	background:#000;
	margin:0 0 30px;
	padding:0 0 10px;
	font-size:14px;
	line-height:30px;
	color:#fff;
	text-align:center;
}



#main #recommend_archives h3:before {
	content: "";
	position: absolute;
	width:0;
	height:0;
	left:50%;
	margin-left:-20px;
	bottom:-20px;
	border-top:20px solid #e94818;
	border-left:20px solid transparent;
	border-right:20px solid transparent;
	z-index:100;
}

#main #feature h5:before {
	content: "";
	position: absolute;
	width:0;
	height:0;
	left:50%;
	margin-left:-20px;
	bottom:-20px;
	border-top:20px solid #000;
	border-left:20px solid transparent;
	border-right:20px solid transparent;
	z-index:100;
}

#main #feature h5 {
	    position: relative;
    background: #000;
    margin: 0 0 30px;
    padding: 5px 0 5px;
    font-size: 16px;
    line-height: 30px;
    color: #009DE1;
    text-align: center;
    font-weight: bold;
}

#main #feature .artist {
	       display: inline-block;
    width: 184px;
    height: 147px;
    margin: 20px 3px 0px 3px;
    z-index: 0;
}

#main #feature .artist .image {
	    background: #000;
    border: 1px solid #ddd;
    width: 181px;
    height: 120px;
    margin: 0 0 0;
    overflow: hidden;
}

#main #feature .artist img {
	width:100%;
	height:100%;
}

#main #feature .artist h3 {
	font-family: 'Oswald', sans-serif;
	font-size: 13px;
	line-height:1em;
	color:#009DE1;
	background:transparent;
	/* font-weight:bold; */
}

#main #feature .artist p {
	font-size: 13px;
	line-height:1em;
	color:#000;
}














#main #feature .artist_monthly {
	       display: inline-block;
    width: 300px;
    height: 201px;
    margin: 25px 9px;
    z-index: 0;
}

#main #feature .artist_monthly .image {
	       background: #000;
    border: 1px solid #ddd;
    width: 300px;
    height: 201px;
    margin: 0px 0 0px;
    overflow: hidden;
}

#main #feature .artist_monthly img {
	width:100%;
	height:100%;
}

#main #feature .artist_monthly h3 {
	font-family: 'Oswald', sans-serif;
	font-size: 19px;
	line-height:1em;
	color:#009DE1;
	background:transparent;
	/* font-weight:bold; */
}

#main #feature .artist_monthly p {
	font-size: 13px;
	line-height:1em;
	color:#000;
}





















#main #service .service {
	       display: inline-block;
    width: 275px;
    height: 308px;
    padding: 0 0 0px 0px;
    margin: 0px 9px 25px;
}



#main #service .service image {
	    background: #000;
    border: 1px solid #ddd;
    width: 181px;
    height: 120px;
    margin: 0 0 0;
    overflow: hidden;
}

#main #service .service img {
	width:275px;
	height:308px;
}






#main #other_service .service {
	       display: inline-block;
    width: 275px;
    height: 308px;
    padding: 0 0 0px 0px;
    margin: 0px 9px 25px;
}



#main #other_service .service image {
	    background: #000;
    border: 1px solid #ddd;
    width: 181px;
    height: 120px;
    margin: 0 0 0;
    overflow: hidden;
}

#main #other_service .service img {
	width:275px;
	height:308px;
}






#main #about {
	font-size:0;
	text-align:center;
	background:#eee;
}

#main #about h2 {
	font-family: 'Teko', sans-serif;
	font-size: 42px;
	line-height:1em;
	background:#000;
	color:#fff;
	text-align:center;
	margin:0;
	padding:27px 0 0 25px;
	letter-spacing:0;
}

#main #about h3 {
	margin:0 0 0;
}

#main #about .article {
	position:relative;
	display:inline-block;
	width:794px;
/*	height:399px;*/
	border-width:3px;
	border-style:solid;
	margin:30px 15px 30px;
	background:#fff;
}

#main #about .article .image {
	background:#000;
	width:770px;
	margin:0 auto -6px;
}

#main #about .article img {
	width:100%;
}



#main #plan .article2 {
	position:relative;
	display:inline-block;
	width:800px;
}

#main #plan .article2 .image {
	    background: #000;
    width: 800px;
    margin: 20px auto 40px;
}

#main #plan .article2 img {
	width:100%;
}


#main #store .article2 {
	position:relative;
	display:inline-block;
	width:800px;
}

#main #store .article2 .image {
	
	width:800px;
	margin:0 auto -6px;
}

#main #store .article2 img {
	width:100%;
}



#main #service {
	position:relative;
	display:inline-block;
	width:999px;
}

#main #other_service {
	position:relative;
	display:inline-block;
	width:998px;
	background: #eee;
}






#main #about .q {
	position:absolute;
	font-size:30px;
	line-height:80px;
	font-weight:bold;
	color:#fff;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
}

#main #about .article .q {
	top:-23px;
	left:-18px;
}

#main #about .article h4 {
	margin:0;
	padding:15px 0 10px;
	font-size:24px;
	line-height:1.5em;
	font-weight:bold;
	color:#000;
}



#main #plan .article2 .q {
	top:-23px;
	left:-18px;
}

#main #plan .article2 h4 {
	margin:0;
	padding:15px 0 10px;
	font-size:24px;
	line-height:1.5em;
	font-weight:bold;
	color:#000;
}



#main #store .article2 .q {
	top:-23px;
	left:-18px;
}

#main #store .article2 h4 {
	margin:0;
	padding:15px 0 10px;
	font-size:24px;
	line-height:1.5em;
	font-weight:bold;
	color:#7f0af1;
}



#main #service h4 {
	margin:0;
	padding:25px 0 20px;
	font-size:24px;
	line-height:1.5em;
	font-weight:bold;
	color:#fff;
	text-align: center;
}


#main #other_service h4 {
	margin:0;
	padding:25px 0 20px;
	font-size:24px;
	line-height:1.5em;
	font-weight:bold;
	color:#7f0af1;
	text-align: center;
}


#main #about .arrow {
	width:220px;
	margin:20px auto 40px;
}

#main #about1 {
	border-color:#7f0af1;
}

#main #about1 .q {
	background:#7f0af1;
}

#main #about1 span {
	color:#7f0af1;
}

#main #about1 .arrow a {
	background:#7f0af1;
	color:#fff !important;
	font-weight:bold;
}

#main #about1 .arrow a:hover {
	background:#000;
	color:#7f0af1 !important;
}

#main #about1 .arrow a:before {
	border-left: 20px solid #7f0af1;
}



#main #plan1 {
	border-color:#7f0af1;
}

#main #plan1 .q {
	background:#7f0af1;
}

#main #plan1 span {
	color:#7f0af1;
	font-size: 24px;
}

#main #plan1 .arrow a {
	background:#7f0af1;
	color:#fff !important;
	font-weight:bold;
}

#main #plan1 .arrow a:hover {
	background:#000;
	color:#7f0af1 !important;
}

#main #plan1 .arrow a:before {
	border-left: 20px solid #7f0af1;
}



#main #store1 {
	border-color:#7f0af1;
}

#main #store1 .q {
	background:#7f0af1;
}

#main #store1 span {
	color:#7f0af1;
}

#main #store1 .arrow a {
	background:#7f0af1;
	color:#fff !important;
	font-weight:bold;
}

#main #store1 .arrow a:hover {
	background:#000;
	color:#fff !important;
}












#main #about3 {
	border-color:#E94718;
}

#main #about3 .q {
	background:#E94718;
}

#main #about3 span {
	color:#E94718;
}

#main #about3 .arrow a {
	background:#E94718;
	color:#fff !important;
	font-weight:bold;
}

#main #about3 .arrow a:hover {
	background:#000;
	color:#E94718 !important;
}

#main #about3 .arrow a:before {
	border-left: 20px solid #E94718;
}

#main #about4 {
	border-color:#735179;
}

#main #about4 .q {
	background:#735179;
}

#main #about4 .arrow a {
	background:#735179;
	color:#fff !important;
	font-weight:bold;
}

#main #about4 .arrow a:hover {
	background:#000;
	color:#735179 !important;
}

#main #about4 .arrow a:before {
	border-left: 20px solid #735179;
}

#main #about .arrow a:hover:before {
	border-left: 20px solid #000
}

#main #about #big-up {
	background:#fff;
	padding:30px 99px 30px;
	font-size:0;
}


#main #about #plan {
	
	padding:20px 99px 0;
	font-size:0;
}

#main #about #store {
	background:#fff;
	padding:30px 99px 0;
	font-size:0;
}




#main #about #big-up .q {
	top:-23px;
	left:-18px;
	background:#009DE1;
}

#main #about #big-up .title {
	position:relative;
	width:794px;
	height:94px;
	border-width:3px;
	border-style:solid;
	border-color:#009DE1;
	margin:0 15px 30px;
	background:#fff;
	margin:0;
	padding:0;
}

#main #about #big-up h4 {
	padding:11px 0;
	font-size:24px;
	line-height:1.5em;
	font-weight:bold;
	color:#7f0af1;
}

#main #about .subhead {
	font-size:24px;
	line-height:40px;
	font-weight:bold;
	color:#fff;
	background:#000;
	width: 800px;
	height: 40px;
	margin:30px 0 15px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-o-border-radius: 20px;
	-ms-border-radius: 20px;
}

#main #about p {
	font-size:18px;
	line-height:28px;
	text-align:left;
}

#main #plan p {
	font-size:18px;
	line-height:28px;
	text-align:center;
}

#main #about .xl-half .image {
	width:378px;
	height:206px;
	border:1px solid #000;
	background:#000;
	margin:0 0 10px;
}

#main #about .xl-half img {
	width:378px;
}

#main #about .layered {
	position:absolute;
	top:15px;
	left:15px;
	z-index:-1;
}

#main #about .xl2by3 h3 {
	font-size:18px;
	line-height:40px;
	margin:13px 0 30px;
}

#main #about .process_dark {
	position:relative;
	padding:30px 0;
	margin:0 -99px;
	background:#EEEEEE;
	font-size:0;
}

#main #about .process_dark:before {
	content: "";
 	position: absolute;
 	bottom: -20px;
 	left: 50%;
 	margin-left: -20px;
 	width: 0;
 	height: 0;
	border-top: 20px solid #EEEEEE;
 	border-left: 20px solid transparent;
 	border-right: 20px solid transparent;
}

#main #about .process, #main #about .process_finish {
	position:relative;
	padding:0 0 30px;
	margin:30px -99px 0;
	background:#FFFFFF;
	font-size:0;
	z-index:100;
}

#main #about .process:before {
	content: "";
 	position: absolute;
 	bottom: -20px;
 	left: 50%;
 	margin-left: -20px;
 	width: 0;
 	height: 0;
	border-top: 20px solid #fff;
 	border-left: 20px solid transparent;
 	border-right: 20px solid transparent;
}

#main #about .number {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	background-color: #009DE1;
	display:inline-block;
	margin-right:15px;
	font-size: 30px;
	line-height:50px;
	color: #fff;
	text-align: center;
}

#main #about .process_dark h4, #main #about .process h4 {
	display:inline-block;
	font-size:24px;
	line-height:50px;
}

#main #about .process_dark .xl-half {
	padding: 10px 0 0;
}

#main #about .process_dark .subhead, #main #about .process_finish .subhead {
	background:#009DE1;
	margin:0 auto 15px;
}

#main .xl6 {
	color:#fff;
	font-weight:bold;
	width:150px;
	font-size:16px;
	line-height:37px;
}

#main .area_blank {
	background:#fff;
	width:150px;
	height:37px;
}

#main .area1 {
	background:#009DE1;
}

#main .wrapper_area1 {
	border-bottom:3px solid #009DE1;
	font-size:0;
}

#main .area2 {
	background:#56B549;
}

#main .wrapper_area2 {
	border-bottom:3px solid #56B549;
	font-size:0;
}

#main .area3 {
	background:#393E96;
}

#main .wrapper_area3 {
	border-bottom:3px solid #393E96;
	font-size:0;
}

#main .area4 {
	background:#D44416;
}

#main .wrapper_area4 {
	border-bottom:3px solid #D44416;
	font-size:0;
}

#main .area5 {
	background:#97C730;
}

#main .wrapper_area5 {
	border-bottom:3px solid #97C730;
	font-size:0;
}

#main .area6 {
	background:#C92689;
}

#main .wrapper_area6 {
	border-bottom:3px solid #C92689;
	font-size:0;
}

























#timeline {
	    text-align: left;
    margin: 40px 0 0px 0;
	
}

#timeline h4 {
	font-size: 18px;
	line-height: 1.5em;
	font-weight: bold;
}

#timeline p {
	font-size: 18px;
	line-height: 1.5em;
}

.acd-check {
    display: none;
	
}
.acd-label {
    color: #fff;
    display: block;
	font-family: 'Jost', sans-serif;
	font-size: 20px;
	line-height: 2em;
	letter-spacing: 0.1em;
    margin: 0;
    padding: 0;
	text-align: center;
    position: relative;
	font-weight: bold;
}

.acd-label:after{
    box-sizing: border-box;
    content: '\f105';
	font-weight: 900;
    display: block;
    font-family: "Font Awesome 5 Free";
    width: 35px;
    height: 40px;
    padding: 0 0;
    position: absolute;
    right: 0;
    top: 0px;
}

.acd-check:checked + .acd-label:after{
    content: '\f107';
}

#timeline label.purple {
    background: rgba(130,127,175,0.25);
}

#timeline label.purple2 {
    background: rgba(130,127,175,0.25);
}

#timeline label.purple span {
	display: block;
    background: #8479af;
	width: 86px;
	margin-left: 86px;
}

#timeline label.purple2 span {
	display: block;
    background: #8479af;
	width: 86px;
	margin-left: 86px;
}

#timeline label.blue {
    background: rgba(0,95,161,0.25);
}

#timeline label.blue2 {
    background: rgba(0,95,161,0.25);
}

#timeline label.blue span {
	display: block;
    background:#009fe7;
	width: 86px;
	margin-left: 172px;
}

#timeline label.blue2 span {
	display: block;
    background:#009fe7;
	width: 86px;
	margin-left: 602px;
}

#timeline label.cyan {
    background: rgba(19,159,187,0.25);
}

#timeline label.cyan span {
	display: block;
    background: rgb(19,159,187);
	width: 86px;
	margin-left: 239px;
}

#timeline label.green {
    background: rgba(110,184,43,0.25);
}

#timeline label.green2 {
    background: rgba(110,184,43,0.25);
}

#timeline label.green span {
	display: block;
    background: #44b6a0;
	width: 86px;
	margin-left: 258px;
}

#timeline label.green2 span {
	display: block;
    background: #44b6a0;
	width: 86px;
	margin-left: 688px;
}

#timeline label.yellow {
    background: rgba(234,201,27,0.25);
}

#timeline label.yellow2 {
    background: rgba(234,201,27,0.25);
}

#timeline label.yellow span {
	display: block;
    background: #f29600;
	width: 86px;
	margin-left: 345px;
}

#timeline label.yellow2 span {
	display: block;
    background: #f29600;
	width: 86px;
	margin-left: 775px;
}

#timeline label.orange {
    background: rgba(243,160,0,0.25);
}

#timeline label.orange span {
	display: block;
    background: rgb(243,160,0);
	width: 86px;
	margin-left: 599px;
}

#timeline label.purple2 {
    background: rgba(130,127,175,0.25);
}

#timeline label.purple2 span {
	display: block;
    background: #8479af;
	width: 86px;
	margin-left: 516px;
}

#timeline label.pink {
    background: rgba(221,129,165,0.25);
}

#timeline label.pink2 {
    background: #9c9c9c;
	margin: 0 0 20px 0;
}

#timeline label.pink3 {
    background: rgba(221,129,165,0.25);
}

#timeline label.pink span {
	display: block;
    background: #e2007f;
	width: 86px;
	margin-left: 0px;
}

#timeline label.pink2 span {
	margin-left: 0px;
    font-size: 20px;
}

#timeline label.pink3 span {
	display: block;
    background: #e2007f;
	width: 86px;
	margin-left: 861px;
}

#timeline h4.purple,
#timeline a.purple {
    color: rgb(130,127,175);
}

#timeline h4.blue,
#timeline a.blue {
    color: #8479af;
}

#timeline h4.blue2,
#timeline a.blue2 {
    color: #8479af;
}

#timeline h4.cyan,
#timeline a.cyan {
    color: #009fe7;
}

#timeline h4.green,
#timeline a.green {
    color: #44b6a0;
}

#timeline h4.green2,
#timeline a.green2 {
    color: rgb(110,184,43);
}

#timeline h4.yellow,
#timeline a.yellow {
    color: rgb(234,201,27);
}

#timeline h4.yellow2,
#timeline a.yellow2 {
    color: rgb(234,201,27);
}

#timeline h4.orange,
#timeline a.orange {
    color: rgb(243,160,0);
}

#timeline h4.purple2,
#timeline a.purple2 {
    color: #8479af;
}

#timeline h4.pink {
    color: #e2007f;
}

#timeline h4.pink2 {
    color: #e2007f;
}

#timeline h4.pink3 {
    color: #e2007f;
}

#timeline a:hover {
	color: #e2007f;
}

#timeline a.green:hover {
	color: #139fbb;
}

#timeline a.green2:hover {
	color: #139fbb;
}

.acd-content {
    height: 0;
    opacity: 0;
    padding: 0 19px;
    transition: 0.5s;
    visibility: hidden;
	font-size: 0;
}

.acd-check:checked + .acd-label + .acd-content {
    height: 40px;
    opacity: 1;
    padding: 0 19px 20px;
    visibility: visible;
/*	height: auto;*/
}

.acd-check:checked + .acd-label + .timeline1 {
	height: 121px;
}

.acd-check:checked + .acd-label + .timeline2 {
	height: 100px;
}

.acd-check:checked + .acd-label + .timeline3 {
	height: 526px;
}

.acd-check:checked + .acd-label + .timeline4 {
	height: 600px;
}

.acd-check:checked + .acd-label + .timeline5 {
	height: 958px;
}

.acd-check:checked + .acd-label + .timeline6 {
    height: 7175px;
    text-align: center;
}

.acd-check:checked + .acd-label + .timeline7 {
	height: 474px;
}

.acd-check:checked + .acd-label + .timeline8 {
	height: 732px;
}

.acd-check:checked + .acd-label + .timeline9 {
	height: 420px;
}


.acd-check:checked + .acd-label + .timeline10 {
	height: 440px;
}


.acd-check:checked + .acd-label + .timeline11 {
	height: 445px;
}

.acd-content .image {
	display: inline-block;
	width: 105px;
	margin: 20px 20px 0 0;
	vertical-align: middle !important;
	background: #000;
}

.acd-content .image img {
	width: 100%;
}

.acd-content .desc {
	display: inline-block;
	width: 835px;
	margin: 20px -1px 0 0;
	vertical-align: middle !important;
}

.acd-content .desc a {	
	
}

#bigup {
    background-color: #ffffff !important;
    color: red !important;
    width: 262px !important;
    padding: 2px 0px 2px 5px !important;
    font-size: 24px !important;
    letter-spacing: 2px !important;
}