body {
	background: #fff;
}

/* ----------------- background water surface ----------------- */

#bgws {
	position: fixed;
	z-index: -1000;
	bottom: 0;
	width: 2000px;
	left: 50%;
	margin-left: -1000px;
	height: 775px;
	background-image: url(../images/ws03.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#bgws img {
	position: absolute;
	width: 1800px;
	left: 50%;
	margin-left: -950px;
}
#bgws img#ws01 {
	z-index: -100;
	-webkit-animation: ws01 11s ease -2s infinite normal;
	-moz-animation: ws01 11s ease -2s infinite normal;
	-o-animation: ws01 11s ease -2s infinite normal;
	-ms-animation: ws01 11s ease -2s infinite normal;
	animation: ws01 11s ease -2s infinite normal;
}
#bgws img#ws02 {
	z-index: -110;
	-webkit-animation: ws02 7s ease -5s infinite normal;
	-moz-animation: ws02 7s ease -5s infinite normal;
	-o-animation: ws02 7s ease -5s infinite normal;
	-ms-animation: ws02 7s ease -5s infinite normal;
	animation: ws02 7s ease -5s infinite normal;
}
#bgws img#wsbase {
	z-index: -200;
	-webkit-animation: wsbase 5s ease -2s infinite normal;
	-moz-animation: wsbase 5s ease -2s infinite normal;
	-o-animation: wsbase 5s ease -2s infinite normal;
	-ms-animation: wsbase 5s ease -2s infinite normal;
	animation: wsbase 5s ease -2s infinite normal;
}

@-webkit-keyframes ws01 {
	0%{ margin-left: -940px; bottom: -5px; opacity: 0.3;}
	50%{ margin-left: -900px; bottom: -25px; opacity: 0.9;}
	100%{ margin-left: -940px; bottom: -5px; opacity: 0.3;}
}
@-moz-keyframes ws01 {
	0%{ margin-left: -940px; bottom: -5px; opacity: 0.3;}
	50%{ margin-left: -900px; bottom: -25px; opacity: 0.9;}
	100%{ margin-left: -940px; bottom: -5px; opacity: 0.3;}
}
@-o-keyframes ws01 {
	0%{ margin-left: -940px; bottom: -5px; opacity: 0.3;}
	50%{ margin-left: -900px; bottom: -25px; opacity: 0.9;}
	100%{ margin-left: -940px; bottom: -5px; opacity: 0.3;}
}
@-ms-keyframes ws01 {
	0%{ margin-left: -940px; bottom: -5px; opacity: 0.3;}
	50%{ margin-left: -900px; bottom: -25px; opacity: 0.9;}
	100%{ margin-left: -940px; bottom: -5px; opacity: 0.3;}
}
@keyframes ws01 {
	0%{ margin-left: -940px; bottom: -5px; opacity: 0.3;}
	50%{ margin-left: -900px; bottom: -25px; opacity: 0.9;}
	100%{ margin-left: -940px; bottom: -5px; opacity: 0.3;}
}


@-webkit-keyframes ws02 {
	0%{ margin-left: -900px; bottom: -15px; opacity: 0.2;}
	50%{ margin-left: -950px; bottom: 0px; opacity: 1;}
	100%{ margin-left: -900px; bottom: -15px; opacity: 0.2;}
}
@-moz-keyframes ws02 {
	0%{ margin-left: -900px; bottom: -15px; opacity: 0.2;}
	50%{ margin-left: -950px; bottom: 0px; opacity: 1;}
	100%{ margin-left: -900px; bottom: -15px; opacity: 0.2;}
}
@-o-keyframes ws02 {
	0%{ margin-left: -900px; bottom: -15px; opacity: 0.2;}
	50%{ margin-left: -950px; bottom: 0px; opacity: 1;}
	100%{ margin-left: -900px; bottom: -15px; opacity: 0.2;}
}
@-ms-keyframes ws02 {
	0%{ margin-left: -900px; bottom: -15px; opacity: 0.2;}
	50%{ margin-left: -950px; bottom: 0px; opacity: 1;}
	100%{ margin-left: -900px; bottom: -15px; opacity: 0.2;}
}
@keyframes ws02 {
	0%{ margin-left: -900px; bottom: -15px; opacity: 0.2;}
	50%{ margin-left: -950px; bottom: 0px; opacity: 1;}
	100%{ margin-left: -900px; bottom: -15px; opacity: 0.2;}
}

@-webkit-keyframes wsbase {
	0%{ margin-left: -900px; bottom: 0px; opacity: 0.7;}
	50%{ margin-left: -930px; bottom: -9px; opacity: 1;}
	100%{ margin-left: -900px; bottom: 0px; opacity: 0.7;}
}
@-moz-keyframes wsbase {
	0%{ margin-left: -900px; bottom: 0px; opacity: 0.7;}
	50%{ margin-left: -930px; bottom: -9px; opacity: 1;}
	100%{ margin-left: -900px; bottom: 0px; opacity: 0.7;}
}
@-o-keyframes wsbase {
	0%{ margin-left: -900px; bottom: 0px; opacity: 0.7;}
	50%{ margin-left: -930px; bottom: -9px; opacity: 1;}
	100%{ margin-left: -900px; bottom: 0px; opacity: 0.7;}
}
@-ms-keyframes wsbase {
	0%{ margin-left: -900px; bottom: 0px; opacity: 0.7;}
	50%{ margin-left: -930px; bottom: -9px; opacity: 1;}
	100%{ margin-left: -900px; bottom: 0px; opacity: 0.7;}
}
@keyframes ws01 {
	0%{ margin-left: -900px; bottom: 0px; opacity: 0.7;}
	50%{ margin-left: -930px; bottom: -9px; opacity: 1;}
	100%{ margin-left: -900px; bottom: 0px; opacity: 0.7;}
}

.sparcle {
	display: block;
	position: fixed;
	width: 0px;
	height: 0px;
	border-radius: 15px;
	background: #fff;
	left: -100px;
	bottom: -100px;
	z-index: -90;
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-ms-filter: blur(2px);
	-o-filter: blur(2px);
	filter: blur(2px);
	-ms-filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=7, MakeShadow=0, ShadowOpacity=0.5);
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=7, MakeShadow=0, ShadowOpacity=0.5);
}



/* ----------------- wrapper ----------------- */
#cont-wrapper {
	padding: 0 50px 20px 50px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position: relative;
}
#topagetop {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 2000;
}
#topagetop img{width: 110px;}

/* ----------------- header ----------------- */
header {
	max-width: 1200px;
	margin: 0 auto;
	height: 150px;
	position: relative;
}
header a#head-logo {
	float: left;
}
header ul#nav1 {
	float: left;
	position: absolute;
	right: 0;
	top: 60px;
}
header ul#nav2 {
	float: left;
	position: absolute;
	right: 0;
	top: 95px;
}
header ul li {
	float: left;
	height: 35px;
	position: relative;
}
header ul li a {
	display: block;
	height: 35px;
	text-indent: -10000px;
}
header ul li:hover {
	opacity: 0.7;
}
header ul li#nav-top {
	background: url(../images/gnav-items.png) 0px 0px no-repeat;
	width: 60px;
}
header ul li#nav-information {
	background: url(../images/gnav-items.png) -60px 0px no-repeat;
	width: 142px;
}
header ul li#nav-schedule {
	background: url(../images/gnav-items.png) -200px 0px no-repeat;
	width: 112px;
}
header ul li#nav-discography {
	background: url(../images/gnav-items.png) -302px 0px no-repeat;
	width: 137px;
}
header ul li#nav-biography {
	background: url(../images/gnav-items.png) -440px 0px no-repeat;
	width: 118px;
}
header ul li#nav-goods {
	background: url(../images/gnav-items.png) -555px 0px no-repeat;
	width: 89px;
}
header ul li#nav-blog {
	background: url(../images/gnav-items.png) -640px 0px no-repeat;
	width: 73px;
}
header ul li#nav-mailmagazine {
	background: url(../images/gnav-items.png) -707px 0px no-repeat;
	width: 150px;
}
header ul li#nav-contact {
	background: url(../images/gnav-items.png) -867px 0px no-repeat;
	width: 90px;
}
header ul li#nav-live {
	background: url(../images/gnav-items.png) -960px 0px no-repeat;
	width: 75px;
}
header ul li#nav-media {
	background: url(../images/gnav-items.png) -1049px 0px no-repeat;
	width: 75px;
}


/* ----------------- footer ----------------- */
footer {
	width: 100%;
	background-image: url(../images/footer.png);
  background-repeat: repeat-x;
	/*background: rgba(68,119,144,0.3);*/
	color: #fff;
	text-align: center;
	font-size: 8pt;
	padding: 5px 0;
	height: 226px;
	overflow: hidden;
	background-position: 0px 105px;
}


/*footer img#footer-car {

  }*/
footer #footer-car {
		background-image: url(../images/ku-car.png);
	  background-repeat: no-repeat;
		background-size: contain;
		height: 230px;
		/*top: -79px;*/
		/*position: relative;
		z-index: 2;*/
}

footer a {
	position: relative;
	margin-left: 40px;
	text-decoration: none;
	color: #fff;
	font-size: 9pt;
	background: #508FB1;
	padding: 5px;
	/*top: 5px;*/
}

footer h3{
	/*padding-top: 145px;*/
	/*text-align: left;*/
	/*margin-left: 10px;
	max-width: 340px;*/
	line-height: 2em;
  background-color: #EBE6CE;
	position: absolute;
	/*height: 35px;*/
	width: 100%;
	padding: 10px 0;
	text-align: center;
	color: #000;
}

footer h3 br{display: none;}

/* ----------------- contents common ----------------- */
#cont-container {
	max-width: 1200px;
	margin: 0 auto;
	/*border: 3px #94C4D3 solid;*/
	overflow: hidden;
	background: rgba(255,255,255,0.4);
	margin-bottom: 50px;
	color: #508FB1;
}
a:hover {
	opacity: 0.7;
}
#cont-box {
}
/*#cont-box h2.saku{*/
#cont-box h2{
	 /*background-image: url(../images/footer_1.png);
		background-repeat: repeat-x;*/
		/*background-size: 30px;*/
		/*background-size: contain;*/
		/*border-bottom: 3px #FEFAAD solid;*/
 }
h2 {
	width: 100%;
	text-align: center;
	margin-bottom: 5px;
	margin-top: 15px;
}
span.apeal {
	color: #DB46E4;
	font-weight: bold;
}
span.notice {
	color: #A22224;
	font-weight: bold;
}
a {
	color: #F98435;
	/*color: #97c;*/
}


/* ----------------- top contents ----------------- */

#cont-container #top-vis {
	position: relative;
	/*margin-bottom: 20px;*/
  margin-bottom: 7em;
}
#cont-container #top-vis img {
	width: 100%;
}
#cont-container #top-vis .youtube-btn {
	background: rgba(0,0,0,0.3);
	position: absolute;
	bottom: 20px;
}
#cont-container #top-vis .youtube-btn p {
	color: #fff;
	font-size: 9pt;
	margin-left: 10px;
}
#cont-container #top-vis .youtube-btn img {
	width: 150px;
	height: auto;
}
#cont-container #top-vis .youtube-btn#ytb-ita {
	right: 210px;
}
#cont-container #top-vis .youtube-btn#ytb-short {
	right: 30px;
}

div.topbox {
	width: 43%;
	background: rgba(255,255,255,0.4);
	float: left;
	text-align: center;
	padding: 10px 0;
}
div.topbox.l {
	margin: 2% 2% 2% 5%;
}
div.topbox.r {
	margin: 2% 5% 2% 2%;
}
div.topbox iframe{
	width: 95%;
}
div.topbox img {
	width: 95%;
	height: auto;
}
div.infobox {
	text-align: left;
}
div.infobox {
	font-size: 9pt;
}
div.infobox h3 {
	font-size: 10pt;
	font-weight: bold;
}
div.infobox .topic {
	padding: 15px 10px;
	border-bottom: 1px #94C4D3 solid;
}
div.infobox .topic a{
	color: #5B96B6;
	text-decoration: none;
}
div.infobox .topic a:hover{
	color: #F98435;
	/*text-decoration: underline;*/
}

div.infobox .topic span{
		float: left;
		margin-right: 5px;
		border: solid 1px;
		padding: 0 1em;
	}

div#banners {
	margin: 20px 0 40px 0;
}
div#banners div.bannerbox {
	width: 21%;
	height: 50px;
	float: left;
	text-align: center;
	vertical-align: middle;
	background: rgba(255,255,255,0.4);
	margin: 1%;
	padding: 5px 0;
}
div#banners div.bannerbox.l {
	margin: 1% 5% 1% 1%;
}
div#banners div.bannerbox.r {
	margin: 1% 1% 1% 5%;
}
div#banners div.bannerbox img {
	max-width: 100%;
	max-height: 50px;
	width: auto;
	height: auto;
}

/* ----------------- layer 2 contents ----------------- */
div.info-box {
	/*margin: 30px 5%;*/
	margin: 0px 5%;
	font-size: 10pt;
	border-top: 1px #c4d9e6 solid;
	padding: 15px 5%;
}
div.info-box p {
	margin: 10px;
	line-height: 1.8em;
}
div.info-box h4 {
	font-size: 11pt;
	font-weight: bold;
	line-height: 1.8em;
}
div.info-box h4 span.release-time {
	font-size: 9pt;
	color: #999;
}
div.information-page h3 {
	font-size: 12pt;
	font-weight: bold;
	background: rgba(255,255,255,0.3);
	/*margin: 0 5%;*/
	padding: 10px 5px;
	width: 90%;
	margin: 0 auto;
}
div.information-page span.year {
	font-size: 11pt;
	margin-left: 7%;
	font-weight: bold;
}

div.disco-box {
	margin: 30px 5%;
	font-size: 10pt;
	border-top: 1px #c4d9e6 solid;
	padding: 30px 5%;
}
div.disco-box p {
	margin: 10px;
}
div.disco-box h4 {
	font-size: 12pt;
	font-weight: bold;
  margin-top: 5px;
}
div.disco-box h4 span.cd-type {
	font-size: 9pt;
	color: #999;
}
div.disco-box .disco-img {
	max-width: 200px;
	width: 30%;
	float: left;
}
div.disco-box .disco-txt {
	width: 65%;
	float: right;
}

div#magaform {
	margin: 30px 5%;
	font-size: 10pt;
	padding: 30px 5%;
}
div#magaform input{
	    max-width: 240px;
			min-width: 40px;
		}

/* ----------------- biography contents ----------------- */
div#cont-box.biography {
}
div#cont-box.biography img#biovis {
	width: 100%;
}
div#cont-box.biography p {
	font-size: 11pt;
	margin: 20px auto;
	line-height: 2em;
	max-width: 900px;
}


/* スケジュール_アニメーション */
figure {
	position: relative;
	width: 100%;
}
figure img {
	position: relative;
	z-index: 2;
}
figure h3{
	position: absolute;
	bottom: 0;
	left: 50px;
	z-index: 1;
	opacity: 0;
	-webkit-transition: .3s;
	transition: .3s;
}
figure:hover h3 {
	bottom: -17px;
	opacity: 1;
}

ul.accordion{ /* アコーディオンを含むリスト */
  /*width: 150px;*/
  margin: 20px 0;
  }
ul.accordion ul{
  margin: 2px 0 10px 14px;
  display: none; /* アコーディオン非表示 */
	background: rgba(255,255,255,0.4);
  }
ul.accordion li{ /* 見出し */
  list-style: none;
  line-height: 20px;
  border-left: 2px #87B2CA solid;
  padding-left:5px;
  margin: 5px 0;
  /*color: #333;*/
	padding-bottom: 20px;
  padding-top: 10px;

  }
ul.accordion li a{
  /*color: #333;*/
  text-decoration: none;
  }
/*ul.accordion li a:hover, .over{
  color: #666;
  text-decoration: underline;
  }*/
ul.accordion li.current{
  font-weight: bold;
  background-color: #dffcff;
  }
ul.accordion li.sub{ /* サブメニュー */
  border: none;
  /*padding: 0;*/
  border-top: 1px #c4d9e6 solid;
	padding: 10px 0px 5px 0px;
  }
ul.accordion li h4{ /* サブメニューの三角アイコン */
  background:url(accordion-list1.gif) no-repeat 0 6px;
  /*background-size: 4px 7px;*/
  padding-left: 20px;
	line-height: 1.8em;
  cursor: pointer;
  }
ul.accordion li h4:hover{text-decoration: underline;}
ul.accordion li h4.open{ /* サブメニューが開いてるとき */
  background:url(accordion-list2.gif) no-repeat 0 7px;
  /*background-size: 7px 4px;*/
  padding-left: 20px;
  }
/* ----------- Responsive ---------------------------------------------------- */

.formb {
	display: none;
}

@media screen and (max-width:1040px){
	#cont-wrapper {
		padding: 0 5px 20px 5px;
	}
	div#cont-box.biography p {
		margin: 20px;
	}
}
@media screen and (max-width:800px){
	.forpc {
		display: none;
	}
	.formb {
		display: block;
	}


	header a#head-logo img {
		width: 170px;
	}

	h2 img {
		/*max-width: 80%;*/
		max-width: 100%;
	}

	header #btn-spnavmenu {
		position: fixed;
		top: 10px;
		right: 5%;
		/*background: rgba(255,255,255,0.9);*/
		z-index: 1001;
		/*border: 1px #508fb1 solid;*/
		/*height: 40px;*/
		padding: 0 10px;
	}
	header #btn-spnavmenu img{
		border: 1px #508fb1 solid;
		width: 50px;
		background: rgba(255,255,255,0.7);
	}

	nav.formb {
		display: block;
		position: fixed;
		top: 30px;
		width: 5%;
		right: 5%;
		background: rgba(255,255,255,0.95);
		z-index: 1000;
		/*border: 1px #508fb1 solid;*/
		padding: 0 0 30px 0;
		opacity: 0;
		position: fixed;
		top: 0px;
		right: 0%;
		box-shadow: 0px 3px 10px #A8BAC6;
	}
	header ul li {
		width: 100% !important;
		float: none;
		height: auto;
	}
	header ul li a {
		display: block;
		height: 0px;
		padding: 10px 0;
	}

	header ul li#nav-top {
		background: url(../images/nav-top-sp.png) center 0px no-repeat;
    background-size: contain;
	}
	header ul li#nav-information {
		background: url(../images/nav-information-sp.png) center 0px no-repeat;
		background-size: contain;
	}
	header ul li#nav-schedule {
		background: url(../images/nav-schedule-sp.png) center 0px no-repeat;
		background-size: contain;
	}
	header ul li#nav-discography {
		background: url(../images/nav-discography-sp.png) center 0px no-repeat;
		background-size: contain;
	}
	header ul li#nav-biography {
		background: url(../images/nav-biography-sp.png) center 0px no-repeat;
		background-size: contain;
	}
	header ul li#nav-goods {
		background: url(../images/nav-goods-sp.png) center 0px no-repeat;
		background-size: contain;
	}
	header ul li#nav-blog {
		background: url(../images/nav-blog-sp.png) center 0px no-repeat;
		background-size: contain;
	}
	header ul li#nav-mailmagazine {
		background: url(../images/nav-mailmagazine-sp.png) center 0px no-repeat;
		background-size: contain;
	}
	header ul li#nav-contact {
		background: url(../images/nav-contact-sp.png) center 0px no-repeat;
		background-size: contain;
	}
	header ul li#nav-live {
		background: url(../images/nav-live-sp.png) center 0px no-repeat;
		background-size: contain;
	}
	header ul li#nav-media {
		background: url(../images/nav-media-sp.png) center 0px no-repeat;
		background-size: contain;
	}

	div.topbox {
		width: 94%;
		margin: 2% 3% !important;
	}
	#cont-container #top-vis {
		margin-bottom: 0px;
    padding-bottom: 0em;
	}
	#cont-container #top-vis .youtube-btn {
		width: 120px;
		bottom: 10px;
	}
	#cont-container #top-vis .youtube-btn p {
		font-size: 8pt;
		margin: 0;
	}
	#cont-container #top-vis .youtube-btn img {
		width: 120px;
		height: auto;
	}
	#cont-container #top-vis .youtube-btn#ytb-ita {
		left: 40px;
	}
	#cont-container #top-vis .youtube-btn#ytb-short {
		right: 40px;
	}

	div#banners div.bannerbox {
		width: 48%;
		margin: 1% !important;
	}


	div.disco-box .disco-img,
	div.disco-box .disco-txt {
		float: none;
		width: auto;
	}


}

@media screen and (max-width:350px){
	#cont-container #top-vis .youtube-btn#ytb-ita {
		left: 10px;
	}
	#cont-container #top-vis .youtube-btn#ytb-short {
		right: 10px;
	}
}



/* ----------------201601 index---------------- */
h1.spmenu-logo{height: 90px;}
h1.spmenu-logo img{  width: 170px;    margin-left: 15px;}

.spmenu hr{
	height: 1px;
	background-color: #D4E4EC;
	border: none;
	color: #D4E4EC;
	width: 90%;
	margin: 0 auto;
}


div.movieCSS_box{
	overflow: hidden;
	width: 380px;
	margin: 0 auto;
	padding-top: 2em;
  padding-bottom: 2em;
}
div.movieCSS_box #ytb-ita{
	float: left;
}
div.movieCSS_box #ytb-short{
  float: right;
}

.gotop{
    position: fixed;
    /*right: 5%;*/
    bottom: 0;

		width: 100%;
		/*background-image: url(../images/footer.png);
		background-repeat: repeat-x;*/
		/*background: rgba(68,119,144,0.3);*/
		color: #fff;
		text-align: center;
		font-size: 8pt;
		padding: 5px 0;
		height: 130px;
		/*animation: bgscroll 50s linear infinite;*/
}
.gotop a{
    width: 125px;
    height: 94px;
    display: block;
}

div#gogo{
	 	background: url(../images/footer.png)repeat-x;
    margin:0;
    padding:0;

	}

@keyframes bgscroll {
    0% {background-position: -900px 0;}
    100% {background-position: 0px 0;}
}
#contentCAR{
		text-align: right;
    text-align: -webkit-right;
		text-align: -moz-right;
}

#rect {
    /*margin:100px auto 0;*/
		margin-right: 10%;
    /*background:#87d3ff;*/
    width:90%;
    padding:20px;
    text-align:right;
    /*color:#fff;*/
		/*height: 100px;*/
}
#rect img{
	width: 100%;
	max-width: 400px;
	top: -90px;
position: relative;
z-index: 2;
}

/* ----------------201601 live---------------- */
div.discograpy-page h1,
div.live-page h1{
		width: 90%;
    margin: 0 auto;
    padding: 5px 15px;
		font-size: 20px;
		background: #AECEDE;
		color: #fff;
	}
	/*div.schedule h5{

    margin: 0 auto;
    padding: 5px 15px;
		font-size: 16px;
		background: #C4D9E6;
		color: #fff;
    margin-top: 10px;
	}*/


		div.schedule-2015 h5{
			width: 95%;
			max-width: 1050px;
	    margin: 0 auto;
	    padding: 5px 15px;
		}

	div.live-page h5,
	div.information-page h3,
	div.schedule-2015 h5,
	div.schedule h5 {
		position: relative;
		padding: .3em .75em;
		font-size: 16px;
		background-color: #AECEDE;
    color: #fff;
    margin-top: 35px;
	}

	div.live-page h5::before,
	div.live-page h5::after,
	div.information-page h3::before,
	div.information-page h3::after,
	div.schedule-2015 h5::before,
	div.schedule-2015 h5::after,
	div.schedule h5::before,
	div.schedule h5::after {
		position: absolute;
		bottom: 8px;
		z-index: -1;
		content: '';
		width: 30%;
		height: 50%;
		box-shadow: 0 10px 15px rgba(0, 0, 0, .2);
	}

	div.live-page h5::before,
	div.information-page h3::before,
	div.schedule-2015 h5::before,
	div.schedule h5::before {
		-webkit-transform: rotate(-3deg);
		transform: rotate(-3deg);
		left: .3em;
	}

	div.live-page h5::after,
	div.information-page h3::after,
	div.schedule-2015 h5::after,
	div.schedule h5::after {
		-webkit-transform: rotate(3deg);
		transform: rotate(3deg);
		right: .3em;
	}



	div.live-page h5{
		width: 88%;
    max-width: 1050px;
    margin: 0 auto;
    padding: 5px 15px;
		/*font-size: 16px;*/
		background: #5E9AB9;
		/*color: #fff;*/
    margin-top: 10px;
	}
div.live-box{
	font-size: 10pt;
	border-top: 1px #c4d9e6 solid;
	width: 90%;
	margin: 0 auto;
  padding: 15px;
}
div.live-box h4{
	font-size: 12pt;
	font-weight: bold;
}
.live-txt p{margin: 1em 1.5em;}
.live-txt-X{color: red;margin: 1.5em 1.5em;}
.live-Tbox{
		width: 90%;
    margin: 0 auto;
	 padding: 1em 0em;
	}
.live-Tbox p{ font-size: 12px; padding: 0.5em 0em; }
.live-img{
	width: 90%;
	margin: 0 auto;
	text-align: center
}
img.live-img-x{width: 47%;max-width: 350px; padding: 1em 1%;}
img.live-img-y{width: 47%;max-width: 230px;padding: 1em 1%;}
.live-img img.imgL{float: left;}
.live-img img.imgR{float: right;}

/*Liveメニュー*/
div.live-menu{
	overflow: hidden;
	height: auto;
	width: 90%;
	max-width: 300px;
	margin: 0 auto;
	padding: 20px 0;
}
div.live-menu a{
	color: #fff;
	/*text-decoration: none;*/
	text-decoration: none;
	background: #508FB1;
	padding: 5px 10px;
}
div.live-menu a:hover{
	/*color: #508FB1;
	text-decoration: underline;*/
}
div.live-menu ul{}
div.live-menu li{
	float: left;
	width: 30%;
  text-align: center;
	/*margin-bottom: 10px;*/
}

/*過去Liveメニュー*/
div.oldlive-menu{
	overflow: hidden;
	height: auto;
	width: 90%;
	max-width: 380px;
	margin: 0 auto;
	padding: 20px 0;
}
div.oldlive-menu a{
	color: #fff;
	/*text-decoration: none;*/
	text-decoration: none;
	background: #508FB1;
	padding: 5px 10px;
}
div.oldlive-menu a:hover{
	/*color: #508FB1;
	text-decoration: underline;*/
}
div.oldlive-menu ul{}
div.oldlive-menu li{
	float: left;
	width: 50%;
  /*text-align: center;*/
  margin-bottom: 1em;
}

/*mediaメニュー*/
div.media-menu{
	overflow: hidden;
	height: auto;
	width: 90%;
	max-width: 345px;
	margin: 0 auto;
	padding: 20px 0;
}
div.media-menu a{
	color: #fff;
	text-decoration: none;
	text-decoration: none;
	background: #508FB1;
	padding: 5px 10px;
}
div.media-menu a:hover{
	/*color: #508FB1;
	text-decoration: underline;*/
}
div.media-menu ul{}
div.media-menu li{
	float: left;
	width: 33%;
  text-align: center;
}

/*discograpyメニュー*/
div.discograpy-menu{
	overflow: hidden;
	height: auto;
	width: 90%;
	max-width: 540px;
	margin: 0 auto;
	padding: 30px 0;
}
div.discograpy-menu a{
	color: #fff;
	text-decoration: none;
	background: #508FB1;
  padding: 5px 10px;
}
div.discograpy-menu a:hover{
	/*color: #508FB1;*/
	/*text-decoration: underline;*/
}
div.discograpy-menu ul{}
div.discograpy-menu li{
	float: left;
	width: 25%;
  text-align: center;
}

/*scheduleメニュー*/
div.schedule-menu{
	overflow: hidden;
	height: auto;
	width: 90%;
	max-width: 500px;
	margin: 0 auto;
	padding: 20px 0;
}
div.schedule-menu a{
	color: #fff;
	/*text-decoration: none;*/
	text-decoration: none;
	background: #508FB1;
	padding: 5px 10px;
}
div.schedule-menu a:hover{
	/*color: #508FB1;
	text-decoration: underline;*/

}
div.schedule-menu ul{}
div.schedule-menu li{
	float: left;
	width: 20%;
  text-align: center;
}

div.schedule-menu-moon{
	overflow: hidden;
	height: auto;
	width: 80%;
	max-width: 730px;
	margin: 0 auto;
	padding: 20px 0;
}
div.schedule-menu-moon a{
	color: #fff;
	/*text-decoration: none;*/
	text-decoration: none;
	background: #508FB1;
	padding: 5px 10px;
}
div.schedule-menu-moon a:hover{
	/*color: #508FB1;
	text-decoration: underline;*/
}
div.schedule-menu-moon ul{}
div.schedule-menu-moon li{
	float: left;
	width: 50%;
	max-width: 60px;
  text-align: center;
  margin-top: 10px;
}

div.schedule-box{
	  width: 90%;
    margin: 0 auto;
    border-top: none;
	}

div.schedule-box ul.accordion li.sub{
	width: 95%;
	margin: 0 auto;
}

/* ----------------201601 discography---------------- */
.it-re_box {
	max-width: 180px;
  text-align: center;
	padding-top: 10px;
  padding-left: 10px;
}
.it-re_box h4#itunes{
  margin: 10px 0;
	/*background-color: #4694DD;*/
	background-color:#508FB1;
  font-weight: normal;
	font-size: 11pt;
}
.it-re_box h4#itunes:hover{background-color: #76AEE2;}
.it-re_box h4#recochoku{
  margin: 10px 0;
	/*background-color: #E4006F;*/
	background-color:#508FB1;
  font-weight: normal;
	font-size: 11pt;
}
.it-re_box h4#recochoku:hover{background-color: #F554A2;}
.it-re_box a {
	color: #fff;
	text-decoration: none;
}

/*共通CSS*/
.h4CSS01{
	width: 90%;
	margin: 0 auto;
  margin-top: 1em;
}

span.label{
	border: solid 1px;
	padding: 0 1em;
}

@media screen and (max-width:900px){
	header ul li#nav-top{
		display: none;
	}
}
/*900 END*/

@media screen and (max-width:800px){
	header ul li#nav-top{
		display: block;
	}
	#bgws{	background-image: url(../images/ws03_sp.png);}
	header{
		 height: 100px;
		 width: 90%;
	 }
	#cont-wrapper {padding: 0px;}
	#cont-box {
		width: 95%;
		margin: 0 auto;
	}
	div.movieCSS_box{
		width: 70%;
	}
	div.movieCSS_box #ytb-ita{
		float:none;
	}
	div.movieCSS_box #ytb-short{
		padding-top: 1em;
	  float: none;
	}
	div.movieCSS_box img{
    width: 100%;
	}

	header div.spmenu-box{
		width: 100%;
		height: auto;
    overflow: hidden;
	}
	header ul.spmenu{ width: 50%;}
	header ul.spmenu-l{ float: left; }
	header ul.spmenu-r{ float: right;}

}
/*800 END*/

@media screen and (max-width:750px){
	#topagetop {
		z-index: 999;
	}

	img.live-img-x{width: 100%;max-width: 350px; padding: 1em 0 0 0;}
	img.live-img-y{width: 100%;max-width: 230px;padding: 1em 0 0 0;}

	div.schedule-2015 h5{width: auto;}
	div.live-page h5{width:auto;}
}
/*750 END*/

@media screen and (max-width:600px){
	div#gogo{display: none !important;background-position:0px !important;}
	footer {
		width: 100%;
		background-image: url(../images/footer_sp.png);
	  background-repeat: repeat-x;
		background-position:right bottom;
		/*background-size: contain;*/
		background-size: cover;
		/*height: auto;*/
    height: 225px;
	}
	footer #footer-car {
			background-image: none;
		  background-repeat: no-repeat;
			background-size: contain;
			height: 230px;

	}

	#cont-container #top-vis{
		padding-bottom: 0em;
		margin-bottom: 0px;
	}
	div.live-page h1{
		width: auto;
		font-size: 18px;
	}
	div.live-box{padding: 15px 0px;    width: auto;}
	.live-txt p{margin: 1em;}

	div.info-box{
		margin: 0;
		padding: 0px;
		width: auto;
	}

	ul.accordion ul{margin:0px;}
	ul.accordion li h4{ font-size: 14px;}
	div.information-page h3{width: auto;}
	footer a{margin-left:auto;}
	footer h3 br{display: block;}
}
/*600 END*/

@media screen and (max-width:500px){
	footer {
		height: 225px;
	}

	footer h3{
		/*padding-top: 115px;*/
		/*text-align: left;*/
		/*width: 185px;*/
		/*margin-left: 10px;*/
    /*line-height: 1.5em;*/
    /*text-indent: 5px;*/
	}

	footer a{    margin-left: 10px;}

	div.discograpy-menu li{
		width: 50%;
		margin-top: 20px;
	}

	div.media-menu{
		width: 100%;
	}
	div.live-menu{
		width: 100%;
	}
	div.oldlive-menu li{
    width: 100%;
		text-align: center;
	}

	#cont-box table {  width: 100%;}
	div.disco-box{margin:0;}

}
/*500 END*/

@media screen and (max-width:470px){

	header ul.spmenu{ width: 100%;}
	header ul.spmenu-l{ float: none; }
	header ul.spmenu-r{ float: none;}

}
/*480 END*/


@media screen and (max-height:350px){
	h1.spmenu-logo img{width: 140px;}
	h1.spmenu-logo{height: 70px;}
	header ul li a{padding: 8px 0;}
	/*header ul.spmenu{ width: 100%;}
	header ul.spmenu-l{ float: none; }
	header ul.spmenu-r{ float: none;}*/

}
/*height 350 END*/

@media screen and (max-width:320px){
	#toppage_MST header hr#nav-top,
	#toppage_MST header ul li#nav-top {
    display: none;
	}
}
/*320 END*/