@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700);


.box h2 {
  display: inline-block;
  border-radius: 4px;
  position: relative;
//  font-size: 20px;
  width:100%;
//  background:#0e516f;
}
@media(min-width:475px){
.box h2 {
//  font-size: 26px;
}}




h3 {
//  color: #fff;
  font-weight: 700;
  font-size:26px;
  width:100%;
  padding:0 0 0px 0;
  margin:0 0 0px 0;
    line-height: 170%;
}
@media(min-width:475px){
h3 {
  font-size:26px;
}}


h4 {
  color: #f18f39;
  font-weight: 700;
  font-size:17px;
  background:#000;
  padding:3px 10px;
  margin:0;
//  float:left;
display:inline-block;
  text-align:center;
}


h5 {
  color: #f18f39;
  font-weight: 900;
  font-size:17px;
  ackground:#999;
  eight:13px;
  padding:0 0 0px 0;
  margin:0 0 20px 0;
}
@media(min-width:475px){
h5 {
  font-size:18px;
}}


h6 {
  color: #000;
  font-weight: 700;
  font-size:16px;
  width:100%;
  padding:0 0 0px 0;
  margin:0 0 0px 0;
    line-height: 170%;
}
@media(min-width:475px){
h6 {
  font-size:20px;
  padding:0 0 0px 0;
  margin:0 0 0px 0;
}}




.musician {
font-size:14px;
line-height: 150%;
margin:30px 0 60px 0;
}



.com_title {
  color: #000;
  font-weight: 700;
  font-size:17px;
  background:#f18f39;
  eight:13px;
  padding:2px 10px;
  margin:40px 0;
  float:left;

}

.title-border {
  font-weight: 700;
  font-size:18px;
color: #f18f39;
display: flex;
align-items: center;
}
.title-border:before {
border-top: 3px solid;
content: "";
flex-basis:60px;
}
.title-border:before {
margin-right: 1.5rem;
}


.guest_com {
margin:0 0 50px 15%;
}


.yoyaku {
  color: #fff;
  font-weight: 900;
  font-size:17px;
//  background:#000;
  padding:3px 10px;
  border:1px solid #fff;
  margin:20px;
//  float:left;
display:inline-block;
  text-align:center;
}

.yoyaku a {
  color: #fff;
}
.yoyaku a:hover, 
.yoyaku a:focus{
//  background:#000;
  color: #000;
}


.buy_title {
  color: #000;
  font-weight: 900;
  font-size:16px;
//  background:#f18f39;
  padding:1px 0;
  border:1px solid #fff;
  margin:20px 0;
//  float:left;
display:inline-block;
  text-align:center;
}
@media(min-width:475px){
.buy_title {
  font-size:17px;
}}

.buy_com {
  color: #f18f39;
  font-weight: 900;
  font-size:17px;
//  background:#f18f39;
  padding:1px 10px;
  border:1px solid #fff;
  margin:0 20px 20px 20px;
//  float:left;
display:inline-block;
  text-align:center;
}




/* ------------------------------------------------------------------------------------------------------- */






a {
  color: #2C3E4F;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}
.btn {
  font-weight: 300;
  border: 0;
}

.btn {
  font-weight: 300;
  padding:10px 20px 30px 20px;
  border: 0;
}
.btn.btn-primary {
color: #2C3E4F;
  background-color: #ecedef;
  border: #0e516f solid 1px;
  padding:5px 10px;
}
.btn.btn-primary:hover,
.btn.btn-primary.active {
color: #fff;
  background-color: #0e516f;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

a:hover,
a:focus {
  color: #80c9f1;
  text-decoration: none;
  outline: none;
}
.btn.btn-danger {
color: #2C3E4F;
  background-color: #ecedef;
  border: #0e516f solid 1px;
}
.btn.btn-danger:hover,
.btn.btn-danger.active {
color: #fff;
  background-color: #0e516f;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
a:hover,
a:focus {
  color: #0e516f;
  text-decoration: none;
  outline: none;
}



#contact a:hover,
#contact a:focus {
  color: #80c9f1;
  text-decoration: none;
  outline: none;
}
#contact .btn.btn-danger {
color: #2C3E4F;
  background-color: #ecedef;
  border: #0e516f solid 1px;
  padding:10px 20px 10px 20px;
}
#contact .btn.btn-danger:hover,
#contact .btn.btn-danger.active {
color: #fff;
  background-color: #0e516f;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#contact a:hover,
#contact a:focus {
  color: #0e516f;
  text-decoration: none;
  outline: none;
}






.bar {
position:relative;
background:#f18f39;
height:15px;
width:100%;
margin: 0 0 10px 0;
z-index:99999;
}



#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  z-index: 99999;
}


#main-slider {
  ackground-image: url(../images/title5.png);
  background-attachment: fixed;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  ackground-color:#999;
  padding: 0px 0;
  height: auto;
  position: relative;
  color: #fff;
  text-align:center;
}

.top_m img {
  width: 100%;
  max-width: 860px;
}



.top_m img {
  width: 100%;
}

.top_m_s img {
  width: 60%;
  margin:20px 0;
}
@media(min-width:500px){
.top_m_s img {
  width: 50%;
  margin:30px 0;
}}

@media(min-width:1000px){
.top_m_s img {
  width: 100%;
  margin:0;
}}

.onon img {
transition: 0.5s;
}

.onon img:hover {
opacity: 0.5;
}




.cd_price {
margin:10px 0;
font-size:14px;
}


.itunes {
font-size:14px;
}


 
 .profile {
 color:#000;
 font-weight:500;
 margin:50px 0;
 display: block;
 }
 
 
 
.movie {
    position: relative;
    padding:30px 0 56.25% 0;
    margin:10px 0 0px 0px;
    height: 0;
    width:95%;
    overflow: hidden;
}
@media(min-width:300px){
.movie {
    margin:10px 0 20px 0px;
    width:95%;
}}
@media(min-width:400px){
.movie {
    margin:10px 0 20px 0px;
    width:100%;
}}
@media(min-width:768px){
.movie {
    margin:10px 0 20px 00px;
    width:100%;
}}

.movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



.ggmap {
position: relative;
padding: 30px 0 56.25% 0;
height: 0;
overflow: hidden;
}
@media(min-width:768px){
.ggmap {
position: relative;
padding: 30px 0 56.25% 0;
margin:0 100px;
height: 0;
overflow: hidden;
}}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}




/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */





.box {
  padding: 50px 5px;
  margin:0px;
  ackground: #fff;
  order-bottom: 1px solid #e9e9e9;
  position: relative;
}
@media(min-width:1200px){
.box {
  margin:0 50px;
}}

.box.first {


  ackground: url(../images/lead_bg.png) no-repeat center center;
}
.box.last {
  border-radius: 0 0 5px 5px;
}







p.cast {
  border:#CDB16F solid 1px;
  padding:5px;
  margin:20px;
}







table {
  border-spacing: 0;
  border-collapse: collapse;
}

td,
th {
width:100%;
  padding: 0;
  background:#999;
}



.com {
text-align:center;
}
}
@media(min-width:457px){
.com  {
text-align:left;
}}

img.auto {
width : 100%;
}
@media(min-width:457px){
img.auto  {
width : auto;
}}
@media(min-width:768px){
img.auto  {
width : 100%;
}}









section {
  width:100%;
}










.waku {
  margin:0px 0 0 0;
padding:5px 0;
  border-top:#CDB16F solid 1px;
  border-bottom:#CDB16F solid 1px;
}


.waku1 {
padding:5px 0;
  border-top:#CDB16F solid 1px;
  border-bottom:#CDB16F solid 1px;
}

.waku2 {
padding:0 0 5px 0;
  border-bottom:#CDB16F solid 1px;
}
.waku3 {
padding:0 0 5px 0;
margin:0 0 5px 0;
  border-bottom:#CDB16F solid 1px;
  ackground:#333;
}





#services {
color:#000;
  background:#f18f39;
  width:100%;
  font-weight:400;
  order-top:#CDB16F solid 1px;
  order-bottom:#CDB16F solid 1px;
  padding:30px 0;
}
#services .box {
  padding: 0;
}


.center {
  text-align: center;
  
}




.left {
  text-align:left;
  padding:30px;
}


.text {
font-size:17px;
  line-height: 170%;
}
@media(min-width:768px){
.text {
font-size:17px;
}}













#footer {
  padding-top: 30px;
  padding-bottom: 30px;
  font-size:14px;
  text-align:center;
  background:#fff;
  color: #f18f39;
}

#footer a {
  color: #f18f39;
}
#footer a:hover, 
#footer a:focus {
  color: #000;
  text-decoration: underline;
}