@charset "UTF-8";

/*--------------------------------------------------------
モバイル用レイアウト（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 #rec-menu{
	width: 100%;
	height:370px;
	display:block;
}
#main-contents #rec-menu li{
    width: 100%;
	margin:0;
	font-size:0.9em;
}
#main-contents #rec-menu li a{
  padding: 15px 0 15px 10px;
  text-align:left;
}
#main-contents #rec-menu li a:hover{ background:none;
}
#main-contents #rec-menu li.price{background: #F00;}
#main-contents #rec-menu li.access{background: #F40;}
#main-contents #rec-menu li.equipment{width:100%; background:#F00; margin-right:0;}
#main-contents #rec-menu li.aki{background:#F40;}
#main-contents #rec-menu li.engineer{background:#F00;}
#main-contents #rec-menu li.fqa{width:100%; background:#F40; margin-right:0;}

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


//*
#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;}



.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%;
}


/*　ハウスエンジニア 掲載用　*/
.engineer_listbox{
	width:100%;
}
.rec_sample{
	width: 100%;
}





}

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


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