@charset "UTF-8";

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

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




/*--------------------------------------------------------
グローバルナビ
--------------------------------------------------------*/

#global-nav{
	width:100%;
	margin:0 auto;
	padding:0;
} /*メニュー下のラインの設定*/

#global-nav dl{
	margin:0;
	padding:0;
}

#global-nav dd{ 
	margin:0;
	padding:0;
}
#global-nav ul{
	width:100%;
	margin: 0;
	padding: 0;
}

/*●グローバルメニュー*/
#global-nav .menu-wrap{
	display: block;
}

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

#global-nav #menu li{
	width:49%;
	height:auto;
/*	position: relative; */
	float:left;
	margin:0 1% 1% 0;
	list-style: none;
	font-weight: bold;
	font-size:1em;
	white-space: nowrap;
}
#global-nav #menu li.nav-juso,
#global-nav #menu li.nav-namba,
#global-nav #menu li.nav-west,
#global-nav #menu li.nav-nagoya,
#global-nav #menu li.nav-live,
#global-nav #menu li.nav-rental{
	width:50%;
	margin-right:0;
}



#global-nav #menu .nav-namba{ margin-right:0px;}
#global-nav #menu .nav-nagoya{ margin-right:0px;}

#global-nav #menu li a{
	background-repeat:no-repeat;
	background-size:100%;
	display: block;
	width:100%;
	height:100%;
	padding:30px 0;
	color: #fff; /* メニューのフォントの色  */
	text-decoration: none;
}
#global-nav #menu li .nav-tel{
	background:url(../images/common/bg_bk3dot.gif);
	padding:10px 0;
	font-size:1.2em;
}
#global-nav #menu li .nav-tel a{
	background:url(../images/icon/icon-tel.png) no-repeat;
	background-size:10%;
	background-position:left center;
	width:65%;
	margin-left:35px;
	padding:0 0 0 5px;
	text-align:center;
}
#global-nav #menu li .nav-tel a:hover{
	background:url(../images/icon/icon-tel.png) no-repeat;
	background-size:10%;
	background-position:left center;
}

#global-nav #menu li a:link,
#global-nav #menu li a:visited{  } /*すでに訪れたリンクの背景色*/
#global-nav #menu li a:hover,
#global-nav #menu li a:active{

	} /*マウスカーソルを乗せた時の背景色*/


#global-nav #menu .nav-recording a{padding:40px 0; font-size:0.7em;}
#global-nav #menu .nav-live a{padding:40px 0; font-size:0.7em;}
#global-nav #menu .nav-selfrec a{padding:40px 0; font-size:0.7em;}
#global-nav #menu .nav-rental a{padding:40px 0; font-size:0.7em;}


/*メニューのデザイン*/
#global-nav .showMenu{ display: block!important; }

/*--------------------------------------------------------
路線図マップから選ぶ
--------------------------------------------------------*/
.ac-container{
	width:1200px;
	margin: 10px auto;
	clear:both;
	font-size:1.5em;
}
.ac-container img{
	vertical-align:middle;
}
.studiomap_pc{
	display:none;
}
.studiomap_mobile{
	display:block;
}





/*--------------------------------------------------------
アクセス
--------------------------------------------------------*/
.ac-container{
	width:100%;
	margin: 10px 0;
	clear:both;
	font-size:1.5em;
}
.ac-container img{
	vertical-align:middle;
}

/*--------------------------------------------------------
スタジオナビ
--------------------------------------------------------*/
#st-menu{
  width: 100%;
    display: none;
}
#st-menu li{
    width: 100%;
}
#st-menu li a{
  padding: 10px 0;
}

#st-menu .end{
	border-right:none;
	width:100%;
}



  #toggle{
    display: block;
    position: relative;
    width: 100%;
	background:url(../../images/common/bg_bk_opacity.png);
	margin:10px 0 0 0;
	padding:0;
  }
  #toggle a{
    display: block;
    position: relative;
    padding: 12px 0 10px;
    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;
  }



-----------
アクセス
--------------------------------------------------------*/
.map_img{
	float:left;
	width:100%;
}
.map_info{
	float:left;
	width:100%;
}
.map_bnr{
	width:100%;
	float:left;
}
.map_bnr a{
	display:block;
	background-color:#999;
	color:#FFF;
	text-decoration:none;
	padding:10px 0 10px 10px;
	margin:10px 0;
}
.map_bnr a:hover{
	background-color:#F00;
}
.mapbnr_img{
	float:left;
	width:100%;
}
.mapbnr_img img{
	width:auto;
}
.mapbnr_info{
	float:left;
	width:100%;
	padding:0;
}

/*--------------------------------------------------------
youtbe関係
--------------------------------------------------------*/

/*アクセス*/
.youtube_box{
	float:left;
	margin-bottom:30px;
	width:100%;
}
.youtube_box img{
	width:100%;
}
.youtube_box p{
	font-weight:bold;
	margin:0;
	padding:0;
	
	
}

/*--------------------------------------------------------
　説明文　okii
--------------------------------------------------------*/


#midashi{
	width:98%;
	margin:0 auto;
	padding:0px;
}

#midashi h1{
	font-size:1.8em;
	text-align:center;
	color:#333;
	font-weight:bold;
}


#midashi h2{
	font-size:1.5em;
	text-align:center;
	color:#333;
	font-weight:bold;
}


#midashi p{
	font-size:1.3em;
	color:#333;
	padding:5px 2% 10px;
	text-align:left;
}


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

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


/*--------------------------------------------------------
メインコンテンツ（本文）
--------------------------------------------------------*/


}

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



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