@charset "UTF-8";

/*
body{
	background-image:url(/images/common/top-images.jpg);
}
*/

/*--------------------------------------------------------
電話番号　24h
--------------------------------------------------------*/
#info01{
	float:left;
	width:100%;
	background-image:url(/images/common/bg_bk01.gif);
}
#info01 #tel{
	float:left;
	padding:5px 0 5px 0;
	margin-left:10px;
	font-size:1.7em;
	font-weight:bold;
	background:none;
	color:#FFF;
}
#info01 #tel img{
	width:140px;
	vertical-align:middle;
}
#info01 #tel a{
	text-decoration:none;
	color:#FFF;
}

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

#global-nav{
	width:1200px;
	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;
	font-family: 'Lato', 'Noto Sans Japanese', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

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

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

#global-nav #menu li{
	width:290px;
/*	position: relative; */
	float:left;
	margin:0 13px 13px 0;
	list-style: none;
	font-weight: bold;
	font-size:1.5em;
	white-space: nowrap;
	
}
#global-nav #menu .nav-namba{ margin-right:0px;}
#global-nav #menu .nav-nagoya{ margin-right:0px;}
#global-nav #menu .nav-rental{ margin-right:0px;}

#global-nav #menu li a{
	display: block;
	background-repeat:no-repeat;
	background-size:100%;
	width:100%;
	height:100%;
	padding:63px 0;
	color: #fff; /* メニューのフォントの色  */
	text-decoration: none;
}
#global-nav #menu li .nav-tel{
	display: block;
	background:url(../images/common/bg_bk_opacity.png);
	padding:5px 0;
	color: #fff; /* メニューのフォントの色  */
	text-decoration: none;
}
#global-nav #menu li .nav-tel{
	background:url(../images/common/bg_bk_opacity.png);
	padding:10px 0;
	font-size:1.1em;
	font-weight:700;
}
#global-nav #menu li .nav-tel a{
	background:url(../images/icon/icon-tel.png) no-repeat;
	background-size:18px;
	margin-left:70px;
	padding:0 0 0 35px;
	background-position:left center;
	text-align:left;
}
#global-nav #menu li .nav-tel a:hover{
	background:url(../images/icon/icon-tel.png) no-repeat;
	background-size:18px;
	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-osaka{background:url(../images/common/nav_osaka_off.png) no-repeat;background-size:100%;}
#global-nav #menu .nav-juso{background:url(../images/common/nav_juso_off.png) no-repeat;background-size:100%;}
#global-nav #menu .nav-gen{background:url(../images/common/nav_gen_off.png) no-repeat;background-size:100%;}
#global-nav #menu .nav-namba{background:url(../images/common/nav_namba_off.png) no-repeat;background-size:100%;}
#global-nav #menu .nav-sb{background:url(../images/common/nav_sb_off.png) no-repeat;background-size:100%;}
#global-nav #menu .nav-west{background:url(../images/common/nav_west_off.png) no-repeat;background-size:100%;}
#global-nav #menu .nav-kyoto{background:url(../images/common/nav_kyoto_off.png) no-repeat;background-size:100%;}
#global-nav #menu .nav-nagoya{background:url(../images/common/nav_nagoya_off.png) no-repeat;background-size:100%;}
#global-nav #menu .nav-recording{background:url(../images/common/nav_rec_off.jpg) no-repeat;background-size:100%; font-size:2em;}
#global-nav #menu .nav-live{background:url(../images/common/nav_live_off.jpg) no-repeat;background-size:100%; font-size:2em;}
#global-nav #menu .nav-selfrec{background:url(../images/common/nav_selfrec_off.jpg) no-repeat;background-size:100%; font-size:2em;}
#global-nav #menu .nav-rental{background:url(../images/common/nav_rental_off.jpg) no-repeat;background-size:100%; font-size:2em;}

#global-nav #menu .nav-osaka a:hover,
#global-nav #menu .nav-juso a:hover,
#global-nav #menu .nav-gen a:hover,
#global-nav #menu .nav-namba a:hover,
#global-nav #menu .nav-sb a:hover,
#global-nav #menu .nav-west a:hover,
#global-nav #menu .nav-kyoto a:hover,
#global-nav #menu .nav-nagoya a:hover,
#global-nav #menu .nav-recording a:hover,
#global-nav #menu .nav-live a:hover,
#global-nav #menu .nav-selfrec a:hover,
#global-nav #menu .nav-rental a:hover
{background-image:url(/images/common/bg_bk2_opacity.png);}


#global-nav #menu .nav-recording a{ padding:75px 0;}
#global-nav #menu .nav-live a{ padding:75px 0;}
#global-nav #menu .nav-selfrec a{ padding:75px 0;}
#global-nav #menu .nav-rental a{ padding:75px 0;}



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


/*--------------------------------------------------------
グローバルナビ2
--------------------------------------------------------*/
#global-nav2{
	width:1200px;
	margin:0 auto;
	padding:0;
}

 /*メニュー下のラインの設定*/

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

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

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

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

#global-nav2 #menu li{
	width:290px;
/*	position: relative; */
	float:left;
	margin:0 13px 13px 0;
	list-style: none;
	font-weight: bold;
	font-size:1.5em;
	white-space: nowrap;
}

#global-nav2 #menu li a{
	margin:0;
	padding:80px 0;
	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-color:#F00;
	} /*マウスカーソルを乗せた時の背景色*/

#global-nav2 #menu li.recording{
	background: url(../images/common/nav-rec_off.jpg) no-repeat;
	background-size:100%;
	}
#global-nav2 #menu li.stlive{
	background: url(../images/common/nav-live_off.jpg) no-repeat;
	background-size:100%;
	}
#global-nav2 #menu li.selfrec{
	background: url(../images/common/nav-selfrec_off.jpg) no-repeat;
	background-size:100%;
	}
#global-nav2 #menu li.rental{
	background: url(../images/common/nav-rental_off.jpg) no-repeat;
	background-size:100%;
	margin:0;
	}





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




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

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

#main-contents p{
	padding:10px 0 0 0;
}

/*●H2タグ*/
#main-contents h2{
	width:1125px;
	padding:10px 0 10px 75px;
	margin:40px auto 10px auto;
}


h2{
	margin: 0;
	padding: 0;
	background:none;
	color:#FFF;
	font-size: 1.5em;
	font-weight: bold;
	clear:both;
}

#main-contents h2 a:link,
#main-contents h2 a:visited{ color: #333; }

#main-contents h2 a:hover,
#main-contents h2 a:active{ color: #f60; }

#main-contents h2.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}


/*●H3タグ*/
#main-contents h3{
	margin: 0;
	padding: 0.8em 0;
	font-size: 1.143em;
	font-weight: bold;
}

#main-contents h3 a:link,
#main-contents h3 a:visited{ color: #333; }

#main-contents h3 a:hover,
#main-contents h3 a:active{ color: #f60; }

#main-contents h3.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}


/*●H4タグ*/
#main-contents h4{
	margin: 0;
	padding:0;
	border:none;
	font-weight: bold;
}

#main-contents h4 a:link,
#main-contents h4 a:visited{ color: #333; }

#main-contents h4 a:hover,
#main-contents h4 a:active{ color: #f60; }

#main-contents h4.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}

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

#midashi{
	width:1020px;
	margin:0 auto;
	padding:10px;
}

#midashi h1{
	font-size:30px;
	text-align:center;
	color:#333;
	margin:0 0 15px;
	font-weight:700;
	font-family:'Noto Sans Japanese', sans-serif;
}


#midashi h2{
	font-size:24px;
	text-align:center;
	color:#333;
	margin:20px 0;
	font-weight:700;
	font-family:'Lato', 'Noto Sans Japanese', sans-serif;
}

#midashi p{
	font-size:18px;
	color:#333;
	padding:5px 5px 10px;
	text-align:left;
}

#midashi ul {
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
	font-size:18px;
	color:#333;
	font-family:'Noto Sans Japanese', sans-serif;
}

#midashi ul li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
}

#midashi ul li:before {/*疑似要素*/
  font-family: "FontAwesome";
  content: "\f00c";/*アイコンの種類*/
  position: absolute;
  left : 1em;/*左端からのアイコンまでの距離*/
  color: red;/*アイコン色*/
}

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