@charset "UTF-8";

/*共通部分
----------------------------------------------*/

html{
    font-size: 100%;
}
body{

  font-family:"Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3",sans-serif;
  line-height: 1.7;
  color: #432
}

/*HEADER
-----------------------------------------------*/
.logo{
  width: 210px;
  margin-top: 14px;
}

/*ナビゲーションメニューの設定
-----------------------------------------------*/
a{
  text-decoration:  none;
}
img{
  max-width: 100%
}

.main-nav{
  display: flex;
  font-size:1.25rem;
  text-transform: uppercase;
  margin-top: 34px;
  list-style: none;
}
.main-nav li{
    margin-left: 36px;
}
.main-nav a{
  color: #000;
}
.main-nav a:hover{
    color: #0bd;
}
/*ロゴとナビゲーションメニューの横並び
---------------------------------------------*/
.page-header{
  display: flex;
  justify-content: space-between;
}
/*上部ロゴ横の余白設定
---------------------------------------------*/
.wrapper{
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 4%;
}
/*ホーム
---------------------------------------------*/
.home-content{
  text-align: center;
  margin-top: 10%;
}
.home-content p{
  font-size: 1.375rem;
  margin: 10px 0 42px;
  color:  #000;
}

/*見出し(さぁ最高のバンドを探しましょう)*/
.page-title{
  font-size: 5rem;
  font-family: 'Philosopher' , serif;
  text-transform: uppercase;
  font-weight: normal;
  color:  #000;
}

/*ボタン*/
.button{
  font-size: 1.375rem;
  background: #0bd;
  color: #fff;
  border-radius: 5px;
  padding: 18px 32px;
}
.button:hover{
    background: #0090aa;
}

/*大きな背景画像*/
.big-bg{
    background-size: cover;
    height: 100vh;
    background-repeat: no-repeat;
}

#home{
  background-image: url(../images/main-bg.jpg);
}

#home .page-title{
  text-transform: : none;
}

/*邦楽から探す
--------------------------------------*/
#hougaku{
    background-image: url(../images/hougaku-bg.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#hougaku
.page-title{
      text-align: center;
      font-size: 3rem;
      margin-top: 120px;
}
/*洋楽から探す
--------------------------------------*/
#yougaku{
    background-image: url(../images/yougaku-bg.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#yougaku
.page-title{
      text-align: center;
      font-size: 3rem;
      margin-top: 120px;
}

/*編成から探す
--------------------------------------*/
#hensei{
    background-image: url(../images/hensei-bg.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#hensei
.page-title{
      text-align: center;
      font-size: 3rem;
      margin-top: 130px;
}

/*邦楽男性
--------------------------------------*/
#hougakudansei{
    background-image: url(../images/hougaku-dansei.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#hougakudansei
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 130px;
}


/*邦楽女性
--------------------------------------*/
#hougakujyosei{
    background-image: url(../images/hougaku-dansei.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#hougakujyosei
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 130px;
}

/*邦楽混合
--------------------------------------*/
#hougakukongou{
    background-image: url(../images/hougaku-dansei.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#hougakukongou
.page-title{
      text-align: center;
      font-size: 2.5rem;
      margin-top: 130px;
}


/*洋楽男性
--------------------------------------*/
#yougakudansei{
    background-image: url(../images/hougaku-dansei.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#yougakudansei
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 130px;
}

/*洋楽女性
--------------------------------------*/
#yougakujyosei{
    background-image: url(../images/hougaku-dansei.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#yougakujyosei
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 130px;
}


/*3ピース
--------------------------------------*/
#sanpieces{
    background-image: url(../images/hougaku-dansei.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#sanpieces
.page-title{
      text-align: center;
      font-size: 2.5rem;
      margin-top: 130px;
}

/*4ピース
--------------------------------------*/
#yonpieces{
    background-image: url(../images/hougaku-dansei.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#yonpieces
.page-title{
      text-align: center;
      font-size: 2.5rem;
      margin-top: 130px;
}

/*5ピース
--------------------------------------*/
#gopieces{
    background-image: url(../images/hougaku-dansei.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#gopieces
.page-title{
      text-align: center;
      font-size: 2.5rem;
      margin-top: 130px;
}


/*藍坊主
------------------------------------------------------------------------------*/
#aobouzu{
    background-image: url(../images/aobouzu.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#aobouzu
.page-title{
      text-align: center;
      font-size: 2.5rem;
      margin-top: 120px;
}
/*阿部真央
------------------------------------------------------------------------------*/
#abemao{
    background-image: url(../images/abemao.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#abemao
.page-title{
      text-align: center;
      font-size: 2.5rem;
      margin-top: 120px;
}


/*炙りなタウン
------------------------------------------------------------------------------*/
#aburinataun{
    background-image: url(../images/aburinataun.png);
    height: 270px;
    margin-bottom: 40px;
}
#aburinataun
.page-title{
      text-align: center;
      font-size: 2.5rem;
      margin-top: 120px;
}


/*いきものがかり
------------------------------------------------------------------------------*/
#ikimonogakari{
    background-image: url(../images/ikimonogakari.png);
    height: 270px;
    margin-bottom: 40px;
}
#ikimonogakari
.page-title{
      text-align: center;
      font-size: 2.5rem;
      margin-top: 120px;
}

/*イナズマ戦隊
------------------------------------------------------------------------------*/
#inazumasentai{
    background-image: url(../images/inazumasentai.png);
    height: 270px;
    margin-bottom: 40px;
}
#inazumasentai
.page-title{
      text-align: center;
      font-size: 3rem;
      margin-top: 120px;
}

/*ウルフルズ
------------------------------------------------------------------------------*/
#urufuruzu{
    background-image: url(../images/urufuruzu.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#urufuruzu
.page-title{
      text-align: center;
      font-size: 3rem;
      margin-top: 120px;
}


/*エレファントカシマシ
------------------------------------------------------------------------------*/
#erefantokasimasi{
    background-image: url(../images/erefantokasimasi.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#erefantokasimasi
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}




/*鴉
------------------------------------------------------------------------------*/
#karasu{
    background-image: url(../images/karasu.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#karasu
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}

/*銀杏BOYZ
------------------------------------------------------------------------------*/
#ginnanboyz{
    background-image: url(../images/ginnanboyz.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#ginnanboyz
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}

/*ストレイテナー
------------------------------------------------------------------------------*/
#sutoreitena{
    background-image: url(../images/sutoreitena.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#sutoreitena
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}

/*ハルカミライ
------------------------------------------------------------------------------*/
#harukamirai{
    background-image: url(../images/harukamirai.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#harukamirai
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}


/*チャットモンチー
------------------------------------------------------------------------------*/
#chatomonchi{
    background-image: url(../images/chatomonchi.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#chatomonchi
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}

/*流田Project
------------------------------------------------------------------------------*/
#nagaredaproject{
    background-image: url(../images/nagaredaproject.png);
    height: 270px;
    margin-bottom: 40px;
}
#nagaredaproject
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}

/*マキシマムザホルモン
------------------------------------------------------------------------------*/
#makishimamuzahorumon{
    background-image: url(../images/makishimamuzahorumon.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#makishimamuzahorumon
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}

/*緑黄色社会
------------------------------------------------------------------------------*/
#ryokuoushokushakai{
    background-image: url(../images/ryokuoushokushakai.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#ryokuoushokushakai
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}


/*ロードオブメジャー
------------------------------------------------------------------------------*/
#rodoofmajor{
    background-image: url(../images/rodoofmajor.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#rodoofmajor
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}

/*やばいTシャツ屋さん
------------------------------------------------------------------------------*/
#yabaiTshatuyasan{
    background-image: url(../images/yabaiTshatuyasan.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#yabaiTshatuyasan
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}

/*ACDC
------------------------------------------------------------------------------*/
#acdc{
    background-image: url(../images/acdc.png);
    height: 270px;
    margin-bottom: 40px;
}
#acdc
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}


/*Aerosmith
------------------------------------------------------------------------------*/
#aerosmith{
    background-image: url(../images/aerosmith.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#aerosmith
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}



/*afloodofcircle
------------------------------------------------------------------------------*/
#afloodofcircle{
    background-image: url(../images/afloodofcircle.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#afloodofcircle
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}
/*againstthecurrent
------------------------------------------------------------------------------*/
#againstthecurrent{
    background-image: url(../images/againstthecurrent.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#againstthecurrent
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}



/*Alexandros
------------------------------------------------------------------------------*/
#alexandros{
    background-image: url(../images/alexandros.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#alexandros
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}

/*Arctic Monkeys
------------------------------------------------------------------------------*/
#arcticmonkeys{
    background-image: url(../images/arcticmonkeys.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#arcticmonkeys
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}


/*andymori
------------------------------------------------------------------------------*/
#andymori{
    background-image: url(../images/andymori.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#andymori
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}

/*avrillavigne
------------------------------------------------------------------------------*/
#avrillavigne{
    background-image: url(../images/avrullavigne.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#avrillavigne
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}


/*beatcrusaders
------------------------------------------------------------------------------*/
#beatcrusaders{
    background-image: url(../images/beatcrusaders.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#avrillavigne
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}
/*THE　BACK　HORN
------------------------------------------------------------------------------*/
#thebackhorn{
    background-image: url(../images/thebackhorn.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#thebackhorn
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}


/*the　boysandgirls
------------------------------------------------------------------------------*/
#theboysandgirls{
    background-image: url(../images/theboysandgirls.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#theboysandgirls
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}

/*beatles
------------------------------------------------------------------------------*/
#beatles{
    background-image: url(../images/beatles.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#beatles
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}


/*Bon Jovi
------------------------------------------------------------------------------*/
#bonjovi{
    background-image: url(../images/bonjovi.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#bonjovi
.page-title{
      text-align: center;
      font-size: 1.8rem;
      margin-top: 120px;
}



/*chocolatechipcookies
------------------------------------------------------------------------------*/
#chocolatechipcookies{
    background-image: url(../images/chocolatechipcookies.png);
    height: 270px;
    margin-bottom: 40px;
}
#chocolatechipcookies
.page-title{
      text-align: center;
      font-size: 1.8rem;
      margin-top: 120px;
}

/*chvrches
------------------------------------------------------------------------------*/
#chvrches{
    background-image: url(../images/chvrches.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#chvrches
.page-title{
      text-align: center;
      font-size: 1.8rem;
      margin-top: 120px;
}



/*coldrain
------------------------------------------------------------------------------*/
#coldrain{
    background-image: url(../images/coldrain.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#coldrain
.page-title{
      text-align: center;
      font-size: 1.8rem;
      margin-top: 120px;
}

/*ellegarden
------------------------------------------------------------------------------*/
#ellegarden{
    background-image: url(../images/ellegarden.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#ellegarden
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}

/*flip
------------------------------------------------------------------------------*/
#flip{
    background-image: url(../images/flip.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#flip
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}

/*foofighters
------------------------------------------------------------------------------*/
#foofighters{
    background-image: url(../images/foofighters.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#foofighters
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}

/*falloutboy
------------------------------------------------------------------------------*/
#falloutboy{
    background-image: url(../images/falloutboy.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#falloutboy
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}


/*gunsnroses
------------------------------------------------------------------------------*/
#gunsnroses{
    background-image: url(../images/gunsnroses.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#gunsnroses
.page-title{
      text-align: center;
      font-size: 1.8rem;
      margin-top: 120px;
}


/*greenday
------------------------------------------------------------------------------*/
#greenday{
    background-image: url(../images/greenday.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#greenday
.page-title{
      text-align: center;
      font-size: 1.8rem;
      margin-top: 120px;
}


/*goingunderground
------------------------------------------------------------------------------*/
#goingunderground{
    background-image: url(../images/goingunderground.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#goingunderground
.page-title{
      text-align: center;
      font-size: 1.8rem;
      margin-top: 120px;
}

/*good4nothing
------------------------------------------------------------------------------*/
#good4nothing{
    background-image: url(../images/good4nothing.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#good4nothing
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}

/*goodcharlotte
------------------------------------------------------------------------------*/
#goodcharlotte{
    background-image: url(../images/goodcharlotte.png);
    height: 270px;
    margin-bottom: 40px;
}
#goodcharlotte
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}


/*hanburextutazu
------------------------------------------------------------------------------*/
#hanburextutazu{
    background-image: url(../images/hanburextutazu.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#hanburextutazu
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}

/*hevenshe
------------------------------------------------------------------------------*/
#hevenshe{
    background-image: url(../images/hevenshe.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#hevenshe
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}


/*heymonday
------------------------------------------------------------------------------*/
#heymonday{
    background-image: url(../images/heymonday.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#heymonday
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}

/*hi-standard
------------------------------------------------------------------------------*/
#histandard{
    background-image: url(../images/histandard.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#histandard
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}

/*hoobastank
------------------------------------------------------------------------------*/
#hoobastank{
    background-image: url(../images/hoobastank.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#hoobastank
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}


/*humpback
------------------------------------------------------------------------------*/
#humpback{
    background-image: url(../images/humpback.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#humpback
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}

/*johnmayer
------------------------------------------------------------------------------*/
#johnmayer{
    background-image: url(../images/johnmayer.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#johnmayer
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}



/*knotlamp
------------------------------------------------------------------------------*/
#knotlamp{
    background-image: url(../images/knotlamp.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#knotlamp
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}

/*lisa
------------------------------------------------------------------------------*/
#lisa{
    background-image: url(../images/lisa.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#lisa
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}

/*LOSTINTIME
------------------------------------------------------------------------------*/
#lostintime{
    background-image: url(../images/lostintime.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#lostintime
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}


/*MrBig
------------------------------------------------------------------------------*/
#mrbig{
    background-image: url(../images/mrbig.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#mrbig
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}

/*My hair is bad
------------------------------------------------------------------------------*/
#myhairisbad{
    background-image: url(../images/myhairisbad.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#myhairisbad
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}


/*royalrepublic
------------------------------------------------------------------------------*/
#royalrepublic{
    background-image: url(../images/royalrepublic.png);
    height: 270px;
    margin-bottom: 40px;
}
#royalrepublic
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}

/*New Found Glory
------------------------------------------------------------------------------*/
#newfoundglory{
    background-image: url(../images/newfoundglory.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#newfoundglory
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}



/*Nickelback
------------------------------------------------------------------------------*/
#nickelback{
    background-image: url(../images/nickelback.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#nickelback
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}

/*ネクライトキー
------------------------------------------------------------------------------*/
#nekuraitoki{
    background-image: url(../images/nekuraitoki.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#nekuraitoki
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}

/*Oasis
------------------------------------------------------------------------------*/
#oasis{
    background-image: url(../images/oasis.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#oasis
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}



/*oneokrock
------------------------------------------------------------------------------*/
#oneokrock{
    background-image: url(../images/oneokrock.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#oneokrock
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}

/*palewaves
------------------------------------------------------------------------------*/
#palewaves{
    background-image: url(../images/palewaves.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#palewaves
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}




/*paramore
------------------------------------------------------------------------------*/
#paramore{
    background-image: url(../images/paramore.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#paramore
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}



/*pillows
------------------------------------------------------------------------------*/
#pillows{
    background-image: url(../images/pillows.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#pillows
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}

/*philipsayce
------------------------------------------------------------------------------*/
#philipsayce{
    background-image: url(../images/philipsayce.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#philipsayce
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}


/*pot
------------------------------------------------------------------------------*/
#pot{
    background-image: url(../images/pot.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#pot
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}
/*Queen
------------------------------------------------------------------------------*/
#queen{
    background-image: url(../images/queen.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#queen
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}

/*Queen
------------------------------------------------------------------------------*/
#sahaji{
    background-image: url(../images/sahaji.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#sahaji
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}
/*scandal
------------------------------------------------------------------------------*/
#scandal{
    background-image: url(../images/scandal.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#scandal
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}

/*shakalabbits
------------------------------------------------------------------------------*/
#shakalabbits{
    background-image: url(../images/shakalabbits.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#shakalabbits
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}

/*the strokes
------------------------------------------------------------------------------*/
#strokes{
    background-image: url(../images/strokes.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#strokes
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}
/*sixlounge
------------------------------------------------------------------------------*/
#sixlounge{
    background-image: url(../images/sixlounge.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#sixlounge
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}

/*superbeaver
------------------------------------------------------------------------------*/
#superbeaver{
    background-image: url(../images/superbeaver.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#superbeaver
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}



/*redhotchilipeppers
------------------------------------------------------------------------------*/
#redhotchilipeppers{
    background-image: url(../images/redhotchilipeppers.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#redhotchilipeppers
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}


/*セツナブルースター
------------------------------------------------------------------------------*/
#setunaburusuta{
    background-image: url(../images/setunaburusuta.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#setunaburusuta
.page-title{
      text-align: center;
      font-size: 1.8rem;
      margin-top: 120px;
}

/*shakalabbits
------------------------------------------------------------------------------*/
#systemofadown{
    background-image: url(../images/systemofadown.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#systemofadown
.page-title{
      text-align: center;
      font-size: 1.8rem;
      margin-top: 120px;
}


/*specialthanks
------------------------------------------------------------------------------*/
#specialthanks{
    background-image: url(../images/specialthanks.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#specialthanks
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}

/*suspended
------------------------------------------------------------------------------*/
#suspended{
    background-image: url(../images/suspended.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#suspended
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}

/*SUM41
------------------------------------------------------------------------------*/
#sum41{
    background-image: url(../images/sum41.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#sum41
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}

/*stancepunks
------------------------------------------------------------------------------*/
#stancepunks{
    background-image: url(../images/stancepunks.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#stancepunks
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}



/*theemichellegunelephant
------------------------------------------------------------------------------*/
#theemichellegunelephant{
    background-image: url(../images/theemichellegunelephant.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#theemichellegunelephant
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}


/*tonightaliven
------------------------------------------------------------------------------*/
#tonightalive{
    background-image: url(../images/tonightalive.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#tonightalive
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}


/*unisonsquaregarden
------------------------------------------------------------------------------*/
#unisonsquaregarden{
    background-image: url(../images/unisonsquaregarden.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#unisonsquaregarden
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}

/*UNLIMITS
------------------------------------------------------------------------------*/
#unlimits{
    background-image: url(../images/unlimits.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#unlimits
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}


/*vanessacarlton
------------------------------------------------------------------------------*/
#vanessacarlton{
    background-image: url(../images/vanessacarlton.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#vanessacarlton
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}

/*weezer
------------------------------------------------------------------------------*/
#weezer{
    background-image: url(../images/weezer.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#weezer
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}


/*whiteash
------------------------------------------------------------------------------*/
#whiteash{
    background-image: url(../images/whiteash.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#whiteash
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}


/*wod
------------------------------------------------------------------------------*/
#wod{
    background-image: url(../images/wod.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#wod
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}

/*yamagishiryuunosuke
------------------------------------------------------------------------------*/
#yamagishiryuunosuke{
    background-image: url(../images/yamagishiryuunosuke.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#yamagishiryuunosuke
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}

/*yellowmonkey
------------------------------------------------------------------------------*/
#yellowmonkey{
    background-image: url(../images/yellowmonkey.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#yellowmonkey
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}

/*10FEET
------------------------------------------------------------------------------*/
#tenfeet{
    background-image: url(../images/tenfeet.jpg);
    height: 270px;
    margin-bottom: 40px;
}
#tenfeet
.page-title{
      text-align: center;
      font-size: 2.2rem;
      margin-top: 120px;
}


/*フッター
--------------------------------------*/
footer{
  background: #432;
  text-align: center;
  padding: 20px 0;
}
footer p{
  color: #fff;
  font-size: 0.875rem
}

/*二列並び
-----------------------------------*/
article{
    width: 90%;
}

/*サイドバー*/
aside{
    width: 13%;
    border-left:1px dotted #C0C0C0; /*線の設定*/
    padding:10px 20px; /*余白の設定*/
    background-color: rgb(245,245,245);
}
.new-contents{
    display: flex ;
    justify-content: center;
    margin-bottom: 0px;

}

/*メニュー2
--------------------------------*/
.big-bg{
    background-size: cover;
    height: 100vh;
    background-repeat: no-repeat;
}

#menu2{
  background-image: url(../images/main2-bg.jpg);
}

#menu2 .page-title{
  text-transform: : none;
}


#menu2
.page-title{
      text-align: center;
      font-size: 3rem;
      margin-top: 120px;
}


/*邦楽メニュー*/

.hougakumenu{
  font-size:2.25rem;
  text-transform: uppercase;
  margin-top: 34px;
  list-style: none;
}
.hougakumenu li{
    margin-left: 300px;
}
.hougakumenu a{
  color: #000;
}
.hougakumenu a:hover{
    color: #0bd;
}

/*邦楽男性メニュー*/

.hougakudanseimenu{
  font-size:1.25rem;
  text-transform: uppercase;
  margin-top: 34px;
  list-style: none;
}
.hougakudanseimenu li{
    margin-left: 300px;
}
.hougakudanseimenu a{
  color: #000;
}
.hougakudanseimenu a:hover{
    color: #0bd;
}
/*洋楽男性メニュー*/

.yougakudanseimenu{
  font-size:1.25rem;
  text-transform: uppercase;
  margin-top: 34px;
  list-style: none;
}
.yougakudanseimenu li{
    margin-left: 300px;
}
.yougakudanseimenu a{
  color: #000;
}
.yougakudanseimenu a:hover{
    color: #0bd;
}

/*邦楽混合メニュー*/

.hougakukongou{
  font-size:1.25rem;
  text-transform: uppercase;
  margin-top: 34px;
  list-style: none;
}
.hougakukongou li{
    margin-left: 300px;
}
.hougakukongou a{
  color: #000;
}
.hougakukongou a:hover{
    color: #0bd;
}

/*洋楽メニュー*/

.yougakumenu{
  font-size:2.27rem;
  text-transform: uppercase;
  margin-top: 34px;
  list-style: none;
}
.yougakumenu li{
    margin-left: 300px;
}
.yougakumenu a{
  color: #000;
}
.yougakumenu a:hover{
    color: #0bd;
}


/*洋楽女性メニュー*/

.yougakujyoseimenu{
  font-size:1.25rem;
  text-transform: uppercase;
  margin-top: 34px;
  list-style: none;
}
.yougakujyoseimenu li{
    margin-left: 300px;
}
.yougakujyoseimenu a{
  color: #000;
}
.yougakujyoseimenu a:hover{
    color: #0bd;
}


/*編成メニュー*/

.henseimenu{
  font-size:2.25rem;
  text-transform: uppercase;
  margin-top: 34px;
  list-style: none;
}
.henseimenu li{
    margin-left: 320px;
}
.henseimenu a{
  color: #000;
}
.henseimenu a:hover{
    color: #0bd;
}

/*3ピース*/

.sanpiecesmenu{
  font-size:1.25rem;
  text-transform: uppercase;
  margin-top: 34px;
  list-style: none;
}
.sanpiecesmenu li{
    margin-left: 300px;
}
.sanpiecesmenu a{
  color: #000;
}
.sanpiecesmenu a:hover{
    color: #0bd;
}


/*4ピース*/

.yonpiecesmenu{
  font-size:1.25rem;
  text-transform: uppercase;
  margin-top: 34px;
  list-style: none;
}
.yonpiecesmenu li{
    margin-left: 300px;
}
.yonpiecesmenu a{
  color: #000;
}
.yonpiecesmenu a:hover{
    color: #0bd;
}

/*5ピース*/

.gopiecesmenu{
  font-size:1.25rem;
  text-transform: uppercase;
  margin-top: 34px;
  list-style: none;
}
.gopiecesmenu li{
    margin-left: 300px;
}
.gopiecesmenu a{
  color: #000;
}
.gopiecesmenu a:hover{
    color: #0bd;
}






/*モバイル版
-----------------------------------------*/
@madia (max-width: 600px){
  .page-title{
    font-size: 3.5rem;
  }
  /* HEADER*/
  .main-nav li{
      margin: : 0 20px;
  }

  /*HOME*/
  .home-content{
      margin-top: 20px;
  }

  /*センターに表示*/
  .page-header{
      flex-direction: column;
      align-items: center;
  }
}