/*==================================
全体
==================================*/
/*@media (min-width: 1200px) {
  .container {
    width:1150px
  }
  html {
  min-height: 100%;
  position: relative;
}
}*/
html {
  min-height: 100%;
  position: relative;
}
body {
  height : 100%;
  color : #dcdcdc;
  background : url(http://contents.syncl.jp/livesyncl/img/upload/up_2137802.jpg) center center / cover no-repeat fixed;
  margin-bottom: 5em;
}

.page2,.page-id-54,.page-id-24,.page-id-56,.page-id-58,.page-id-60 {
  height : 100%;
  color : #000000;
  background : url(http://contents.syncl.jp/livesyncl/img/upload/up_2152052.jpg) center center / cover no-repeat fixed;
}

a {
  text-decoration : none;
  color : #898989;
}

a:focus, a:hover {
  text-decoration : none;
  color : #e9472a;
}

a:focus {
  outline : thin dotted;
  outline : 5px auto -webkit-focus-ring-color;
  outline-offset : -2px;
}
a:visited{
  color: #898989;
}
.img-responsive-overwrite {
  margin : 0 auto;
}

#wrap {
  height : auto;
  min-height : 100%;
  margin : 0 auto -80px;
  padding : 0 0 80px;
}
ul{margin-left: 0;}
.demo-box2{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.demo-box2 h3{
	font-size : 17px;
	font-weight : bold;
	margin : 20px auto;
	padding : 12px 0;
	text-indent : 30px;
	letter-spacing : 2px;
	color : #fff;
	background-color : #898989;
	background-position : right;
}
/*==================================
スマホ
==================================*/
@media only screen and (max-width : 767px) {
  .img-100 {
    width : 100%;
    height : auto;
  }
  ul{
    margin-left:0;
  }

  .spMenuHidden{
    display: none;
    -webkit-animation-name : fade-in;
     -moz-animation-name : fade-in;
          animation-name : fade-in;
  -webkit-animation-duration : .5s;
     -moz-animation-duration : .5s;
          animation-duration : .5s;
  opacity : 1;
  }
  .spOmote {
  display : block;
  -webkit-animation-name : fade-in;
     -moz-animation-name : fade-in;
          animation-name : fade-in;
  -webkit-animation-duration : .5s;
     -moz-animation-duration : .5s;
          animation-duration : .5s;
  opacity : 1;
}
.entry-title{
  font-size:20px;
}
.container-fluid {
  padding-right: 0;
  padding-left: 0;
}
.top-news-title{
  width: 18em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.demo-box2 {
  margin-bottom : 20px;
  padding : 5px;
  border : solid 0 #ddd;
}
.demo-box2 h3{
	font-size : 18px;
	font-weight : bold;
	margin : 20px 0;
	padding : 12px;
	text-align : left;
	text-indent : 0;
	letter-spacing : 3px;
	color : #fff;
	background-color : #898989;
	background-position : right;
}
}

/*============================================
ヘッダ
============================================*/

#header h1 {
  margin : 0;
}

#logo h1 {
  margin : 100;
}


div.page {
  padding-bottom : 40px;
}
.demo-box {
  min-height : 170px;
  margin-bottom : 20px;
  padding : 5px;
  border : solid 0 #ddd;
}
.fwn {
  font-weight : normal;
}

.bg-jumbotron {
  min-height : 280px;
  color : #000;
  background-image : url(img/jumbotron.svg);
  background-position : center center;
}


@media (min-width: 1000px) {
  .navbar-nav {
    display : table;
    float : none;
    margin : 0 auto;
    table-layout : fixed;
  }
}
/*==================================
メニュー
==================================*/
.navbar-default {
  border : none;
  background-color : #000;32

}

.page2 .navbar-default {
  border : none;
  background-color : #898989;
}

.navbar-default .navbar-collapse {
  border : none;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus {
  color : #fff;
  background-color : #000;
}

.page2 .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus {
  color : #fff;
  background-color : #898989;
}

.navbar-default .navbar-nav > .active > a:hover {
  transition : all .5s ease;
  color : #fff;
  background-color : #ddd;
}
.nav > li > a {
  position : relative;
  display : block;
  padding : 15px 35.7px;
}
@media (min-width: 768px) {
  .navbar {
    border-radius : none;
  }
}


/*==================================
メイン
==================================*/
.mainbox h2 {
  color : #fff;
  font-size: 35px;
}


/*==================================
NEWS調整
==================================*/


.mainbox h3 {
  background-color:#898989;
  color:#FFF;
  padding:12px 0;
  margin:20px 0px;
  font-size:18px;
  font-weight:bold;
  letter-spacing:3px;
  text-indent:30px;
  background-position:right;

}
@media screen and (max-width: 768px) {
  .mainbox h3 {
  background-color:#898989;
  color:#FFF;
  padding:12px;
  margin:20px 0px;
  font-size:18px;
  font-weight:bold;
  letter-spacing:3px;
  text-indent:0;
  background-position:right;
  text-align: left;

}
}




/*==================================
サイド
==================================*/
.side-box p {
  margin-bottom : 30px;
  margin-top: 26px;
}
/*==================================
フッター
==================================*/
#footer {
  font-size : 10px;
  bottom : 0;
  width : 100%;
  height : 80px;
  margin : 50px 0 0 0;
  padding-top : 10px;
  text-align : center;
  background-color : #898989;
  bottom: 0;
  height: 7em;
  position: absolute;

}
@media screen and (max-width: 768px) {
 #footer {
  font-size : 10px;
  bottom : 0;
  width : 100%;
  height : 80px;
  margin : 50px 0 0 0;
  padding-top : 10px;
  text-align : center;
  background-color : #898989;
  bottom: 0;
  position: absolute;

}
}
#footer a{
  color: #dcdcdc;
}
.page-id-54 #footer a,
.page-id-56 #footer a,
.page-id-58 #footer a,
.page-id-60 #footer a,
.page-id-24 #footer a{
  color: #000;
}





/*==================================
MUSIC&GOODSページ調整
==================================*/
.groupItem{
  overflow:hidden;
  zoom:1;
  margin:0px;
}

.groupItem .box{
  padding:0px;
  margin:10px 25px 0px 10px;
  width:240px;
  height:330px;
  float:left;
}

.groupItem .boxdvd{
  padding:0px;
  margin:10px 25px 0px 10px;
  width:240px;
  height:400px;
  float:left;
}


.groupItem .box p{
  padding:5px;
  margin:0px;
  font-size:13px;
}

.subTitle {
  background-color:#898989;
  color:#FFF;
  padding:0px;
  margin:20px 0px;
  font-size:18px;
  letter-spacing : 3px;
  font-weight:bold;
  text-indent:20px;
  padding-top:15px;
  height: 50px;
  background-position:right;

}


/*==================================
MUSIC&GOODSページ調整
==================================*/
.groupFC{
  overflow:hidden;
  zoom:1;
  margin:0px;
}

.groupFC .box{
  padding:15px;
  margin:10px 30px 10px 0px;
  width:175px;
  height:250px;
  float:left;
}


.groupFC .box p{
  padding:5px;
  margin:0px;
  font-size:12px;
}



#contents {
  overflow: hidden;
  width: 1000px;
}
#contents ul {
  zoom: 1;
  width: 630px;
}
#contents ul:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
#contents li {
  float: left;
  margin: 0 10px 0 0;
}


#wonderpluginaudio-5 .amazingaudioplayer-text {
    height: 65px !important;
}

/*==================================
スライダー
==================================*/

.wideslider {
  padding-bottom: 0;
  width: 100%;
  text-align: left;
  position: relative;
  overflow: hidden;
}
.wideslider ul{
  margin: 0;
  padding:0;
}

.wideslider ul,
.wideslider ul li {
  float: left;
  display: inline;
  overflow: hidden;
}

.wideslider ul li img {
  width: 100%;
  display: none;
}

.wideslider_base {
  top: 0;
  position: absolute;
}
.wideslider_wrap {
  top: 0;
  position: absolute;
  overflow: hidden;

}
.slider_prev,
.slider_next {
  top: 0;
  overflow: hidden;
  position: absolute;
  z-index: 100;
  cursor: pointer;
}
.slider_prev {background: #fff url(../img/prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(../img/next.jpg) no-repeat left center;}

.pagination {
  display: none;
  bottom: 20px;
  left: 0;
  width: 100%;
  height: 30px;
  text-align: center;
  position: absolute;
  z-index: 200;
}

.pagination a {
  margin: 0 5px;
  width: 30px;
  height: 30px;
  display: inline-block;
  overflow: hidden;
}
.pagination a.pn1 {background: transparent url(../img/pn1.jpg) no-repeat left top;}
.pagination a.pn2 {background: transparent url(../img/pn2.jpg) no-repeat left top;}
.pagination a.pn3 {background: transparent url(../img/pn3.jpg) no-repeat left top;}
.pagination a.pn4 {background: transparent url(../img/pn4.jpg) no-repeat left top;}
.pagination a.pn5 {background: transparent url(../img/pn5.jpg) no-repeat left top;}

.pagination a.active {
  filter:alpha(opacity=100)!important;
  -moz-opacity: 1!important;
  opacity: 1!important;
}


/* =======================================
  ClearFixElements
======================================= */
.wideslider ul:after {
  content: ".";
  height: 0;
  clear: both;
  display: block;
  visibility: hidden;
}

.wideslider ul {
  display: inline-block;
  overflow: hidden;
}



/*==================================
汎用
==================================*/
.video-wrap {
  position: relative;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
  padding-top: 69px;
  padding-bottom: 50%;
  overflow: hidden;
}
.video-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
object#player{
    margin: 0 auto;
  display: block;
}
/*------------------------------------------------------------
margin・・・周りのブロックからの距離
-------------------------------------------------------------*/

.m0{ margin: 0!important; }/*周りからのmarginを0に*/
.m0-t{ margin-top: 0!important; }/*上からのmarginを0に*/
.m0-r{ margin-right: 0!important; }/*右からのmarginを0に*/
.m0-b{ margin-bottom: 0!important; }/*下からのmarginを0に*/
.m0-l{ margin-left: 0!important; }/*左からのmarginを0に*/

.m10{ margin: 10px!important; }/*周りからのmarginを10pxに*/
.m10-t{ margin-top: 10px!important; }/*周りからのmarginを10pxに*/
.m10-r{ margin-right: 10px!important; }/*周りからのmarginを10pxに*/
.m10-b{ margin-bottom: 10px!important; }/*周りからのmarginを10pxに*/
.m10-l{ margin-left: 10px!important; }/*周りからのmarginを10pxに*/

.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }

.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }

.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }


/*------------------------------------------------------------
padding・・・周りのブロックからの距離（padding）
-------------------------------------------------------------*/

.p0{ padding: 0!important; }
.p0-t{ padding-top: 0!important; }
.p0-r{ padding-right: 0!important; }
.p0-b{ padding-bottom: 0!important; }
.p0-l{ padding-left: 0!important; }

.p10{ padding: 10px!important; }
.p10-t{ padding-top: 10px!important; }
.p10-r{ padding-right: 10px!important; }
.p10-b{ padding-bottom: 10px!important; }
.p10-l{ padding-left: 10px!important; }

.p20{ padding: 20px!important; }
.p20-t{ padding-top: 20px!important; }
.p20-r{ padding-right: 20px!important; }
.p20-b{ padding-bottom: 20px!important; }
.p20-l{ padding-left: 20px!important; }

.p30{ padding: 30px!important; }
.p30-t{ padding-top: 30px!important; }
.p30-r{ padding-right: 30px!important; }
.p30-b{ padding-bottom: 30px!important; }
.p30-l{ padding-left: 30px!important; }

.p40{ padding: 40px!important; }
.p40-t{ padding-top: 40px!important; }
.p40-r{ padding-right: 40px!important; }
.p40-b{ padding-bottom: 40px!important; }
.p40-l{ padding-left: 40px!important; }

.p50{ padding: 50px!important; }
.p50-t{ padding-top: 50px!important; }
.p50-r{ padding-right: 50px!important; }
.p50-b{ padding-bottom: 50px!important; }
.p50-l{ padding-left: 50px!important; }

.p60{ padding: 60px!important; }
.p60-t{ padding-top: 60px!important; }
.p60-r{ padding-right: 60px!important; }
.p60-b{ padding-bottom: 60px!important; }
.p60-l{ padding-left: 60px!important; }

.form-width { max-width: 100%;}

/*==================================
point
==================================*/
.stry-member01-pointtable{
  border: none;
}
.stry-member01-pointtable th{
  background: transparent;
}