@charset "UTF-8";

/*--------------------------------------------------------
モバイル用レイアウト（640px以下の解像度のスクリーン含む）
--------------------------------------------------------*/

@media
only screen and (max-width : 768px){


/*--------------------------------------------------------
サイト全体の共通設定
-------------------------------------------------------*/
#main{
	margin-top:20px;
}
/*●H2タグ*/
#main-contents h2{
	width:100%;
}
#main-contents #room{
	width:100%;
	padding:10px 0 10px 65px;;
	margin:10px 0;
}



/*--------------------------------------------------------
エリアの設定
--------------------------------------------------------*/
/*--------------------------------------------------------
グローバルナビ
--------------------------------------------------------*/
#global-nav{
	width:100%;
	margin:0px;
	padding:0;
} /*メニュー下のラインの設定*/

/*--------------------------------------------------------
スタジオグローバルナビ
--------------------------------------------------------*/

/*青木MAPリンクVer*/
#st-global{
	width:100%;
	display:block;
	padding: 5px 0;
	margin:0 0 10px 0;
}

/*野添テキストリンクVer
#st-global{
	width:100%;
	display:block;
	padding: 5px 0;
	margin:0 0 10px 0;
	background:url(../images/common/bg_navy.gif);
}

#main-contents #st-global h1{
	color:#FFF;
	margin:0;
	padding-left:4%;
}

#st-global ul{
	width:100%;
	padding:0;
	margin:0 auto;
	text-align:center;
}


#st-global li{
	display:inline-block;
	width:15%;
	margin:3px 0;
	background-color:#FFF;
	color:#FFF;
	list-style:none;
	padding:5px;
	text-align:center;
	border-radius:4px;
}

#st-global li.w25{
	display:inline-block;
	width:25%;
	margin:3px 0;
	background-color:#FFF;
	color:#FFF;
	list-style:none;
	padding:5px;
	text-align:center;
	border-radius:4px;
}

#st-global li.all{
	width:40%;
}

#st-global a{
	display:block;
}
*/

/*--------------------------------------------------------
スタジオ紹介
--------------------------------------------------------*/
#studio-map{
	display:none;
}


.studio_info{
	width:100%;
	height:auto;
}
.studio_info_end{
	width:100%;
	height:auto;
}

.studio_header img{
	width:30px;
}
.studio_list{
	padding:10px 10px;
	height:auto;
	clear:both;
}
.kizai_listbox{
	width:100%;
}
.kizai_rentalbox{
}
#main-contents .kizai_listbox img{
	max-height:50px;
	max-width:83px;
	margin:4px 0 0;
}
#main-contents .kizai_rentalbox a:hover{
	background:#ccc;
}
#main-contents .kizai-telbox{
	display:block;
}
#main-contents .kizai-eria{
}
#main-contents .kizai-tel{
}

/*--------------------------------------------------------
楽器別一覧
--------------------------------------------------------*/
#part-list{
	display:block;
	width:100%;
	margin:0;
	padding:0;
	font-size:1.5em;
}
#main-contents #pt1{
	font-size:0.8em;
	padding:10px 4%;
	margin:20px 0;
	width:92%;
}
#part-list a{
}
#part-list td a{
}
#part-list hr{ 
	border:none;
    border-top:dashed 1px #CCC;
    height:11px;
    color:#FFFFFF;
    margin:0 auto;
	width:90%;
	margin-top:11px;
}
#part-list th{
	color:#FFF;
	background:url(../images/common/bg_navy.gif);
}
#part_gt{
	width:100%;
	float:none;
	padding:0;
}
#part_bass{
	width:100%;
	float:none;
	padding:0;
}
#part_drum{
}
#part_drum2{
	width:100%;
	float:none;
	padding:0;
}
#part_piano{
	width:100%;
	float:none;
	padding:0;
}
#part_piano2{
	width:100%;
	float:none;
	padding:0;
}
#part_key{
	width:100%;
	float:none;
	padding:0;
}

/*--------------------------------------------------------
レンタル機材紹介
--------------------------------------------------------*/
#page-menu{
	width:100%;
}
#page-menu li{
	width:100%;
	border:none;
}
#page-menu a:hover{
	background:#ccc;
}
.option_listbox{
	width:30%;
}
/*--------------------------------------------------------
初めての方へ
--------------------------------------------------------*/
#main-contents #first_menu{
	width:100%;
	margin:0;
	padding:0;
}
#main-contents #first_menu ul{
	width:100%;
	margin:0;
	padding:0;
}
#main-contents #first_menu li{
	text-decoration:none;
	list-style:none;
	background:url(../images/common/bg_bk_opacity.png);
	margin:0;
	padding:0;
	width:100%;
}


#main-contents #first_box{
	background:none;
}
#main-contents h3.faq0{
	display:block;
	width:92%;
	margin:10px auto 10px auto;
	padding:10px 0 0 8%;
	border-bottom:1px dotted #333;
	background:url(../images/icon/h3_first.png) 0.5% 14px / auto 25px no-repeat;
	font-size:1rem;
	line-height:2rem;
}
#main-contents h3.faq0 img{
	display:none;
}

#main-contents h3.faq{
	display:block;
	width:92%;
	margin:0 auto 0px auto;
	padding:0px 0 0px 7%;
	border-bottom:3px solid #333;
	background-image:url(../images/icon/h3_first.png);
	background-position: 0.5% 50px;
	background-size:auto 25px;
	background-color:#;
	font-size:1.0rem;
	line-height:125px;
	height:80px;
	color:#;
}
#main-contents h3.faq img{
	width:auto;
	height:80px;
	display:block;
	float:right;
	clear:right;
}
#main-contents h3.faq2{
	display:block;
	width:100%;
	margin:10px auto 0 auto;
	padding:5px 0;
	font-size:0.98rem;
	height:40px;
	line-height:40px;
}
#main-contents h3.faq2 img{
	height:40px;
	margin:0 10px;
}
#main-contents #first_box h4.faq{
	margin:0 0 10px 0;
	font-size:0.9em;
}


#nav-faq{
	display:table;
	width:100%;
	margin:0 auto;
	padding:0;
}
#nav-faq ul{
	margin:-5px 0 0 0;
	padding:0;
}
#nav-faq li{
	display:table-cell;
	width:100%;
	border-right:none;
	border-bottom:solid 1px #FFF;
	height:45px;
	line-height:45px;
	float:left;
	background:url(../images/common/bg_red_opacity.png);
	margin:0;
	padding:0;
	text-align:center;
}
#nav-faq .end{
	width:100%;
	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:40px;
}

#first_box .first_img{float:none; text-align:center;}
#first_box .first_img img{width:200px;margin:0 20px 0 0;}

#first_box .first01{margin:0 0 50px 0;}
#first_box .first02{margin:0 0 50px 0;}
#first_box .first03{margin:0 0 50px 0;}
#first_box .first04{margin:0 0 50px 0;}
#first_box .first05{margin:0 0 50px 0;}



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

.webre_conts{
	margin:30px 0;
}
.webre_img{
	float:none;
	margin:0;
}
.webre_img img{
	width:100%;
}


/*--------------------------------------------------------
お問合せ
--------------------------------------------------------*/
.contact_name{
	float:none;
	width:100%;	
}
.contact_band{
	float:none;
	width:100%;	
}
.contact_mail{
	float:none;
	width:100%;	
}
.contact_text{
	float:none;
	width:100%;	
}

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

#menu-line{
	width:100%;
}
#menu-line ul{
	width:100%;
}

#menu-line li{
	float:left;
	width:100%;
	border-right:none;
	border-bottom:1px solid #FFF;
}

#menu-line .end{
	width:100%;
}

#menu-line li a{
	width:100%;
	background-image:url(../images/common/bg_bk_opacity.png);
	padding:10px 0;
}
#menu-line li a:hover{
}



.linerec_about{
	width:100%;
	float:left;
	padding-bottom:0px;
}
#main-contents .linerec_p01{
	background:url(/line-rec/images/linerec_about01m.png) no-repeat;
	background-size:100%;
	padding:50px 0 0 0;
}
#main-contents .linerec_p02{
	background:url(/line-rec/images/linerec_about02m.png) no-repeat;
	background-size:100%;
	padding:50px 0 0 0;
}
#main-contents .linerec_p03{
	background:url(/line-rec/images/linerec_about03m.png) no-repeat;
	background-size:100%;
	padding:50px 0 0 0;
}
#main-contents .linerec_p04{
	background:url(/line-rec/images/linerec_about04m.png) no-repeat;
	background-size:100%;
	padding:50px 0 0 0;
}
#main-contents .linerec_p05{
	background:url(/line-rec/images/linerec_about05m.png) no-repeat;
	background-size:100%;
	padding:50px 0 0 0;
}
#main-contents .linerec_p06{
	background:url(/line-rec/images/linerec_about06m.png) no-repeat;
	background-size:100%;
	padding:50px 0 0 0;
}
#main-contents .linerec_p07{
	background:url(/line-rec/images/linerec_about07m.png) no-repeat;
	background-size:100%;
	padding:50px 0 0 0;
}
#main-contents .linerec_p08{
	background:url(/line-rec/images/linerec_about08m.png) no-repeat;
	background-size:100%;
	padding:50px 0 0 0;
}
#main-contents .linerec_p09{
	padding:28px 20px 0 50px;height:110px;
	background-size:100%;
	padding:50px 0 0 0;
}

.linerec_nagare{
	float:left;
	width:100%;
	padding:0 0 20px 0;
	margin:10px 0 20px 0;
	background-image: url(../images/icon/arrow_down.png);
	background-repeat:no-repeat;
	background-position:bottom;
}
.linerec_nagare-end{
	float:left;
	width:100%;
	padding:0 0 10px 0;
	margin:10px 0 20px 0;
	background-image:none;
}
.linerec_nagare img{
	width:100%;
	margin-bottom:10px;
}
.linerec_nagare-end img{
	width:100%;
	margin-bottom:10px;
}




/*--------------------------------------------------------
staff紹介
--------------------------------------------------------*/
#staff-contents{
	width:100%;
	float:none;
	margin:0 0 50px 0;
	padding:0 0 0 0;
	height:auto;
}
#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{
}


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

.lineat-box{
	padding:5px 0;
	margin:0 0.5% 5px 0.5%;
	width:49%;
}

/*------------------------------------------------------------
246ビギナーズレッスン用
-------------------------------------------------------------*/
.lesson_topics{
	display:block;
	background:#00A0E9;
	float:left;
	width:90%;
	margin:5px 0;
	padding:5%;
	color:#FFF;
}
.lesson_topics_text{
	background-image:url(../images/icon/icon-onpu.png);
	background-repeat:no-repeat;
	background-size:10%;
	padding-left:50px;
}

.lesson_nagare{
	display:block;
	float:none;
	background-image: url(../images/icon/arrow_down.png);
	background-repeat:no-repeat;
	background-size:4%;
	background-position:bottom center;
	width:100%;
	padding:0 0 1px 0;
	margin:5px 0;
}
.lesson_nagare_end{
	display:block;
	float:none;
	background-image:;
	background-repeat:no-repeat;
	background-size:4%;
	background-position:bottom center;
	width:100%;
	padding:0 0 3px 0;
	margin:5px 0;
}

#main-contents .lesson_nagare p{
	display: block;
	background:#FF0;
	height:auto;
	padding:20px;
	text-align:center;
}
#main-contents .lesson_nagare_end p{
	display: block;
	background:#FF0;
	height:auto;
	padding:20px 0;
	text-align:center;
	width:100%;
}
.lesson_teacher_img{
	float:left;
	width:100%;
	margin:0;
}
.lesson_teacher_img img{
	width:100%;
}
.lesson_teacher_text{
	float:left;
	width:100%;
}





}

@media not screen and (1) { .page-top { position: static; } }/* Opera10以上 */


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