@charset "utf-8";

#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #000;
  z-index: 1;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 2;
}

/*/////menu////*/
#menu{
  width: 100%;
  float: right;
	text-align: center;
  max-width: 960px;
  /*margin: 0 auto;*/
  padding-top:10px;
}
#menu li{
  display: block;
  float: left;
  width: 12.5%;
  margin: 0;
  padding: 0; }
#menu li a{
  display: block;
  padding: 12px 0 10px;
  /*⑦background-color: rgba(0,0,0,0.5); */
	color: #ccc;
  text-decoration: none;
}
#menu li a:hover{
  background: #444;
	opacity: 0.6; 
}
#toggle{ 
 display: none;
}
@media only screen and (max-width: 768px) {
    #menu li{
    width: 100%;
		margin: auto;
    border-bottom: 1px solid #444;
  }
}
/*@media only screen and (max-width: 480px) {*/
@media only screen and (max-width: 768px) {
	#menu{
    display: none;
  }
  #menu li{
    width: 100%;
  }
  #toggle{
    display: block;
    position: relative;
	  	float: right;
    width: 100%;
	  
  }
  #toggle a{
    display: block;
    position: relative;
    padding: 12px 0 10px;
    border-bottom: 1px solid #444;
    color: #ccc;
	background: #222;
    text-align: center;
    text-decoration: none;
  }
  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #ccc;
  }
  #toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #222;
  }
  #toggle a:before{
    margin-top: -6px;
  }
  #toggle a:after{
    margin-top: 2px;
  }
}

/*/////menu 消えるPC////*/
#menuD{
  width: 70%;
  max-width: 960px;
	float: right;
	margin-right: 5%;
  padding: 0;
}
#menuD li{
  display: block;
  float: left;
  width: 12.5%;
  margin: 0;
  padding: 0;

}
#menuD li a{
	padding: 5px;
	height: 23px;
  display: block;
  padding: 12px 0 10px;
  background-color: rgba(0,0,0,0.6);
  color: #fff;
  text-align: center;
  text-decoration: none;
}
#menuD li a:hover{
  background-color: rgba(163,0,0,0.90); 
	/*rgb( 163 ,0 ,13 )*/
	color: #FFF;
}
#toggleD{ 
 display: none;
}
@media only screen and (max-width: 768px) {
    #menuD li{
    width: 25%;
    border-bottom: 1px solid #444;
  }
}

/*@media only screen and (max-width: 600px) {*/
@media only screen and (max-width: 768px) {
  #menuD{
    display: none;
  }
  #menuD li{
    width: 100%;
  }
	/*消えるメニューの変形後のバー*/
  #toggleD{
    display: block;
    position: relative;
    width: 100%;
  /*③background-color: rgba(0,0,0,0.7); */
  }
  #toggleD a{
    display: block;
    position: relative;
    padding: 12px 0 10px;
    border-bottom: 1px solid #444;
    color: #fff;
    text-decoration: none;
	/*①background-color: rgba(0,0,0,0.7); */
  }
	
	/*メニューのマーク*/
  #toggleD:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background-color: #fff;
  }
  #toggleD a:before, #toggleD a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #222;
	background-color: rgba(0,0,0,0.7);
  }
	/*メニューのマークここまで*/
	
  #toggleD a:before{
    margin-top: -6px;
  }
  #toggleD a:after{
    margin-top: 2px;
  }
}


/*////メニューを出現///*/
	#eghead {
			/* 上部に固定するCSS */
			position: fixed;
			top: 0px;
		margin: auto;
			width: 100%;

			/* バーの装飾 */
		background-color: rgba(0,0,0,0.5); 
			color: #000;
		height: 70px;
		box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
		margin: auto;
		   z-index: 999;
		}

	/* ▽メニューバー内の余計な余白を消す 
	#eghead h2,
	#eghead ul,
	#eghead p {
		margin: 0;
		padding: 0;
	}
	/* ▽メニューバーのタイトル (※文字サイズを小さくして左寄せ) 
	#eghead h2 {
		font-size: 100%;
		width: 3em;
		float: left;
	}
	/* ▽メニューバーの各項目 (※横幅を固定して左寄せ)
	#eghead ul li {
		width: 4em;
		float: left;
		list-style-type: none;
	}
	/* ▽メニューバーの各項目のリンク( ※クリック可能領域を項目全体に広げて、文字を白色に) */
	#eghead ul li a {
		height: 22px;
		display: block;
		color: #FFF;
		text-align: center;
		background-color: rgba(0,0,0,0.7);
	}
	/* ▽メニューバーの各項目のリンクにマウスが載ったときの装飾 (※配色を変える) */
	#eghead ul li a:hover {
		  background-color: rgba(163,0,0,0.90); 
	color: #FFF;
	}
	/* ▽メニューバー内の「トップへ戻る」リンクの装飾 (※文字サイズを小さくして右寄せ／ついでにメニュー項目の回り込みを解除する) 
	#eghead p#fortop {
		clear: left;
		font-size: 75%;
		text-align: right;
	}
	/* ▽「トップへ戻る」リンクの配色 */
	#eghead p#fortop a {
		color: white;
	}
	/* ▽「トップへ戻る」リンクにマウスが載ったときの配色 */
	#eghead p#fortop a:hover {
		color: yellow;
	}

/****レスポンシブ　セット****/

/*背景レスポンシブ*/
/* パソコンで見たときは"pc"のclassが表示される */
.bgimg-pc { display: block !important; }
.bgimg-sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassが表示される */
@media only screen and (max-width: 700px) {
.bgimg-pc { display: none !important; }
.bgimg-sp { display: block !important; }
	}


/*SNSレスポンシブ*/
.snsico-pc { display: block !important; }
.snsico-sp { display: none !important; }
@media only screen and (max-width: 700px) {
.snsico-pc { display: none !important; }
.snsico-sp { display: block !important; }
	}


/*メインビジュアルレスポンシブ*/
.mainvg-pc { display: block !important; }
.mainvg-sp { display: none !important; }
@media only screen and (max-width: 600px) {
.mainvg-pc { display: none !important; }
.mainvg-sp { display: block !important; }
}


/*ヘッダーロゴレスポンシブ*/	
.headlogo-pc { display: block !important; }
.headlogo-sp { display: none !important; }
@media only screen and (max-width: 700px) {
.headlogo-pc { display: none !important; }
.headlogo-sp { display: block !important; }
}

/*ヘッダーロゴレスポンシブ ベース用*/	
.headlogo-base-pc { display: block !important; }
.headlogo-base-sp { display: none !important; }
@media only screen and (max-width: 700px) {
.headlogo-base-pc { display: none !important; }
.headlogo-base-sp { display: block !important; }
}


/*ヘッダーメニュー消える方レスポンシブ*/	
.menudeli-pc { display: block !important; }
.menudeli-sp { display: none !important; }
@media only screen and (max-width: 600px) {
.menudeli-pc { display: none !important; }
.menudeli-sp { display: block !important; }
}


/*装飾ROCKBARSEVENTHボックスレスポンシブ*/	
.RBS-pc { display: block !important; }
.RBS-sp { display: none !important; }
@media only screen and (max-width: 700px) {
.RBS-pc { display: none !important; }
.RBS-sp { display: block !important; }
}


/*三大メイン画像ボックスレスポンシブ*/	
.s3ththimg-pc { display: block !important; }
.s3ththimg-sp { display: none !important; }
@media only screen and (max-width: 1100px) {
.s3ththimg-pc { display: none !important; }
.s3ththimg-sp { display: block !important; }
}

/*インスタグラムボックスレスポンシブ*/	
.insta-pc { display: block !important; }
.insta-sp { display: none !important; }
@media only screen and (max-width: 600px) {
.insta-pc { display: none !important; }
.insta-sp { display: block !important; }
}


/*7thピックレスポンシブ*/	
.piclogo-pc { display: block !important; }
.piclogo-sp { display: none !important; }
@media only screen and (max-width: 1100px) {
.piclogo-pc { display: none !important; }
.piclogo-sp { display: block !important; }
}

/*キャッチレスポンシブ*/	
.sc00cach-pc { display: block !important; }
.sc00cach-sp { display: none !important; }
@media only screen and (max-width: 1100px) {
.sc00cach-pc { display: none !important; }
.sc00cach-sp { display: block !important; }
}

/*scroll装飾レスポンシブ*/	
.slnext-pc { display: block !important; }
.slnext-sp { display: none !important; }
@media only screen and (max-width: 600px) {
.slnext-pc { display: none !important; }
.slnext-sp { display: block !important; }
}

/*クレジットカードレスポンシブ*/	
.card-pc { display: block !important; }
.card-sp { display: none !important; }
@media only screen and (max-width: 600px) {
.card-pc { display: none !important; }
.card-sp { display: block !important; }
}

/*トップに戻るレスポンシブ*/	
.topback-pc { display: block !important; }
.topback-sp { display: none !important; }
@media only screen and (max-width: 800px) {
.topback-pc { display: none !important; }
.topback-sp { display: block !important; }
}

/*カレンダーレスポンシブ*/	
.cld-pc { display: block !important; }
.cld-sp { display: none !important; }
@media only screen and (max-width: 800px) {
.cld-pc { display: none !important; }
.cld-sp { display: block !important; }
}

/*求人バナーレスポンシブ*/	
.ric-pc { display: block !important; }
.ric-sp { display: none !important; }
@media only screen and (max-width: 800px) {
.ric-pc { display: none !important; }
.ric-sp { display: block !important; }
}

/*求人ページレスポンシブ*/	
.ricp-pc { display: block !important; }
.ricp-sp { display: none !important; }
@media only screen and (max-width: 800px) {
.ricp-pc { display: none !important; }
.ricp-sp { display: block !important; }
}

/*レスポンシブ*/	
.menu-pc { display: block !important; }
.menu-sp { display: none !important; }
@media only screen and (max-width: 800px) {
.menu-pc { display: none !important; }
.menu-sp { display: block !important; }
}