/* Import fonts */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Abel);
@import url(http://fonts.googleapis.com/css?family=Ropa+Sans);
@import url(http://fonts.googleapis.com/css?family=Century+Gothic);
@import url(http://fonts.googleapis.com/css?family=Libre+Baskerville:400,700);


/* ここで各ページのヘッダーcssを変更することができます。 */

/* メインビジュアルパララックス位置 */
#header { 
	background-position: center top ; 
	background-size:contain ;
	background-repeat: no-repeat ;
}
/* 1番目のパララックス位置 */
#about-quote {
	background-position: center;
	background-size:contain ;
	background-repeat: no-repeat ;
	
}
/* 2番目のパララックス位置 */
#twiiter-section {
	background-position: center; 
	background-size:contain ;
	background-repeat: no-repeat ;
	
}
/* 3番目のパララックス位置 */
#client {
	background-position: center ; 
	background-size:contain ;
	background-repeat: no-repeat ;
	
}
/* 4番目のパララックス位置 */
#work-quote {
	background-position: center ;
	background-size:contain ;
	background-repeat: no-repeat ;
	
}
/* 5番目パララックス位置 */
#contact .contact-info {
	background-position: center top;
	background-size: cover ;
	background-repeat: no-repeat ;
	
}


/* NEWSページヘッダー */
.page-mv-news {
  background: url(/wp-content/uploads/2018/05/i_head_0510_1n.jpg);
  background-attachment:fixed;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center -50px;
  background-repeat: no-repeat ;
  color: white;
  text-align: center;
  font-family: 'Century Gothic', 'Ropa Sans', sans-serif;
  width: 100%;
  height: 410px;
  overflow: hidden;
  margin-top: -70px;
}

/* MEDIAページヘッダー */
.page-mv-media {
  background: url(/wp-content/uploads/2018/05/i_head_0510_2n.jpg);
  background-attachment:fixed;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center -100px;
  background-repeat: no-repeat ;
  color: white;
  text-align: center;
  font-family: 'Century Gothic', 'Ropa Sans', sans-serif;
  width: 100%;
  height: 410px;
  overflow: hidden;
  margin-top: -70px;
}

/* SHOWページヘッダー */
.page-mv-show {
  background: url(/wp-content/uploads/2018/05/i_head_0510_3n.jpg);
  background-attachment:fixed;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center 0px;
  background-repeat: no-repeat ;
  color: white;
  text-align: center;
  font-family: 'Century Gothic', 'Ropa Sans', sans-serif;
  width: 100%;
  height: 410px;
  overflow: hidden;
  margin-top: -70px;
}


/* BIOGRAPHYページヘッダー */
.page-mv-bio {
  background: url(/wp-content/uploads/2018/05/i_head_0510_4n.jpg);
  background-attachment:fixed;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center 20px ;
  background-repeat: no-repeat ;
  color: white;
  text-align: center;
  font-family: 'Century Gothic', 'Ropa Sans', sans-serif;
  width: 100%;
  height: 410px;
  overflow: hidden;
  margin-top: -70px;
}

/* DISCOページヘッダー */
.page-mv-disco {
  background: url(/wp-content/uploads/2018/05/i_head_0510_5n.jpg);
  background-attachment:fixed;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position : center -50px;
  background-repeat: no-repeat ;
  color: white;
  text-align: left;
  font-family: 'Century Gothic', 'Ropa Sans', sans-serif;
  width: 100%;
  height: 410px;
  overflow: hidden;
  margin-top: -70px;
}


/* NO NAMEページヘッダー */
.page-mv-noname {
  background: url(/wp-content/uploads/2018/05/i_head_0510_7n.jpg);
  background-attachment:fixed;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center -30px ;
  background-repeat: no-repeat ;
  color: white;
  text-align: left;
  font-family: 'Century Gothic', 'Ropa Sans', sans-serif;
  width: 100%;
  height: 410px;
  overflow: hidden;
  margin-top: -70px;
}

/* ヘッダータイトル */
.page-title {
  font-size: 47px;
  padding-top: 200px;
  margin: 0;
  font-family: 'Century Gothic', 'Libre Baskerville', serif;
}

/* NEWSページヘッダータイトル文字 */
.news { color: #FFFFFF; text-align: left; }

/* NEWSページヘッダータイトル文字 */
.media { color: #333333; text-align: left; }

/* NEWSページヘッダータイトル文字 */
.disco { color: #FFFFFF; text-align: left; }

/* その他ページヘッダータイトル文字 */
.white { color: #FFFFFF; text-align: left; }




/* レスポンシブ */
@media (max-width: 480px) {
   /* ヘッダータイトル */
  .page-title {
    font-size: 36px;
    padding-top: 170px;
    font-family: 'Century Gothic', 'Ropa Sans', sans-serif;
    font-color: #FFFFFF;
    text-align: left;
  }

   /* NEWSページヘッダー */
  .page-mv-news {
    background: url(/wp-content/uploads/2018/05/i_head_0510_1n.jpg) center 70px no-repeat;
  }

   /* MEDIAページヘッダー */
  .page-mv-media {
    background: url(/wp-content/uploads/2018/05/i_head_0510_2n.jpg) center 70px no-repeat;
  }

   /* SHOWページヘッダー */
  .page-mv-show {
    background: url(/wp-content/uploads/2018/05/i_head_0510_3n.jpg) center 70px no-repeat;
  }

   /* BIOGRAPHYページヘッダー */
  .page-mv-bio {
    background: url(/wp-content/uploads/2018/05/i_head_0510_4n.jpg) center 70px no-repeat;
  }

   /* DISCOページヘッダー */
  .page-mv-disco {
    background: url(/wp-content/uploads/2018/05/i_head_0510_5n.jpg) center 70px no-repeat;
  }

   /* NO NAMEページヘッダー */
  .page-mv-noname {
    background: url(/wp-content/uploads/2018/05/i_head_0510_7n.jpg) center 70px no-repeat;
  }



  .page-mv-noname, .page-mv-bio, .page-mv-media, .page-mv-disco, .page-mv-show, .page-mv-news {
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
  }
}