@charset "UTF-8";

@font-face {
	font-family: Noto Font Black;
	src: url('/fonts/NotoSansCJKjp-Black.woff') ;
}

/*--------------------------------------------------------
1、サイト全体の背景設定
------------------------------------------------------*/



/*--------------------------------------------------------
2、サイト全体の共通設定
-------------------------------------------------------*/

body{
	background:none;
}



/*--------------------------------------------------------
3、エリアの設定
--------------------------------------------------------*/

#container{
}


/*--------------------------------------------------------
コンテンツ全体
--------------------------------------------------------*/

#main{
}
#main-in{
}
/*--------------------------------------------------------
メインコンテンツ（本文）
--------------------------------------------------------*/
#main-contents{
	width:100%;
	margin-top:0;
	font-size: 1.4em;
	clear:both;
}

#main-contents .contents{
	width:1200px;
	margin:0 auto 100px auto;
	padding: 0;
}
/*●H2タグ*/
#main-contents h2{
	background:#999;
	width:1130px;
	margin:20px auto 10px;
	padding:10px 0 10px 70px;
	color:#FFF;
}




/*--------------------------------------------------------
スタジオ紹介
--------------------------------------------------------*/
.studio_info{
	float:left;
	width:390px;
	margin:0 15px 15px 0;
	background:#eee;
	height:660px;
}
.studio_info_end{
	float:left;
	width:390px;
	margin:0 0 15px 0;
	background:#eee;
	height:660px;
}
#self,
#lobby,
#entrance{
	height:auto;
}

#main-contents .studio_header h3{
	margin:0;
	padding:5px 0;
}
#main-contents .studio_list h3{
	margin:0;
	padding:0;
}
#main-contents #pt1{
	background:#999;
	color:#FFF;
	padding:10px 20px;
	margin:20px 0;
	width:1160px;
	float:left;
}
.studio_header{
	background:url(/images/common/bg_red.gif);
	color:#FFF;
	padding:0 10px;
	margin:0;
}
.studio_list{
	padding:10px 10px;
	height:270px;
}

.studio_header img{
	width:40px;
	vertical-align:middle;
	padding:0;
	margin:0;
}
.kizai_listbox{
	float:left;
	margin:5px 0 0 0;
	font-size:0.8em;
	width:100%;
	border-top:#333 1px dotted;
}
.kizai_listbox-text{
	float:left;
	width:64%;
}
.kizai_listbox-photo{
	float:right;
	width:36%;
	margin-top:8px;
	text-align:center;
}
.kizai_listbox-syn{
	float:left;
	color:#000;
	width:100%;
	margin-top:5px;
}
.kizai_listbox-text2{
	float:left;
	width:55%;
}
.kizai_listbox-photo2{
	float:right;
	width:45%;
	margin-top:8px;
	text-align:center;
}

#main-contents .kizai_listbox h4{
	margin:0;
	padding:4px 0 0 0;
	text-decoration:none;
	color:#333;
}
#main-contents .kizai_listbox img{
	max-height:50px;
	max-width:83px;
	margin:4px 0 0;
}
#main-contents .kizai_rentalbox{
	float:left;
	text-align:center;
	width:70%;
	height:28px;
	margin:15px 15%;
	background: #CCC;
	border-radius:7px;
}
#main-contents .kizai-telbox{
	display:none;
	float:left;
	text-align:center;
	width:100%;
	height:40px;
	line-height:40px;
	margin:0 0 8px 0;
	background:url(../images/common/bg_bk.gif);
	font-size:1.0em;
	color:#FFF;
	text-decoration:none;
}
/*#main-contents .kizai-eria{
	float:left;
	width:40%;
	margin:0;
	background:url(../images/common/bg_bk.gif);
	font-size:1.0em;
	color:#FFF;
}
#main-contents .kizai-tel{
	float:right;
	width:60%;
	margin:0;
	padding:0;
	font-size:1.0em;
}*/
#main-contents .kizai-telbox a{
	display:inline-block;
	margin:0;
	text-decoration:none;
	color:#FFF;
}


#main-contents .kizai_rentalbox a{
	display:block;
	padding:5px;
	color:#666;
	text-decoration:none;
	border-radius:7px;
}
#main-contents .kizai_rentalbox a:hover{
	background:#F00;
}


#contents_bnr{
	float:left;
	margin-top:50px;
}

#part-list{
}
#part_gt{
	width:580px;
	float:left;
	padding:0 20px 0 0;
}
#part_bass{
	width:600px;
	float:left;
	padding:0 0px 0 0;
}
#part_drum{
}
#part_drum2{
	width:580px;
	float:left;
	padding:0 20px 0 0;
}
#part_piano{
	width:580px;
	float:left;
	padding:0 20px 0 0;
}
#part_piano2{
	width:600px;
	float:left;
	padding:0 0px 0 0;
}
#part_key{
	width:600px;
	float:left;
	padding:0 0px 0 0;
}

/*--------------------------------------------------------
レンタル機材紹介
--------------------------------------------------------*/
#page-menu{
	width:1200px;
	margin:0 auto;
}
#page-menu ul{
	padding:0;
	margin:0;
}
#page-menu li{
	float:left;
	list-style:none;
	width:199px;
	padding:0;
	margin:0 0 5px 0;
	border-right:#FFF 1px solid;
	text-align:center;
	font-size:0.9em;
}
#page-menu a{
	display:block;
	color:#FFF;
	background:#999;
	text-decoration:none;
	padding:10px;
}
#page-menu a:hover{
	background:#F00;
}


/*レンタル機材　goodsグッズ物販*/

.option_listbox{
	float:left;
	width:123px;
	margin:0 5px 10px 5px;
	font-size:0.6em;
}
.option_listbox img{
	margin:0;
	padding:0;
}
.option_text{
	background:#eee;
	padding:0 5px;
	height:55px;
}
#main-contents .option_listbox p{
	padding:5px 0 5px;
	margin:0;
	border-bottom:#666 1px dotted;
}
.option_box{
	clear:both;
}
#main-contents .option_box h3{
	clear:both;
	border-bottom:#666 1px dotted;
	padding: 20px 0 0;
	margin:30px 0 10px;
	
}

/*--------------------------------------------------------
初めての方へ
--------------------------------------------------------*/
#main-contents #first_menu{
}

#main-contents #first_box{
	background: url(../images/common/studio_first_bg.png) no-repeat;
}
#main-contents h3.faq0{
	display:block;
	width:97%;
	margin:0 auto 10px auto;
	padding:10px 0 0 3%;
	border-bottom:1px dotted #333;
	background:url(../images/icon/h3_first.png) 0.5% 90px / auto 30px no-repeat;
	font-size:1.4rem;
}
#main-contents h3.faq0 img{
	display:block;
	margin-left:-20px;
	margin-right:10px;
	float:left;
}
	
#main-contents h3.faq{
	display:block;
	width:97%;
	margin:0 auto 10px auto;
	padding:10px 0 0 3%;
	border-bottom:1px dotted #333;
	background:url(../images/icon/h3_first.png) 0.5% 11px / auto 30px no-repeat;
	font-size:1.4rem;
}
#main-contents h3.faq2{
	display:block;
	width:1200px;
	margin:10px auto 0px;
	padding:7px 0;
	text-decoration:none;
	border:none;
	font-size:1.5rem;
	background-color:#F90;
	height:40px;
	line-height:40px;
	color:#FFF;
	clear:both;
}

#main-contents h3.faq img{
	height:30px;
	display:none;
}
#main-contents h3.faq2 img{
	height:40px;
	margin:0 15px 0 20px;
}

#main-contents #first_box h4.faq{
	background: #F60;
	color:#FFF;
	padding:5px 10px;
	margin:0 0 10px 0;
}

#nav-faq{
	display:table;
	width:1200px;
	margin:0 auto;
	padding:0;
}
#nav-faq ul{
	margin:-5px 0 0 0;
	padding:0;
}
#nav-faq li{
	display:table-cell;
	width:239px;
	border-right:solid 1px #FFF;
	border-bottom:solid 1px #FFF;
	height:39px;
	line-height:39px;
	float:left;
	background:url(../images/common/bg_red_opacity.png);
	margin:0;
	padding:0;
	text-align:center;
	vertical-align:middle;
}
#nav-faq .end{
	width:240px;
	border-right:none;
	margin:0;
}
#nav-faq a{
	text-decoration:none;
	display:block;
	color:#FFF;
	font-size:1rem;
}
#nav-faq a:hover{
	background:url(../images/common/bg_bk_opacity.png);
	color:#FFF;
}
.return-faq{
	float:right;
	clear:right;
	text-decoration:none;
	margin-top:10px;
	margin-bottom:50px;
}
	


#first_box .first_img{float:left;}
#first_box .first_img img{width:200px;margin:0 20px 0 0;}

#first_box .first01{margin:0 0 70px 300px;}
#first_box .first02{margin:0 0 70px 360px;}
#first_box .first03{margin:0 0 100px 340px;}
#first_box .first04{margin:0 0 70px 220px;}
#first_box .first05{margin:0 0 70px 180px;}



/*-- WEB予約の説明-- */
#main-contents .webre_conts .faq{
	background:#000;
	color:#FFF;
	padding:2px 5px;
	margin-bottom:10px;
}

.webre_conts{
	margin:30px 0;
	float:left;
	width:100%;
}

.webre_img{
	float:left;
	margin:0 30px 30px 0;
}
	
.webre_img img{
	width:500px;
}


/*--------------------------------------------------------
お問合せ
--------------------------------------------------------*/
.contact_name{
	float:left;
	width:33%;	
}
.contact_band{
	float:left;
	width:33%;	
}
.contact_mail{
	float:left;
	width:33%;	
}
.contact_text{
	clear:both;
	float:left;
	margin-top:20px;
}



/*--------------------------------------------------------
LINE録り
--------------------------------------------------------*/





/*--------------------------------------------------------
staff紹介
--------------------------------------------------------*/
#staff-contents{
	width:390px;
	float:left;
	height:390px;
	margin:0 10px 10px 0;
	padding:0 0px 0 0;
}
#main-contents #staff-contents p{
	background:#FF9933;
	margin:0;
	padding:5px 0;
	text-align:center;
	color:fff;
}
.staff_thumbnail{
}
.staff_title{
	margin-top:10px;
}
#staff-contents p{
	font-weight:bold;
	color:#FFF;
	margin-bottom:50px;
}
.staff_title .comment{
}


/*--------------------------------------------------------
ライン録り
--------------------------------------------------------*/

#menu-line{
	width:1200px;
	margin:0;
	padding:0;
	text-align:center;
}
#menu-line ul{
	width:100%;
	margin:0;
	padding:0;
}

#menu-line li{
	float:left;
	width:239px;
	list-style:none;
	margin:0;
	padding:0;
	white-space: nowrap;
	border-right:1px solid #FFF;
}

#menu-line .end{
	width:240px;
	border-right:none;
}

#menu-line li a{
	width:100%;
	background-image:url(../images/common/bg_bk_opacity.png);
	padding:10px 0;
	margin:0;
	text-decoration:none;
	display:block;
	color:#FFF;
}
#menu-line li a:hover{
	background-image: url(../images/common/bg_gr.gif);
	color:#333;
}

.linerec_about{
	width:400px;
	height:140px;
	float:left;
	padding-bottom:10px;
}
#main-contents .linerec_p01{
	background:url(/line-rec/images/linerec_about01.png) no-repeat;
	padding:28px 20px 0 145px;height:110px;
}
#main-contents .linerec_p02{
	background:url(/line-rec/images/linerec_about02.png) no-repeat;
	padding:28px 20px 0 145px;height:110px;
}
#main-contents .linerec_p03{
	background:url(/line-rec/images/linerec_about03.png) no-repeat;
	padding:28px 20px 0 145px;height:110px;
}
#main-contents .linerec_p04{
	background:url(/line-rec/images/linerec_about04.png) no-repeat;
	padding:28px 20px 0 145px;height:110px;
}
#main-contents .linerec_p05{
	background:url(/line-rec/images/linerec_about05.png) no-repeat;
	padding:28px 20px 0 145px;height:110px;
}
#main-contents .linerec_p06{
	background:url(/line-rec/images/linerec_about06.png) no-repeat;
	padding:28px 20px 0 145px;height:110px;
}
#main-contents .linerec_p07{
	background:url(/line-rec/images/linerec_about07.png) no-repeat;
	padding:28px 20px 0 145px;height:110px;
}
#main-contents .linerec_p08{
	background:url(/line-rec/images/linerec_about08.png) no-repeat;
	padding:28px 20px 0 145px;height:110px;
}
#main-contents .linerec_p09{
	padding:28px 20px 0 50px;height:110px;
}

#main-contents .linerec{
	background-image: url(../images/icon/h3_linerec.png);
	background-repeat:no-repeat;
	background-size:30px;
	padding:5px 0 5px 35px;
	border-bottom:1px dotted #333;
}

.linerec_nagare{
	float:left;
	width:245px;
	padding:0 50px 10px 10px;
	margin:10px 10px 0 0;
	background-image:url(../images/icon/arrow_right.png);
	background-repeat:no-repeat;
	background-position:right;
}
.linerec_nagare-end{
	float:left;
	width:245px;
	border:0px solid #69F;
	padding:0 0 10px 10px;
	margin:10px 0 0 0;
	background-image:none;
}
.linerec_nagare img{
	width:245px;
	margin-bottom:10px;
}
.linerec_nagare-end img{
	width:245px;
	margin-bottom:10px;
}

/*------------------------------------------------------------
LINE@用
-------------------------------------------------------------*/

.lineat-box{
	float:left;
	padding:10px 0;
	margin:0 10px 10px 0;
	width:290px;
	text-align:center;
	background:#40C21B;
	color:#FFF;
}
.lineat-box a{color:#FFF;}



/*------------------------------------------------------------
246ビギナーズレッスン用
-------------------------------------------------------------*/

.lesson_topics{
	display:block;
	background:#00A0E9;
	float:left;
	width:350px;
	margin:5px 10px 0 0;
	padding:20px;
	color:#FFF;
}
.lesson_topics_text{
	background-image:url(../images/icon/icon-onpu.png);
	background-repeat:no-repeat;
	background-size:25px;
	background-position:center left;
	padding-left:45px;
}

.lesson_nagare{
	display:block;
	float:left;
	background-image: url(../images/icon/arrow_right.png);
	background-repeat:no-repeat;
	background-size:20px;
	background-position:99% 53%;
	width:275px;
	padding:0 30px 0 0;
	margin:5px 0;
}
.lesson_nagare_end{
	display:block;
	float:left;
	background-image:none;
	width:275px;
	padding:0;
	margin:5px 0;
}

#main-contents .lesson_nagare p{
	background:#FF0;
	height:75px;
	padding:25px;
	display:table-cell;
	vertical-align: middle;
	text-align:center;
}

#main-contents .lesson_nagare_end p{
	background:#FF0;
	width:220px;
	height:75px;
	padding:25px;
	display:table-cell;
	vertical-align: middle;
	text-align:center;
}
.lesson_teacher_img{
	float:left;
	width:500px;
	margin:0 20px 20px 0;
	clear:both;
}
.lesson_teacher_img img{
	width:500px;
}
.lesson_teacher_text{
	float:left;
	width:680px;
}





/*------------------------------------------------------------
　template created by web-rider
-------------------------------------------------------------*/