.rsd_body{
  color: #d4a608;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  text-align: center;
}

a {
  color: #d4a608;
     -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}


h1{
  font-family: 'Oswald', sans-serif;
  font-size: 40px;
  font-weight:700;
  text-align: left;
  }

h2 {
 font-family: 'Oswald', sans-serif;
 color: #d4a608;
 margin-top: 230px;
 font-size:  40px;
 font-weight:700;
 line-height: 60px;
 letter-spacing: 5px;
 text-align: center;
 margin-bottom: 70px;
 text-shadow:
    -1px -1px #000,
    1px -1px #000,
    -1px 1px #000,
    1px 1px #000;
}

h3{
 font-size:  20px;
 font-weight:700;
 text-align: center;
 margin-top: 50px;
 margin-bottom: 70px;
}


h4 {
  font-weight: 700;
  font-size:  20px;
  margin-top: 50px;
}


.snsbtn{
  display: flex;
  justify-content: center;
}

li.rsd_facebook{
  margin-right: 10px;
}
li.rsd_twitter{
  margin-top: 8px;
}




/* 画像*/

#hedimg{
  margin-top: 100px;
}
.kandori{
 text-align: center;
}
.g1,
.g2,
.g3{
  margin-bottom: 100px;
}






/* p claas*/

.text_about{
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
  margin-bottom: 70px;
}

p.info{
  text-align: center;
line-height : 20px;
}




/*widht*/

.topinfo,.about,.talk,.sale,
.instore,.info,.schedule,.inner-release{
  padding: 20px;
  margin: 0 auto;
}


.inner-release,.djimg{margin: 0 auto;}

/* アイテムカタログ*/


.release{
    background-color: #d4a608;
}






ul.product a{
  color: #fff;
}

ul.product a:hover{
  color: #000;
}

.product_box{
  margin: 100px 0 100px 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
}

.scale img{
    width: 290px;
    height: 290px;
    overflow: hidden;
}
.scale img {
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
.scale img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}




.cautionlist{
  font-weight: 700;
  margin-bottom: 90px;
  text-align: center;
  line-height: 20px;
}

.cautionlist li{
  line-height: 40px;
}

.button{
  text-align: center;
}


/*button*/

.linkbutton{
  margin-top: 20px;
  margin: 0 auto;
  background-color: #d4a608;
  line-height: 200px;
  border: 1px solid #d4a608;
  color: #fff !important;
  letter-spacing: 2px;
}
.linkbutton:hover {
  color: #d4a608 !important;
  border: 1px solid #d4a608;
  background-color: #fff;
  border-color: #d4a608;
  letter-spacing: 2px;
}
.linkbutton {
  font-size: 18px;
  display: inline-block;
  width: 280px;
  height: 70px;
  text-align: center;
  text-decoration: none;
  line-height: 70px;
  outline: none;
}
.linkbutton::before,
.linkbutton::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.linkbutton,
.linkbutton::before,
.linkbutton::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}


.morebutton{
  margin: 20px 0 50px 0;
  background-color: #000;
  line-height: 200px;
  border: 1px solid #000;
  color: #fff !important;
  letter-spacing: 2px;
}
.morebutton:hover {
  color: #000 !important;
  border: 1px solid #000;
  background-color: #fff;
  border-color: #000;
  letter-spacing: 2px;
}
.morebutton {
  font-size: 18px;
  display: inline-block;
  width: 280px;
  height: 70px;
  text-align: center;
  text-decoration: none;
  line-height: 70px;
  outline: none;
}
.morebutton::before,
.morebutton::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.morebutton,
.morebutton::before,
.morebutton::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}






/*dj*/

.djpop{margin: 60px 0 80px 0;}
.djimg{padding-bottom: 15px;}
.dj_imgbox{
    margin-top: 140px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-wrap: wrap;
}


/*talk*/

.jail {color:#fff; background-color: #d4a608; padding: 5px;}
.jyimg,.booking{
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}


.book{
  margin-top: 150px;
}





p.open,
p.cirkit,
p.sale{
  font-family: 'Bangers', cursive;
  font-size: 50px;
  color: #252525;
  text-align: center;
}

.profile{
  border: 3px solid  #d4a608;
  padding: 30px;
  text-align: left;
  text-align: justify;
}

.map{
  margin-bottom: -100px;
}


@media ( max-width:1199px ) {
  .talk,.dj_imgbox,.jyimg,
  .instore,.info,.inner-release,.cautionlist{
    width: 300px;
    margin: 0 auto;
  }
.salepop,.djpop,.timetable,.product_pop {width: 100%}
.talk_right,.djimg,.book_right{width: 300px;}
.y_title{width: 90%; margin: -40px 0 50px 0;}
.b_title,.product_pop{width: 90%;}
.product_box{margin: 0 auto; padding-top: 30px;}
ul.product, .title{ width: 290px; margin: 0 auto;}
ul.product{padding-bottom: 30px;}
.b_title{margin-bottom: 50px;}
}

/* ########### 1200px ########### */

@media (min-width: 1200px) {


.profile{width: 40%}
.inner-release,.dj_imgbox{
  width: 1200px;
  margin: 0 auto;
}
.timetable{
  width: 995px;
  height: 1112px;
}
.product_pop{
  width: 566px;
  padding: 100px 0 100px 0;
}
.profile{
  margin-top:100px;
  margin: 0 auto;
}
ul.product, .title{
  width: 290px;
  margin: 50px 0 50px 0;
}

.jyimg{margin: 150px 0 100px 0;}
.y_title{
  width: 407px;
  height: 213px;
  margin: 200px 0 0 -80px;}
.book_right{
  width: 400px;
}

.b_title{
  z-index: 1;
  margin: 0px -50px 20px 0;}
}
}