/* CSS Document */

*{
margin:0;
padding:0;
}

#wrapper{
width:900px;
margin:0 auto;
}

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


#menue{
margin:16px 0;
}

#menue li{
font-size:16px;
display:inline-block;
margin-right:8px;
margin-bottom:8px;
font-weight:bold;
padding:8px;
border:1px dotted #cccccc;
}

#menue li:hover{
background-color:#FE5A50;
color:#ffffff;
}

h1{
font-size:13px;
background-color:#333333;
color:#ffffff;
padding:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:3px;
margin:5px 0;
}

h2{
font-size:19px;
color:#ffffff;
background-color:#333333;
padding: 8px;
margin-bottom:8px;
box-sizing:border-box;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
}

h3{
border-bottom:1px solid #cccccc;
padding-bottom:3px;
margin-top:64px;
margin-bottom:13px;
}

h4{
width:100%;
background-color:#efefef;
padding: 8px;
margin-top:32px;
margin-bottom:8px;
box-sizing:border-box;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
}


p{
font-size:15px;
margin-bottom:16px;
line-height:29px;
}

#headerimg{
width:900px;
height:300px;
border:0;
}

.hasen{
border:1px dotted #666666;
padding:8px 16px;
margin:8px 0;
}

.img1{
width:300px;
height:auto;
margin-bottom:8px;
}

.small_menue li{
list-style:none;
border:1px solid #999999;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
padding:8px;
width:49.5%;
display:inline-block;
margin-bottom:8px;
box-sizing:border-box;
}

table, td, tr{
border:1px solid #666666;
border-collapse:collapse;
}

td{
padding:8px;
}

#QandA-1 {
	width: 100%;
	font-family: メイリオ;
	font-size: 14px; /*全体のフォントサイズ*/
}

#QandA-1 dt {
	background: #FE5A50; /* 「Q」タイトルの背景色 */
	color: #fff; /* 「Q」タイトルの文字色 */
	padding: 8px;
	border-radius: 2px;
}
#QandA-1 dt:before {
	content: "Q.";
	font-weight: bold;
	margin-right: 8px;
}
#QandA-1 dd {
	margin: 24px 16px 40px 32px;
	line-height: 140%;
	text-indent: -24px;
}
#QandA-1 dd:before {
	content: "A.";
	font-weight: bold;
	margin-right: 8px;
}

.bggr{
background-color:#dfdfdf;
}

.topmenue li{
width:49.5%;
box-sizing:border-box;
padding:8px;
height:200px;
border:1px solid #cccccc;
display:inline-block;
list-style:none;
color:#ffffff;
font-size:16px;
font-weight:bold;
margin-bottom:8px;
background-repeat:no-repeat;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
}

.bgcl{
display:inline-block;
width:100%;
margin-top:140px;
padding:8px;
background-color: rgba(160,0,0,0.5);
box-sizing:border-box;
}

#bnr1{
background-image:url(https://soarmusic.com/img/rental1.jpg);
background-position:center;
}

#bnr2{
background-image:url(https://soarmusic.com/img/rental2.jpg);
background-position:center;
}

#bnr3{
background-image:url(https://soarmusic.com/img/rental3.jpg);
background-position:center;
}

#bnr4{
background-image:url(https://soarmusic.com/img/rental4.jpg);
background-position:center top;
}

#bnr5{
background-image:url(img/lesson-image/hiro2.jpg);
background-position:center;
}

#area1{
background-image:url(img/kitano.jpg);
background-position:right;
}

#area2{
background-image:url(img/shinkobe.jpg);
background-position:right;
}

#area3{
background-image:url(img/rocostudio.jpg);
background-position:right;
}

#news li{
list-style:none;
padding-bottom:3px;
margin-bottom:5px;
border-bottom:1px dotted #cccccc;
}

.fright{
float:right;
width:70%;
vertical-align:top;
}

.fright h4{
margin-top:0px;
}

.fleft{
float:left;
margin:0 16px 16px 0;
}

.clear{
clear:both;

}

.item{
border:1px solid #666666;
padding:8px 16px;
width:49%;
vertical-align:top;
box-sizing:border-box;
display:inline-block;
margin-bottom:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
}

.price{
color:#FF0000;
font-weight:bold;
border-top:1px dotted #cccccc;
padding-top:8px;
margin-top:8px;
}

.cart{
background-color:#333333;
color:#ffffff;
border:0;
padding:8px 24px 8px 48px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
background-image:url(https://soarmusic.com/img/cartbg2.gif);
background-repeat:no-repeat;
background-position:left;
}

.tag p{
display:inline-block;
padding:8px;
border:1px solid #666666;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
margin-top:8px;
}

iframe{
width:100%;
height:450px;
}

.tel{
font-size:24px;
font-weight:bold;
text-align:right;
}

.hasen{
padding:16px 16px 8px 16px;
border:1px dotted #666666;
margin-bottom:16px;
}

.red{
color:#FF0000;
}

address{
width:100%;
color:#ffffff;
padding:24px 8px;
background-color:#333333;
margin-top:32px;
font-size:13px;
font-style:normal;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
box-sizing:border-box;
}

@media (max-width:600px){

body{
padding:8px;
}

#wrapper{
width:100%;
box-sizing:border-box;
}

h2, h3, h4, h5{
font-size:25px;
}

p, td{
font-size:25px;
line-height:41px;
}

#headerimg{
width:100%;
height:auto;
}

#menue li{
font-size:25px;
width:49%;
margin-right:0;
padding:8px;
box-sizing:border-box;
}

.img1{
width:100%;
height:auto;
}

.topmenue li{
width:100%;
height:300px;
display:block;
font-size:19px;
border:1px solid #666666;
}

.bgcl{
margin-top:220px;
font-size:29px;
}

.small_menue li{
border:1px solid #cccccc;
padding:16px;
width:49%;
display:inline-block;
font-size:23px;
background-color:#FE5A50;
color:#ffffff;
}

#QandA-1{
font-size:19px;
}

.fright{
width:60%;
}

.item{
width:100%;
display:block;
}

.cart{
background-image:none;
font-size:25px;
padding:8px 32px;
margin-left:16px;
margin-bottom:16px;
}

.tel{
font-size:35px;
background-color:#333333;
color:#ffffff;
width:100%;
text-align:center;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
box-sizing:border-box;
padding:16px 16px 8px 16px;
margin-top:16px;
}

.tel a{
color:#ffffff;
}


}