@media screen and (min-width:1024px){
	.header__ttl{opacity:0;top:-100px;transition:top .5s ease-out}
	.fixed .header__ttl{opacity:1;top:12px}
	.top{overflow:hidden;padding-top:20px;position:relative;top:-16px;width:100%;z-index:-1}
	.top .inner{left:0;position:fixed;top:0;width:100%}
	.top__mov{opacity:0;transition:opacity .7s ease-out;transition-delay:1s}
	.top__mov.view{opacity:1}
	.top .scroll{bottom:20px;display:block;left:0;position:absolute;text-align:center;width:100%}
	.top .scroll
	
	img{height:auto!important;width:auto!important}
	
	.top__mov-sp{display:none}
	.video-container {display: none;}
}

@media screen and (max-width:1023px){
	/*
	.top,.top .inner{height:180px!important}
	*/
	.top{margin:0 auto;padding-top:0!important;position:relative;max-width:100%!important;z-index:-1}
	.top .inner{center top no-repeat;background-size:cover;left:0!important;overflow:hidden;position:fixed;top:56px;width:100%}
	.top__ttl{display:none}
	.top .scroll{height:0!important;overflow:hidden!important;display:none!important}
	.top .video{overflow:hidden;position:relative;width:320px;height:200px;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}
	.top__mov{display:none}
}
	.about{clear: both}
	.about__nav li{}

@media screen and (min-width:1024px){
	.about{padding:0}
	.about.profile{padding:75px 0 30px}
	.about.h1{padding:0; background: #fff;}
	.about.founding{padding:0; background: #000;}
	.re-faure_area, .h1_area {width:400px; background-color: #fff; padding: 25px; margin: 0 auto;}
	.founding_area {width:100%; background-color: #000;}
	.about__txt{margin-bottom:2em}
	.about__txt span{font-size:2em; display: block;}
	.about__nav{font-size:0;line-height:0;margin-top:40px}
	.about__nav li{display:inline-block;font-size:14px;line-height:1.8; color: #666;}
	.about__nav li:first-child{margin-right:10px}
}

@media screen and (max-width:1023px){
	.about{padding:0;text-align:left}
	.about.h1{padding:0; background: #fff;}
	.about.founding{padding:0; background: #000;}
	.re-faure_area, .h1_area {width:300px; background-color: #fff; padding: 15px 0; margin: 0 auto;}
	.about.founding {padding: 5px 0 0;}
	.about.profile{padding:15px 0 10px}
	.about__nav li{margin:1em 0}
}

.bnr{background:#8E8E8E}
.bnr li{display:block; margin-bottom: 3em;}
.bnr li a,.bnr li span{display:block;overflow:hidden;}
.bnr li a{transition:all .5s ease-out}
.bnr li a:hover{opacity:.7}

@media screen and (min-width:769px){
	.bnr{margin:0 auto;width:100%;padding:0}
	.bnr.title{padding: 0}
	.bnr.yt{background: #cecfcf}
	.bnr .pc__ttl{left:0;opacity:0;position:absolute;text-align:center;top:0;transition:opacity .5s ease-out;width:100%}
	.bnr .pc__ttl a{overflow:visible;text-indent:0}
	.bnr .pc__ttl img{height:auto!important;position:relative;top:-168px;width:auto!important}
	.bnr .sp__ttl{display:none}
	.bnr .inner{margin:0 auto;text-align:center;width:944px}
	.bnr__list{overflow:hidden;position:relative;}
	.bnr__list-01{float:left; height: 531px;}
	.bnr__list-01 a{height:531px;width:944px}
	.bnr__list-02{bottom:0;position:absolute;right:0}
	.bnr__list-02 span{height:520px;width:448px}
	.bnr__list-03 a,.bnr__list-04 a,.bnr__list-05 a{height:252px;width:448px}
	.bnr__list-04,.bnr__list-05{margin-top:16px}
	.bnr__txt{font-size:15px;padding:40px 0}
	.bnr__txt font{display: block; font-size: 1.5em; margin-bottom: 1em; font-weight: bold}
	.bnr__txt span{display: block; font-size: 80%; font-weight: normal}
	.bnr__logo { background: url(../../../images/refaure/bnr_logo_pc.png); background-size: 188px 105px; display: block; width: 188px; height: 105px; margin: 50px auto 40px;}
	
	#comments_sp {
		display: none;
	}
	
	.comments {
		background: #777;
		text-align: center;
		padding: 2em 0 0.2em;
	}
	.comments li {
		color: #fff;
		font-size: 1.5em;
		line-height: 1.6em;
		font-weight: 500;
		margin-bottom: 40px;
	}
	.comments li font {
		font-size: 80%;
		font-weight: bold;
		color: #222;
	}

	.re_container {
	background-position: center top;
    position: relative;
	background-repeat: no-repeat;
	display: block;
	}
	
	.re_container-dommune {
	background-image: none;
    height: 300px;
	background-color: #000;
	}
	
	.re_container-photo {
	background-image: none;
	padding-top: 50px;
    height: 667px;
	background-color: #000;
	}
	
	.re_container-00 {
	background-image: none;
    height: 400px;		
	}
	.re_container-01 {
	background-image: url(../../../images/refaure/bg/section1-bg.jpg);
    height: 750px;
	}

    .re_container-02 {
    background-image: url(../../../images/refaure/bg/section2-bg.jpg);
    height: 1574px;
	}
	
	.re_container-03 {
    background-image: url(../../../images/refaure/bg/section3-bg.jpg);
    height: 408px;
	}
	
	.re_container-04 {
    background-image: url(../../../images/refaure/bg/section4-bg.jpg);
    height: 502px;
	}
	
	.re_container-05 {
    background-image: url(../../../images/refaure/bg/section5-bg.jpg);
    height: 502px;
	}
	
	.re_container-06 {
    background-image: url(../../../images/refaure/bg/section6-bg.jpg);
    height: 624px;
	}
	
	.re_container-07 {
    background-image: url(../../../images/refaure/bg/section7-bg.jpg);
    height: 408px;
	}

	.re_container .inner{
	margin: 0 auto;
    position: relative;
    width: 944px;
	}
	
	.re_container-head-00, .re_container-head-01, .re_container-head-02, .re_container-head-03, .re_container-head-04, .re_container-head-05, .re_container-head-06, .re_container-head-04-sub, .re_container-head-06-sub, .dommune{
		text-indent: -9999px;
	}
	
	.re_container-head-00 {
    background-image: url(../../../images/refaure/ttl_top-pc.png);
    height: 80px;
    position: relative;
    top: 40px;
	left: 0;
    width: 600px;
	margin: 0 auto;
	}
	
	.re_container-head-06 {
    background-image: url(../../../images/refaure/name_prefuse73.png);
    height: 100px;
    position: absolute;
    top: 80px;
	left: 580px;
    width: 660px;
	}
	
	.re_container-head {
    overflow: hidden;
	}

	.re_container-txt-00 {
    font-size: 20px;
    line-height: 2.5;
    position: relative;
    top: 40px;
	width: auto;
	}
	
	.re_container-txt-01 {
    font-size: 18px;
    line-height: 2.5;
    position: absolute;
    top: 160px;
	left: 100px;
	width: 560px
	}
	
	.re_container-txt-01-2 {
    font-size: 18px;
    line-height: 2.5;
    position: absolute;
    top: 590px;
	left: 50px
	}
	
	.re_container-txt-02 {
    font-size: 18px;
	text-align: right;
    right: 0.5em;
	color: #ccc;
    line-height: 2.5;
    position: absolute;
    top: 974px;
	}
	.re_container-txt-04 {
    font-size: 18px;
	text-align: left;
	color: #444;
    line-height: 1.5;
    position: absolute;
    top: 190px;
	left: 530px
	}
	
	.re_container-txt-05 {
    font-size: 18px;
	text-align: left;
	color: #999;
    line-height: 1.5;
    position: absolute;
    top: 150px;
	left: 30px
	}
	
	.re_container-txt-06 {
    font-size: 18px;
	text-align: left;
	color: #999;
    line-height: 1.5;
    position: absolute;
    top: 206px;
	left: 410px
	}
	
	.yt-container {
	position: relative;
	}
	
	#movie, #thum {
	position: absolute;
	width: 944px;
	height: 531px;
	cursor: pointer;
	}
	
	.credit_block { text-align: center;}
	
	.yt-sp {display: none}
	.indent-left { text-indent: -0.5em; display: block}
	.hidden__pc { display: none;}
	
	.kick { margin: 0 auto; background: url(../../../images/refaure/founding/kickstarter_pc.png) no-repeat; width:1000px; height: 300px; display: block}
	.dommune { margin: 0 auto; background: url(../../../images/refaure/dommune/dommune_pc.png) no-repeat; width:1000px; height: 300px; display: block}
	.photo_studio { margin: 0 auto; background: url(../../../images/refaure/photo_studio_pc.jpg) no-repeat; width:1000px; height: 667px; display: block}
	.refaure_front { margin: 0 auto; background: url(../../../images/refaure/h1_1000px.jpg) no-repeat; background-size: 400px 400px; width:400px; height:400px; display: block; margin-bottom: 10px}
	.cd_credit {display: block; width:100%; height: auto; padding:0; margin: 0;}
	.cd_credit font {display: block}
	.cd_credit font span {display: block; font-size: 70%}
	.cd_credit .credit_artist {padding-top: 0.4em;}
	.cd_credit .re-faure_title { font-size: 1.4em; line-height: 1.2em; text-align: center;}
	.cd_credit .re-faure_credit { font-size: 0.9em; text-align: center}
	.btn_about{
	text-align: center;
    margin: 0 auto;
	}
	.btn_buy {
	text-align:  center;
	margin-top: 20px;
	}
	.btn_about a, .btn_buy a{
    background: #000;
	padding: 10px 30px;
	color: #fff;
		
	}
	.btn_about a:hover, .btn_buy a:hover{
    background: #fff;
	border: 1px solid #000;
	padding: 10px 30px;
	color: #000;
	text-decoration: none;
		
	}
	.social {
		clear: both;
	}
	#main .contents {
	}
	#main .contents ul{
		width:680px;
		margin: 0 auto;
	}
	#main .contents li{
		display: block;
		float: left;
		width: 300px;
		background:;
		margin: 160px 20px 50px;
	}
	
	.contents ul {
		height: auto;
	}
	.btn a.refaure_front {
		margin: 0 auto;
		background: url("../../../common/img/h1-1000.jpg");
		background-size: 300px 300px;
		width: 300px;
		height: 300px;
		display: block;
		margin-bottom: 10px;
	}
	
	.btn a.redebussy_front {
		margin: 0 auto;
		background: url("../../../common/img/h1-1000_debussy.jpg");
		background-size: 300px 300px;
		width: 300px;
		height: 300px;
		display: block;
		margin-bottom: 10px;
		/*
		background-image: none;
		background-color: #fff;
		*/
	}
	
}

@media screen and (max-width:768px){
	.top .inner { background: none;}
	.bnr .pc__ttl { display: none}
	.bnr__logo { background: url(../../../images/refaure/bnr_logo_sp.png) no-repeat; background-size: 188px 105px; display: block; width: 188px; height: 105px; margin: 20px auto 0; padding-bottom: 20px}

	
	.yt-container {
		display: none;
		}
	.yt-sp iframe {
		width: 90%;
		height: 90%;
		margin: 0 5%;
}
	
	.credit_block { text-align: center;}
	
    #comments_sp {
		display: inline;
	}
	.comments {
		background: #999;
		text-align: left;
		padding: 2em 1em 0.3em;
	}
	.comments li {
		color: #fff;
		font-size: 1em;
		line-height: 1.5em;
		font-weight: 500;
		margin-bottom: 40px;
	}
	.comments li font {
		display: block;
		margin-top: 2px;
		font-size: 80%;
		font-weight: bold;
		color: #444;
	}
	

	.re_container {
		background-size: contain;
		padding-bottom: 5.75%;
		text-align: left;
		background-repeat: no-repeat;
		font-size: 0.8em;
	}
	
	.re_container-dommune, .re_container-photo {
	background-color: #000;
	}
	
	.re_container-photo { padding-bottom: 0}
	
	.re_container-00 {
		padding: 10% 5%;
	    background-color: #fff;
	}
	
	.re_container-01 {
		/*
		background-image: url(../../../../images/refaure/bg/section1-bg-sp.jpg);
		padding: 30% 20% 5% 5%;
		*/
		padding: 5% 20% 5% 5%;
		background-color: #fff;
		background-position: top right;
		}
	.re_container-02 {
		background-image: url(../../../images/refaure/bg/section2-bg-sp.jpg);
		background-position: top center;
		padding: 150% 5% 5% 5%;
		margin-bottom: 5%;
		}
	.re_container-03 {
		background-image: url(../../../images/refaure/bg/section3-bg-sp.jpg);
		background-position: top center;
		padding: 90% 5%;
		}
	.re_container-04 {
		background-image: url(../../../images/refaure/bg/section4-bg-sp.jpg);
		background-position: top center;
		padding: 62% 5% 10%;
		}
	.re_container-05 {
		background-image: url(../../../images/refaure/bg/section5-bg-sp.jpg);
		background-position: top center;
		padding: 62% 5% 10%;
		}
	.re_container-06 {
		background-image: url(../../../images/refaure/bg/section6-bg-sp.jpg);
		background-position: top center;
		padding: 62% 5% 10%;
		}
		
	.re_container-07 {
		background-image: url(../../../images/refaure/bg/section7-bg-sp.jpg);
		background-position: top center;
		padding: 30% 5%;
		}
	
	.re_container-head-00 {
		color: #000;
		font-size: 2em;
		line-height: 1.3em;
		letter-spacing: 1px;
		padding: 0 0 10px;
		text-align: center;
	}
		
	.re_container-head-01 {
		color: #222;
		font-size: 2em;
		line-height: 1.3em;
		letter-spacing: 1px;
		padding-bottom: 10px;
	}
	
	.re_container-head-02 {
		color: #222;
		font-size: 2em;
		text-align: left;
		letter-spacing: 1px;
	}
	
	.re_container-head-04, .re_container-head-05, .re_container-head-06 {
		color: #222;
		font-size: 2em;
		line-height: 1.2em;
		text-align: left;
		letter-spacing: 1px;
	}
	
	.re_container-head-04-sub, .re_container-head-05-sub, .re_container-head-06-sub,   {
		color: #222;
		font-size: 1.2em;
		text-align: left;
		letter-spacing: 1px;
	}
	.re_container-txt-00 {

	}
	
	.re_container-txt-01, .re_container-txt-01 p, .about__txt {
		color: #444;
		margin-bottom: 2em;
	}
	.re_container-txt-02, .re_container-txt-02 p {
		color: #444;
		text-align: left;
	}
	.credit_block { text-align: center; padding: 0 5%}
	
	.indent-left {text-indent: -0.5em; display: block}
	
	.kick { margin: 1em auto; background: url(../../../images/refaure/founding/kickstarter_sp.png) no-repeat; width:360px; height:180px; background-size: 360px 180px; display: block}
	.dommune { margin: 1em auto; background: url(../../../images/refaure/dommune/dommune_sp.png) no-repeat; width:360px; height:180px; background-size: 360px 180px; display: block}
	.photo_studio { margin: 0 auto 1em; background: url(../../../images/refaure/photo_studio_pc.jpg) no-repeat; width:360px; height:240.12px; background-size: 360px 240.12px; display: block}
	
	.refaure_front { margin: 0 auto; background: url("../../../common/img/sp/h1_600px.jpg") no-repeat; width:200px; height:200px; background-size: 200px 200px; display: block}
	.redebussy_front { 
		margin: 0 auto; 
		background: url("../../../common/img/sp/h1_600px_debussy.jpg") no-repeat; 
		width:200px; 
		height:200px; 
		background-size: 200px 200px; 
		display: block;
		/*
		background-image: none;
		background-color: #fff;
	*/
	
	}
	
	.cd_credit {display: block; width:100%; height: 100%; text-align: center}
	.cd_credit font {display: block}
	.cd_credit font span{display: block; font-size: 80%}
	.cd_credit .re-faure_title { font-size: 1.2em; text-indent: 0; margin-top: 7px;}
	.cd_credit .re-faure_credit { font-size: 0.9em;}
	
	.btn_about{
	text-align: center;
    margin: 0 auto;
	}
	.btn_buy {
	text-align: center;
	margin: 30px 0;
	}
	.btn_about a, .btn_buy a{
    background: #000;
	padding: 10px 30px;
	color: #fff;
		
	}
	.btn_about a:hover, .btn_buy a:hover{
    background: #fff;
	border: 1px solid #000;
	padding: 10px 30px;
	color: #000;
	text-decoration: none;
		
	}
	
}

@media screen and (max-width:1023px){
	.bnr{margin-bottom:0;padding:0}
	.bnr.title{padding: 80px 0 5px;}
	/*
	.bnr .sp__ttl{background: url(../images/thum_movie_sp_2.jpg) no-repeat; background-size: 240px 135px; width: 240px; height: 135px; margin: 15px auto 20px;}
	.bnr .sp__ttl img {height:auto;margin-bottom:-40px;position:relative;top:-70px;width:160px}
	*/
	.video-container {display: block;}
	.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0;
	margin-bottom: 0
	height: 0;
	overflow: hidden;
	}
	.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
	.sp__ttl_title { padding: 15px; font-size: 2.1em; line-height: 0.7em; text-align: center; letter-spacing:4px}
	.sp__ttl_artist { padding: 8px 15px 16px; font-size: 1.1em; line-height: 1.2em; text-align: center; letter-spacing:1px}
	.sp__ttl_feat { padding: 8px 15px 12px; font-size: 1.6em; line-height: 1.7em; text-align: center; letter-spacing:1px}
	.sp__ttl_title .small { font-size: 0.4em; letter-spacing:1px}
	.sp__ttl_feat .small { font-size: 0.4em; letter-spacing:1px; display: block; line-height: 1px;}
	.bnr .pc__ttl{display:none}
	.bnr__list a,.bnr__list span{background-size:contain;padding-top:45.39%;height:0}
	.bnr__list-02{margin:10% auto 0!important}
	.bnr__list-02 span{margin:0 auto!important;padding-top:80%!important;width:80%}
	.bnr__txt{font-size:11px; padding: 1em 0;}
	.bnr__txt font{display: block; font-size: 1.2em; margin-bottom: 0.5em; font-weight: bold}
	.bnr__txt span{display: block; font-size: 80%; font-weight: normal}
}