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

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

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

body{background-size:600px;}




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

#menu{
	text-align:center;
	margin:0;
	padding:0;
}

#global-nav #menu li{
	width:49.5%;
	height:auto;
/*	position: relative; */
	margin:0 1% 1% 0;
	padding:0;
	font-size:0.9em;
}

#global-nav #menu li img{
}
#global-nav #menu li a{
	padding:30px 0;
	width:100%;
	height:100%;
}
#global-nav #menu li.juso{background: url(/recording/images/common/nav-juso_off.jpg) no-repeat; background-size:100%; margin-right:0;}
#global-nav #menu li.namba{background: url(/recording/images/common/nav-namba_off.jpg) no-repeat; background-size:100%; margin-right:0;}
#global-nav #menu li.west{background: url(/recording/images/common/nav-west_off.jpg) no-repeat; background-size:100%; margin-right:0;}
#global-nav #menu li.nagoya{background: url(/recording/images/common/nav-nagoya_off.jpg) no-repeat; background-size:100%; margin-right:0;}


/*--------------------------------------------------------
グローバルナビ2
--------------------------------------------------------*/
#global-nav2{
	clear:both;
	width:100%;
	margin:0;
	padding:0;
} /*メニュー下のラインの設定*/

#global-nav2 #menu{
	text-align:left;
	font-size: 1.0em;
	margin:0;
	padding:0;
}

#global-nav2 #menu li{
	width:100%;
	position: relative;
	float: left;
	margin:0;
	padding:0;
	list-style: none;
	font-weight: bold;
	white-space: nowrap;
}

#global-nav2 #menu li img{
	margin:0;
	padding:0;
	height:60%;
	vertical-align:middle;
}
#global-nav2 #menu li.rec_aki{ width:100%;}
#global-nav2 #menu .rec_aki img{ height:45%;}


#global-nav2 #menu li a{
	height:50px;
	margin:0;
	padding:25px 0 0 10px;
	display: block;
	color: #fff; /* メニューのフォントの色  */
	text-decoration: none;
}
#global-nav2 #menu li a:link,
#global-nav2 #menu li a:visited{  } /*すでに訪れたリンクの背景色*/
#global-nav2 #menu li a:hover,
#global-nav2 #menu li a:active{
	background:none;
	} /*マウスカーソルを乗せた時の背景色*/
#global-nav2 #menu li.rec_first{width:100%;}


/*--------------------------------------------------------
スタジオナビ
--------------------------------------------------------*/
#main-contents #creation-menu{
	width: 100%;
	height:auto;
	display:block;
}
#main-contents #creation-menu li{
    width: 100%;
	margin:0;
	font-size:0.9em;
}
#main-contents #creation-menu li a{
  padding: 15px 0 15px 10px;
  text-align:left;
}
#main-contents #creation-menu li a:hover{ background:none;
}
#main-contents #creation-menu li.price{background: #897239;}
#main-contents #creation-menu li.engineer{background:#3c6060;}
#main-contents #creation-menu li.fqa{width:100%; background:#897239; margin-right:0;}
#main-contents #creation-menu li.faq{width:100%; background:#3c6060; margin-right:0;}

#menu_bar{
	background:url(../images/common/bg_bk_opacity.png);
	width:90%;
	display:block;
	padding:2% 5%;
	color:#FFF;
}

#main-contents #nav-fqa{
	width: 100%;
	height:auto;
	display:block;
}
#main-contents #nav-fqa{
    width: 100%;
	margin:0;
	font-size:1em;
}
#main-contents #nav-fqa{
  padding: 15px 0 15px 10px;
  text-align:left;
}
#main-contents #nav-fqa li a:hover{ background:none;
}
#main-contents #nav-fqa li.wave1{background: #897239;}
#main-contents #nav-fqa li.wave2{background:#3c6060;}
#main-contents #nav-fqa li.wave3{width:100%; background:#897239;}
#main-contents #nav-fqa li.wave4{width:100%; background:#3c6060;}
#main-contents #nav-fqa li.wave5{width:100%; background:#897239;}





//*
#toggle{
    display: block;
    position: relative;
    width: 100%;
	background:url(../../images/common/bg_bk_opacity.png);
	margin:10px 0;
	padding:0;
}
#toggle a{
    display: block;
    position: relative;
    padding:5px 0;
    border-bottom: 1px solid #444;
    color: #fff;
    text-align: center;
	text-decoration: none;
}
#toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
}
#toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #222;
}
#toggle a:before{
    margin-top: -6px;
}
#toggle a:after{
    margin-top: 2px;
}

*//


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

#main{
	margin-top:0;
}
#main-image .catch-copy{ font-size: 1.4em; }

#main-contents #osaka,
#main-contents #juso,
#main-contents #gen,
#main-contents #namba,
#main-contents #sb,
#main-contents #west,
#main-contents #kyoto,
#main-contents #nagoya{
	width:100%;
	padding:20px 0 20px 10px;
	font-size:1em;
}


/*--------------------------------------------------------
レコーディングスタジオ紹介 index.php
--------------------------------------------------------*/
#main-contents .recst_h2{
	width:auto;
	margin:10px 0;
	padding:10px;
	font-size:1em;
	background:#666;
}
#main-contents .rec_left{
	float:left;
	width:100%;
	padding-right:0;
}
#main-contents .rec_left img{
	margin-bottom:20px;
}
#main-contents .rec_bottom h4{
	padding:0;
	margin:0;
	text-align:center;
}
#main-contents .rec_bottom h4 a{
	display:block;
	padding:10px;
	margin:0px;
	text-decoration:none;
}
#main-contents .rec_bottom h4 a:hover{
	background: url(../images/common/bg_red.gif);
}

.studiomap_pc{
	display:none;
}
.studiomap_mobile{
	display:block;
}

#main-contents .rec_right{
	width:100%;
}


#main-contents .table-style th,
#main-contents .table-style td{
	text-align:left;
	font-size:1.2em;
	padding:10px;
}
#main-contents .table-style{
	margin-bottom:10px;
}
#main-contents .table-style thead th{
	background:#666;
	color:#FFF;
	
}

#main-contents .rec_price_mobile{
	display: block;

}



/*--------------------------------------------------------
各店舗レコーディングスタジオ紹介
--------------------------------------------------------*/

#main-contents #studio_top{
	width:100%;
	padding:10px;
	display:block;
	background:#666;
	margin:0;
	font-size:1.2em;
}


/*--------------------------------------------------------
エンジニア紹介
--------------------------------------------------------*/

.engineer_img{
	clear:both;
	width:100%;
	margin-top:10px;
	text-align:center;
}
.engineer_img img{
	width:50%;
}
.engineer_text{
	clear:both;
	width:100%;
	margin-top:10px;
}

#nav-engineer{}
#nav-engineer ul{
	padding:0;
	margin:0;
	text-align:center;
}
#nav-engineer li{
	list-style:none;
	padding:0;
	margin:0;
	float:left;
	display:block;
	width:33%;
}
#nav-engineer li a{
	display:block;
	padding:7px 0;
	margin:0 5px 5px 0;
	color:#FFF;
	text-decoration:none;
}
#nav-engineer li a:hover{}
#nav-engineer h3{
	clear:both;
	font-size:1em;
}
#nav-engineer .osaka_list{
	}
#nav-engineer .kobe_list ,  .kyoto_list ,  .nagoya_list{float: none; margin-right:0;}

#nav-fqa li{
	width:100%
}

.engineer_box{
	padding:0;
	font-size:0.9em;
}
#main-contents .engineer_box h3{
	margin:0;
	padding:10px 0 10px 5px;
	width:100%;
}
.recbox-l{
	padding:0;
	margin:10px 0 0 0;
	float: none;
	width:100%;;
	text-align:center;
}

.recbox-r{
	margin-top:20px;
	float:none;
	width:100%;
	padding:0;
}
#main-contents .engineer_box blockquote{
	margin:10px 0 0 0;
	padding:0 10px;
	font-size:1.2em;
}
#main-contents .engineer_box h4{
	clear:both;
	border-top:1px dotted #666;
	padding-top:10px;
	margin-top:20px;
}
#main-contents .rec_sample{
	float:none;
	margin:0;
}
#main-contents audio{
	width:100%;
}

.img_pc{
	display:none;
}
.img_mobile{
	display: block;
	text-align:center;
}

#main-contents #price{
	width:100%;
}
#main-contents #engineer{
	width:100%;
}
#main-contents #fqa{
	width:100%;
}
#main-contents #contacts{
	width:100%;
}

#main-contents #price_head{
	width:auto;
	height:69px;
	background-color:#00000000;
}
#main-contents #engineer_head{
	width:auto;
	height:69px;
	background-color:#00000000;
}
#main-contents #fqa_head{
	width:auto;
	height:69px;
	background-color:#00000000;
}
#main-contents #contact_head{
	width:auto;
	height:69px;
	background-color:#00000000;
}

#main-contents .faq_box h3{
	font-size:1.5em;
}



}

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


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