/*-------------------------------------------------------- 見出し紹介文 --------------------------------------------------------*/ #midashi{ width:1200px; margin:0 auto; padding:10px; } #midashi h1{ font-size:36px; text-align:center; color:#333; } #midashi p{ font-size:18px; color:#333; padding:5px 5px 10px; text-align:center; } /*-------------------------------------------------------- 各スタジオ　トップリンク --------------------------------------------------------*/ #sttop_list{ width:1200px; overflow:hidden; margin:auto; } #sttop_list li{ list-style:none; float:left; overflow:hidden; text-align:center; margin:0 10px 10px 0; height: 212px; } #sttop_list a{ display:block; text-decoration:none; color:#FFF; width:100%; height:100%; font-size:2.2em; font-weight:bold; padding:75px 0; font-family:'Noto Sans JP'; } #sttop_list .sttop_list_footer{ width:100%; margin:0 auto; text-align:center; } #sttop_list a{background-image:url(/images/common/bg_bk2_opacity.png) ;background-repeat:repeat;} #sttop_list a:hover{background-image: url(/images/common/bg_bk_opacity75.png);background-repeat:repeat;} #sttop_list img{vertical-align:middle;} /*246osaka*/ #sttop_list_osaka{} #sttop_list_osaka .menu_riha{width:390px;background: url(/images/menu-nav/nav-riha-osaka.jpg) no-repeat;background-size:cover;background-position:0 50%;margin:0 10px 10px 0;} #sttop_list_osaka .menu_riha a{padding:90px 0;} #sttop_list_osaka .menu_acapella{width:390px;background: url(/images/menu-nav/nav-acappella.jpg) no-repeat;background-position:0 50%;background-size:100%;margin:0 10px 10px 0;} #sttop_list_osaka .menu_acapella a{padding:90px 0;} #sttop_list_osaka .menu_rec{width:390px;background: url(/images/menu-nav/nav-rec-osaka.jpg) no-repeat;background-size:cover;background-position:0 50%;margin:0 10px 10px 0;} #sttop_list_osaka .menu_rec a{padding:81px 0;} #sttop_list_osaka .menu_sr{width:390px;background: url(/images/menu-nav/nav-sr-osaka.png) no-repeat;background-size:cover;background-position:0 50%;margin:0 10px 10px 0;} #sttop_list_osaka .menu_online{width:390px;background: url(/images/menu-nav/nav-sw.jpg) no-repeat;background-size:cover;background-position:0 50%;margin:0 10px 10px 0;} #sttop_list_osaka .menu_online a{} #sttop_list_osaka .menu_rental{width:390px;background: url(/images/menu-nav/nav-rental.jpg) no-repeat;background-size:cover;background-size:100%;background-position:0 50%;margin:0 10px 10px 0;} #sttop_list_osaka .menu_rental a{} #sttop_list_osaka .menu_cre{width:390px;background: url(/images/menu-nav/nav-creat.jpg) no-repeat;background-position:0 50%;background-size:100%;margin:0 10px 10px 0;} #sttop_list_osaka .menu_cre a{padding:90px 0;} #sttop_list_osaka .menu_gabu{width:390px;background: url(/images/menu-nav/nav-gabu.jpg) no-repeat;background-position:0 50%;background-size:100%;margin:0 0 0 0;margin:0 10px 10px 0;} #sttop_list_osaka .menu_gabu a{padding:90px 0;} /*246juso*/ #sttop_list_juso{} #sttop_list_juso .menu_riha{width:390px;background: url(/images/menu-nav/nav-riha-juso.jpg) no-repeat;background-size:cover;background-position:0 50%;margin:0 10px 10px 0;} #sttop_list_juso .menu_riha a{padding:90px 0;} #sttop_list_juso .menu_acapella{width:390px;background: url(/images/menu-nav/nav-acappella.jpg) no-repeat;background-position:0 50%;background-size:100%;margin:0 10px 10px 0;} #sttop_list_juso .menu_acapella a{padding:90px 0;} #sttop_list_juso .menu_dance{width:390px;background: url(/images/menu-nav/nav-dance.jpg) no-repeat;background-position:0 50%;background-size:100%;margin:0 10px 10px 0;} #sttop_list_juso .menu_dance a{padding:90px 0;} #sttop_list_juso .menu_rec{width:390px;background: url(/images/menu-nav/nav-rec-juso.jpg) no-repeat;background-size:cover;background-position:0 50%;margin:0 10px 10px 0;} #sttop_list_juso .menu_stlive{width:390px;background: url(/images/menu-nav/nav-stlive-juso.jpg) no-repeat;background-size:cover;background-position:0 50%;margin:0 10px 10px 0;} #sttop_list_juso .menu_stlive a{padding:85px 0;} #sttop_list_juso .menu_online{width:390px;background: url(/images/menu-nav/nav-sw.jpg) no-repeat;background-size:cover;background-position:0 50%;margin:0 10px 10px 0;} #sttop_list_juso .menu_online a{} #sttop_list_juso .menu_rental{width:390px;background: url(/images/menu-nav/nav-rental.jpg) no-repeat;background-size:cover;background-size:100%;background-position:0 50%;margin:0 10px 10px 0;} #sttop_list_juso .menu_rental a{padding:80px 0;} #sttop_list_juso .menu_cre{width:390px;background: url(/images/menu-nav/nav-creat.jpg) no-repeat;background-position:0 50%;background-size:100%;margin:0 10px 10px 0;} #sttop_list_juso .menu_cre a{padding:90px 0;} #sttop_list_juso .menu_gabu{width:390px;background: url(/images/menu-nav/nav-gabu.jpg) no-repeat;background-position:0 50%;background-size:100%;margin:0 0 0 0;margin:0 10px 10px 0;} #sttop_list_juso .menu_gabu a{padding:90px 0;} /*246gen*/ #sttop_list_gen{} #sttop_list_gen .menu_riha{width:390px;background: url(/images/menu-nav/nav-riha-gen.jpg) no-repeat;background-size:cover;background-position:0 50%;margin:0 10px 10px 0;} #sttop_list_gen .menu_riha a{padding:90px 0;} #sttop_list_gen .menu_acapella{width:390px;background: url(/images/menu-nav/nav-acappella.jpg) no-repeat;background-position:0 50%;background-size:100%;margin:0 10px 10px 0;} #sttop_list_gen .menu_acapella a{padding:90px 0;} #sttop_list_gen .menu_dance{width:390px;background: url(/images/menu-nav/nav-dance.jpg) no-repeat;background-position:0 50%;background-size:100%;margin:0 10px 10px 0;} #sttop_list_gen .menu_dance a{padding:90px 0;} #sttop_list_gen .menu_rec{width:390px;background: url(/images/menu-nav/nav-rec-gen.jpg) no-repeat;background-size:cover;background-position:0 50%;margin:0 10px 10px 0;} #sttop_list_gen .menu_sr{width:390px;background: url(/images/menu-nav/nav-sr-gen.png) no-repeat;background-size:cover;background-position:0 50%;margin:0 10px 10px 0;} #sttop_list_gen .menu_online{width:390px;background: url(/images/menu-nav/nav-sw.jpg) no-repeat;background-size:cover;background-position:0 50%;margin:0 10px 10px 0;} #sttop_list_gen .menu_online a{} #sttop_list_gen .menu_rental{width:390px;background: url(/images/menu-nav/nav-rental.jpg) no-repeat;background-size:cover;background-size:100%;background-position:0 50%;margin:0 10px 10px 0;} #sttop_list_gen .menu_rental a{padding:80px 0;} #sttop_list_gen .menu_cre{width:390px;background: url(/images/menu-nav/nav-creat.jpg) no-repeat;background-position:0 50%;background-size:100%;margin:0 10px 10px 0;} #sttop_list_gen .menu_cre a{padding:90px 0;} #sttop_list_gen .menu_gabu{width:390px;background: url(/images/menu-nav/nav-gabu.jpg) no-repeat;background-position:0 50%;background-size:100%;margin:0 0 0 0;margin:0 10px 10px 0;} #sttop_list_gen .menu_gabu a{padding:90px 0;} /*246namba*/ #sttop_list_namba{} #sttop_list_namba .menu_riha{width:390px;background: url(/images/menu-nav/nav-riha-namba.jpg) no-repeat;background-size:cover;background-position:0 50%;margin:0 10px 10px 0;} #sttop_list_namba .menu_riha a{padding:90px 0;} #sttop_list_namba .menu_acapella{width:390px;background: url(/images/menu-nav/nav-acappella.jpg) no-repeat;background-position:0 50%;background-size:100%;margin:0 10px 10px 0;} #sttop_list_namba .menu_acapella a{padding:90px 0;} #sttop_list_namba .menu_dance{width:390px;background: url(/images/menu-nav/nav-dance.jpg) no-repeat;background-position:0 50%;background-size:100%;margin:0 10px 10px 0;} #sttop_list_namba .menu_dance a{padding:90px 0;} #sttop_list_namba .menu_rec{width:390px;background: url(/images/menu-nav/nav-rec-namba.jpg) no-repeat;background-size:cover;background-position:0 50%;margin:0 10px 10px 0;} #sttop_list_namba .menu_rec a{padding:80px 0;} #sttop_list_namba .menu_online{width:390px;background: url(/images/menu-nav/nav-sw.jpg) no-repeat;background-size:cover;background-position:0 50%;margin:0 10px 10px 0;} #sttop_list_namba .menu_online a{padding:80px 0;} #sttop_list_namba .menu_rental{width:390px;background: url(/images/menu-nav/nav-rental.jpg) no-repeat;background-size:cover;background-size:100%;background-position:0 50%;margin:0 10px 10px 0;} #sttop_list_namba .menu_rental a{padding:80px 0;} #sttop_list_namba .menu_cre{width:390px;background: url(/images/menu-nav/nav-creat.jpg) no-repeat;background-position:0 50%;background-size:100%;margin:0 10px 10px 0;} #sttop_list_namba .menu_cre a{padding:90px 0;} #sttop_list_namba .menu_gabu{width:390px;background: url(/images/menu-nav/nav-gabu.jpg) no-repeat;background-position:0 50%;background-size:100%;margin:0 0 0 0;margin:0 10px 10px 0;} #sttop_list_namba .menu_gabu a{padding:90px 0;} /*246sb*/ #sttop_list_sb{} #sttop_list_sb .menu_riha{width:390px;background: url(/images/menu-nav/nav-riha-sb.jpg) no-repeat;background-size:cover;background-position:0 50%;margin:0 10px 10px 0;} #sttop_list_sb .menu_riha a{padding:90px 0;} #sttop_list_sb .menu_acapella{width:390px;background: url(/images/menu-nav/nav-acappella.jpg) no-repeat;background-position:0 50%;background-size:100%;margin:0 10px 10px 0;} #sttop_list_sb .menu_acapella a{padding:90px 0;} #sttop_list_sb .menu_dance{width:390px;background: url(/images/menu-nav/nav-dance.jpg) no-repeat;background-position:0 50%;background-size:100%;margin:0 10px 10px 0;} #sttop_list_sb .menu_dance a{padding:90px 0;} #sttop_list_sb .menu_rec{width:390px;background: url(/images/menu-nav/nav-rec-sb.jpg) no-repeat;background-size:cover;background-position:0 50%;margin:0 10px 10px 0;} #sttop_list_sb .menu_rec a{padding:80px 0;} #sttop_list_sb .menu_online{width:390px;background: url(/images/menu-nav/nav-sw.jpg) no-repeat;background-size:cover;background-position:0 50%;margin:0 10px 10px 0;} #sttop_list_sb .menu_online a{padding:80px 0;} #sttop_list_sb .menu_cre{width:390px;background: url(/images/menu-nav/nav-creat.jpg) no-repeat;background-position:0 50%;background-size:100%;margin:0 10px 10px 0;} #sttop_list_sb .menu_cre a{padding:90px 0;} #sttop_list_sb .menu_gabu{width:390px;background: url(/images/menu-nav/nav-gabu.jpg) no-repeat;background-position:0 50%;background-size:100%;margin:0 0 0 0;margin:0 10px 10px 0;} #sttop_list_sb .menu_gabu a{padding:90px 0;} /*246west*/ #sttop_list_west{} #sttop_list_west .menu_riha{width:390px;background: url(/images/menu-nav/nav-riha-west.jpg) no-repeat;background-size:cover;background-position:0 50%;margin:0 10px 10px 0;} #sttop_list_west .menu_riha a{padding:90px 0;} #sttop_list_west .menu_acapella{width:390px;background: url(/images/menu-nav/nav-acappella.jpg) no-repeat;background-position:0 50%;background-size:100%;margin:0 10px 10px 0;} #sttop_list_west .menu_acapella a{padding:90px 0;} #sttop_list_west .menu_dance{width:390px;background: url(/images/menu-nav/nav-dance.jpg) no-repeat;background-position:0 50%;background-size:100%;margin:0 10px 10px 0;} #sttop_list_west .menu_dance a{padding:90px 0;} #sttop_list_west .menu_rec{width:390px;background: url(/images/menu-nav/nav-rec-west.jpg) no-repeat;background-size:cover;background-position:0 50%;margin:0 10px 10px 0;} #sttop_list_west .menu_sr{width:390px;background: url(/images/menu-nav/nav-sr-west.png) no-repeat;background-size:cover;background-position:0 50%;margin:0 10px 10px 0;} #sttop_list_west .menu_stlive{width:390px;background: url(/images/menu-nav/nav-stlive-west.jpg) no-repeat;background-size:cover;background-position:0 50%;margin:0 10px 10px 0;} #sttop_list_west .menu_stlive a{padding:90px 0;} #sttop_list_west .menu_online{width:390px;background: url(/images/menu-nav/nav-sw.jpg) no-repeat;background-size:cover;background-position:0 50%;margin:0 10px 10px 0;} #sttop_list_west .menu_online a{} #sttop_list_west .menu_rental{width:390px;background: url(/images/menu-nav/nav-rental.jpg) no-repeat;background-size:cover;background-size:100%;background-position:0 50%;margin:0 10px 10px 0;} #sttop_list_west .menu_rental a{padding:80px 0;} #sttop_list_west .menu_cre{width:390px;background: url(/images/menu-nav/nav-creat.jpg) no-repeat;background-position:0 50%;background-size:100%;margin:0 10px 10px 0;} #sttop_list_west .menu_cre a{padding:90px 0;} #sttop_list_west .menu_gabu{width:390px;background: url(/images/menu-nav/nav-gabu.jpg) no-repeat;background-position:0 50%;background-size:100%;margin:0 0 0 0;margin:0 10px 10px 0;} #sttop_list_west .menu_gabu a{padding:90px 0;} /* #sttop_list_west .sttop_list_footer{width:100%;margin:0 auto;text-align:center;} */ /*246kyoto*/ #sttop_list_kyoto{} #sttop_list_kyoto .menu_riha{width:390px;background: url(/images/menu-nav/nav-riha-kyoto.jpg) no-repeat;background-size:cover;background-position:0 50%;margin:0 10px 10px 0;} #sttop_list_kyoto .menu_riha a{padding:90px 0;} #sttop_list_kyoto .menu_acapella{width:390px;background: url(/images/menu-nav/nav-acappella.jpg) no-repeat;background-position:0 50%;background-size:100%;margin:0 10px 10px 0;} #sttop_list_kyoto .menu_acapella a{padding:90px 0;} #sttop_list_kyoto .menu_dance{width:390px;background: url(/images/menu-nav/nav-dance.jpg) no-repeat;background-position:0 50%;background-size:100%;margin:0 10px 10px 0;} #sttop_list_kyoto .menu_dance a{padding:90px 0;} #sttop_list_kyoto .menu_rec{width:390px;background: url(/images/menu-nav/nav-rec-kyoto.jpg) no-repeat;background-size:cover;background-position:0 50%;margin:0 10px 10px 0;} #sttop_list_kyoto .menu_rec a{padding:80px 0;} #sttop_list_kyoto .menu_sr{width:390px;background: url(/selfrecording/images/common/nav-kyoto_off.jpg) no-repeat;background-size:cover;background-position:0 50%;margin:0 10px 10px 0;} #sttop_list_kyoto .menu_stlive{width:390px;background: url(/images/menu-nav/nav-stlive-kyoto.jpg) no-repeat;background-size:cover;background-position:0 50%;margin:0 10px 10px 0;} #sttop_list_kyoto .menu_stlive a{padding:90px 0;} #sttop_list_kyoto .menu_online{width:390px;background: url(/images/menu-nav/nav-sw.jpg) no-repeat;background-size:cover;background-position:0 50%;margin:0 10px 10px 0;} #sttop_list_kyoto .menu_online a{padding:80px 0;} #sttop_list_kyoto .menu_rental{width:390px;background: url(/images/menu-nav/nav-rental.jpg) no-repeat;background-size:cover;background-size:100%;background-position:0 50%;margin:0 10px 10px 0;} #sttop_list_kyoto .menu_rental a{padding:80px 0;} #sttop_list_kyoto .menu_cre{width:390px;background: url(/images/menu-nav/nav-creat.jpg) no-repeat;background-position:0 50%;background-size:100%;margin:0 10px 10px 0;} #sttop_list_kyoto .menu_cre a{padding:90px 0;} #sttop_list_kyoto .menu_gabu{width:390px;background: url(/images/menu-nav/nav-gabu.jpg) no-repeat;background-position:0 50%;background-size:100%;margin:0 0 0 0;margin:0 10px 10px 0;} #sttop_list_kyoto .menu_gabu a{padding:90px 0;} /*246nagoya*/ #sttop_list_nagoya{} #sttop_list_nagoya .menu_riha{width:390px;background: url(/images/menu-nav/nav-riha-nagoya.jpg) no-repeat;background-size:cover;background-position:0 50%;margin:0 10px 10px 0;} #sttop_list_nagoya .menu_riha a{padding:90px 0;} #sttop_list_nagoya .menu_acapella{width:390px;background: url(/images/menu-nav/nav-acappella.jpg) no-repeat;background-position:0 50%;background-size:100%;margin:0 10px 10px 0;} #sttop_list_nagoya .menu_acapella a{padding:90px 0;} #sttop_list_nagoya .menu_dance{width:390px;background: url(/images/menu-nav/nav-dance.jpg) no-repeat;background-position:0 50%;background-size:100%;margin:0 10px 10px 0;} #sttop_list_nagoya .menu_dance a{padding:90px 0;} #sttop_list_nagoya .menu_rec{width:390px;background: url(/images/menu-nav/nav-rec-nagoya.jpg) no-repeat;background-size:cover;background-position:0 50%;margin:0 10px 10px 0;} #sttop_list_nagoya .menu_sr{width:390px;background: url(/images/menu-nav/nav-sr-nagoya.png) no-repeat;background-size:cover;background-position:0 50%;margin:0 10px 10px 0;} #sttop_list_nagoya .menu_stlive{width:390px;background: url(/images/menu-nav/nav-stlive-nagoya.jpg) no-repeat;background-size:cover;background-position:0 50%;margin:0 10px 10px 0;} #sttop_list_nagoya .menu_stlive a{padding:90px 0;} #sttop_list_nagoya .menu_online{width:390px;background: url(/images/menu-nav/nav-sw.jpg) no-repeat;background-size:cover;background-position:0 50%;margin:0 10px 10px 0;} #sttop_list_nagoya .menu_online a{} #sttop_list_nagoya .menu_rental{width:390px;background: url(/images/menu-nav/nav-rental.jpg) no-repeat;background-size:cover;background-size:100%;background-position:0 50%;margin:0 10px 10px 0;} #sttop_list_nagoya .menu_rental a{padding:80px 0;} #sttop_list_nagoya .menu_cre{width:390px;background: url(/images/menu-nav/nav-creat.jpg) no-repeat;background-position:0 50%;background-size:100%;margin:0 10px 10px 0;} #sttop_list_nagoya .menu_cre a{padding:90px 0;} #sttop_list_nagoya .menu_gabu{width:390px;background: url(/images/menu-nav/nav-gabu.jpg) no-repeat;background-position:0 50%;background-size:100%;margin:0 0 0 0;margin:0 10px 10px 0;} #sttop_list_nagoya .menu_gabu a{padding:90px 0;} /*-------------------------------------------------------- ページトップ　トピックス --------------------------------------------------------*/ .top-topics{ width:1200px; margin:0 auto 15px auto; padding:0; height:auto; } .top-topics h2{ color:#000; font-size:3em; text-align:center; } .top-topics a{ font-size:1.6em; text-align:center; } /*-------------------------------------------------------- グローバルナビ --------------------------------------------------------*/ #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; } /*●グローバルメニュー*/ #global-nav .menu-wrap{ display: block; } #menu{ text-align:center; margin:0; padding:0; } #global-nav #menu li{ width:25%; /* position: relative; */ float:left; margin:0; list-style: none; font-weight: bold; font-size:1.5em; white-space: nowrap; } #global-nav #menu li img{ padding-top:10px; height:80px; } #global-nav #menu li a{ display: block; height:135px; padding: 0.8em 0.8em; color: #fff; /* メニューのフォントの色 */ text-decoration: none; } #global-nav #menu li a:link, #global-nav #menu li a:visited{ } /*すでに訪れたリンクの背景色*/ #global-nav #menu li a:hover, #global-nav #menu li a:active{ background-image:url(../images/common/bg_bk2_opacity.png); } /*マウスカーソルを乗せた時の背景色*/ #global-nav #menu li.aki{background: #909;} #global-nav #menu li.access{background: #01ABC9;} #global-nav #menu li.price{background: #009F00;} #global-nav #menu li.first{background: #F30;} /*メニューのデザイン*/ #global-nav .showMenu{ display: block!important; } /*-------------------------------------------------------- グローバルナビ　スタジオ紹介あり --------------------------------------------------------*/ #global-nav02{ width:1200px; margin:0 auto; padding:0; } /*メニュー下のラインの設定*/ #global-nav02 dl{ margin:0; padding:0; } #global-nav02 dd{ margin:0; padding:0; } #global-nav02 ul{ width:100%; margin: 0; padding: 0; } /*●グローバルメニュー*/ #global-nav02 .menu-wrap{ display: block; } #menu{ text-align:center; margin:0; padding:0; } #global-nav02 #menu li{ width:20%; /* position: relative; */ float:left; margin:0; list-style: none; font-weight: bold; font-size:1.5em; white-space: nowrap; } #global-nav02 #menu li img{ padding-top:10px; height:80px; } #global-nav02 #menu li a{ display: block; height:135px; padding: 0.8em 0.8em; color: #fff; /* メニューのフォントの色 */ text-decoration: none; } #global-nav02 #menu li a:link, #global-nav02 #menu li a:visited{ } /*すでに訪れたリンクの背景色*/ #global-nav02 #menu li a:hover, #global-nav02 #menu li a:active{ background-image:url(../images/common/bg_bk2_opacity.png); } /*マウスカーソルを乗せた時の背景色*/ #global-nav02 #menu li.aki{background: #909;} #global-nav02 #menu li.access{background: #01ABC9;} #global-nav02 #menu li.room{background: #EABB00;} #global-nav02 #menu li.price{background: #009F00;} #global-nav02 #menu li.first{background: #F30;} /*メニューのデザイン*/ #global-nav02 .showMenu{ display: block!important; } /*-------------------------------------------------------- グローバルナビREC スタジオLIVE --------------------------------------------------------*/ #global-nav3{width:1200px;margin:30px auto;padding:0;} #global-nav3 .live{ padding:0 20px 0 0; margin:0; } #global-nav3 .nav3-pc{ } #global-nav3 .nav3-mobile{ display:none; } /*-------------------------------------------------------- グローバルナビ2 8項目ver( rec) --------------------------------------------------------*/ #global-nav2-8{width:1200px;margin:10px auto;padding:0;} #global-nav2-8 dl,#global-nav2-8 dd{margin:0;padding:0;} #global-nav2-8 ul{width:100%;margin: 0;padding: 0;} #global-nav2-8 .menu-wrap{display: block;margin:0;padding:0;} #global-nav2-8 #menu{text-align:center;font-size: 1.2em;margin:0;padding:0;} #global-nav2-8 #menu li{ width:12.5%; position: relative; float: left; margin: 0; padding:0; list-style: none; font-weight: bold; white-space: nowrap; } #global-nav2-8 #menu li img{padding-top:15px;height:40px;} #global-nav2-8 #menu li a{ margin:0; display: block; padding:0px 0 9px 0; color: #fff; text-decoration: none; } #global-nav2-8 #menu .recording a{ padding:46px 0; background:url(../images/common/nav_rec_off.jpg) no-repeat; background-size:100%; font-size:1.3em; } #global-nav2-8 #menu .recording a:hover{ background:url(../images/common/nav_rec_on.jpg) no-repeat; background-size:100%; } #global-nav2-8 #menu .selfrec a{ padding:46px 0; background:url(../images/common/nav_selfrec_off.jpg) no-repeat; background-size:100%; font-size:1.1em; } #global-nav2-8 #menu .selfrec a:hover{ background:url(../images/common/nav_selfrec_on.jpg) no-repeat; background-size:100%; } #global-nav2-8 #menu .stlive a{ padding:46px 0; background:url(../images/common/nav_live_off.jpg) no-repeat; background-size:100%; font-size:1.3em; } #global-nav2-8 #menu .stlive a:hover{ background:url(../images/common/nav_live_on.jpg) no-repeat; background-size:100%; } #global-nav2-8 #menu .stlive-day a{ padding:75px 0 17px 0; background:url(../images/common/nav_live_day_off.png) no-repeat; background-size:100%; } #global-nav2-8 #menu .stlive-day a:hover{ background:url(../images/common/nav_live_day_on.png) no-repeat; background-size:100%; } #global-nav2-8 #menu li a:hover, #global-nav2-8 #menu li a:active{ background-image:url(../images/common/bg_bk2_opacity.png); } #global-nav2-8 #menu li.room{background: #777;} #global-nav2-8 #menu li.option{background: #888;} #global-nav2-8 #menu li.goods{background: #777;} #global-nav2-8 #menu li.contact{width:12.5%;background: #888;} /*-------------------------------------------------------- グローバルナビ2 7項目ver( rec) --------------------------------------------------------*/ #global-nav2-7{width:1200px;margin:10px auto;padding:0;} #global-nav2-7 dl,#global-nav2-7 dd{margin:0;padding:0;} #global-nav2-7 ul{width:100%;margin: 0;padding: 0;} #global-nav2-7 .menu-wrap{display: block;margin:0;padding:0;} #global-nav2-7 #menu{text-align:center;font-size: 1.2em;margin:0;padding:0;} #global-nav2-7 #menu li{ width:14%; position: relative; float: left; margin: 0; padding:0; list-style: none; font-weight: bold; white-space: nowrap; } #global-nav2-7 #menu li img{padding-top:10px;height:50px;} #global-nav2-7 #menu li a{ margin:0; display: block; padding:7px 0; color: #fff; text-decoration: none; } #global-nav2-7 #menu .recording a{ padding:43.5px 0; background:url(../images/common/nav_rec_off.jpg) no-repeat; background-size:100%; background-position:50%; font-size:1.3em; } #global-nav2-7 #menu .recording a:hover{ background:url(../images/common/nav_rec_on.jpg) no-repeat; background-size:100%; background-position:50%; } #global-nav2-7 #menu .selfrec a{ padding:46px 0; background:url(../images/common/nav_selfrec_off.jpg) no-repeat; background-size:100%; background-position:50%; } #global-nav2-7 #menu .selfrec a:hover{ background:url(../images/common/nav_selfrec_on.jpg) no-repeat; background-size:100%; background-position:50%; } #global-nav2-7 #menu .stlive a{ padding:43.5px 0; background:url(../images/common/nav_live_off.jpg) no-repeat; background-size:100%; background-position:50%; font-size:1.3em; } #global-nav2-7 #menu .stlive a:hover{ background:url(../images/common/nav_live_on.jpg) no-repeat; background-size:100%; background-position:50%; } #global-nav2-7 #menu .stlive-day a{ padding:82px 0 10px 0; background:url(../images/common/nav_live_day_off.png) no-repeat; background-size:100%; background-position:50%; } #global-nav2-7 #menu .stlive-day a:hover{ background:url(../images/common/nav_live_day_on.png) no-repeat; background-size:100%; background-position:50%; } #global-nav2-7 #menu li a:hover, #global-nav2-7 #menu li a:active{ background-image:url(../images/common/bg_bk2_opacity.png); } #global-nav2-7 #menu li.room{background: #777;} #global-nav2-7 #menu li.option{background: #888;} #global-nav2-7 #menu li.goods{background: #777;} #global-nav2-7 #menu li.contact{width:16%;background: #888;} /*-------------------------------------------------------- グローバルナビ2 6項目ver( rec/live/selfrec) --------------------------------------------------------*/ #global-nav2-6{width:1200px;margin:10px auto;padding:0;} #global-nav2-6 dl,#global-nav2-6 dd{margin:0;padding:0;} #global-nav2-6 ul{width:100%;margin: 0;padding: 0;} #global-nav2-6 .menu-wrap{display: block;margin:0;padding:0;} #global-nav2-6 #menu{text-align:center;font-size: 1.2em;margin:0;padding:0;} #global-nav2-6 #menu li{ width:16.6%; position: relative; float: left; margin: 0; padding:0; list-style: none; font-weight: bold; white-space: nowrap; } #global-nav2-6 #menu li img{padding-top:10px;height:50px;} #global-nav2-6 #menu li a{ margin:0; display: block; padding:10px 0; color: #fff; text-decoration: none; } #global-nav2-6 #menu .recording a{ padding:46.5px 0; background:url(../images/common/nav_rec_off.jpg) no-repeat; background-size:100%; background-position:50%; font-size:1.3em; } #global-nav2-6 #menu .recording a:hover{ background:url(../images/common/nav_rec_on.jpg) no-repeat; background-size:100%; background-position:50%; } #global-nav2-6 #menu .stlive a{ padding:46.5px 0; background:url(../images/common/nav_live_off.jpg) no-repeat; background-size:100%; background-position:50%; font-size:1.3em; } #global-nav2-6 #menu .stlive a:hover{ background:url(../images/common/nav_live_on.jpg) no-repeat; background-size:100%; background-position:50%; } #global-nav2-6 #menu .selfrec a{ padding:46.5px 0; background:url(../images/common/nav_selfrec_off.jpg) no-repeat; background-size:100%; background-position:50%; font-size:1.3em; } #global-nav2-6 #menu .selfrec a:hover{ background:url(../images/common/nav_selfrec_on.jpg) no-repeat; background-size:100%; background-position:50%; } #global-nav2-6 #menu li a:hover, #global-nav2-6 #menu li a:active{ background-image:url(../images/common/bg_bk2_opacity.png); } #global-nav2-6 #menu li.room{background: #777;} #global-nav2-6 #menu li.option{background: #888;} #global-nav2-6 #menu li.goods{background: #777;} #global-nav2-6 #menu li.contact{width:17%;background: #888;} /*-------------------------------------------------------- グローバルナビ2 5項目ver( rec/selfrec) --------------------------------------------------------*/ #global-nav2-5{width:1200px;margin:10px auto;padding:0;} #global-nav2-5 dl,#global-nav2-5 dd{margin:0;padding:0;} #global-nav2-5 ul{width:100%;margin: 0;padding: 0;} #global-nav2-5 .menu-wrap{display: block;margin:0;padding:0;} #global-nav2-5 #menu{text-align:center;font-size: 1.2em;margin:0;padding:0;} #global-nav2-5 #menu li{ width:20%; position: relative; float: left; margin: 0; padding:0; list-style: none; font-weight: bold; white-space: nowrap; } #global-nav2-5 #menu li img{padding-top:10px;height:50px;} #global-nav2-5 #menu li a{ margin:0; display: block; padding:10px 0; color: #fff; text-decoration: none; } #global-nav2-5 #menu .recording a{ padding:46.5px 0; background:url(../images/common/nav_rec_off.jpg) no-repeat; background-size:100%; background-position:50%; font-size:1.3em; } #global-nav2-5 #menu .recording a:hover{ background:url(../images/common/nav_rec_on.jpg) no-repeat; background-size:100%; background-position:50%; } #global-nav2-5 #menu .selfrec a{ padding:49px 0; background:url(../images/common/nav_selfrec_off.jpg) no-repeat; background-size:100%; background-position:50%; } #global-nav2-5 #menu .selfrec a:hover{ background:url(../images/common/nav_selfrec_on.jpg) no-repeat; background-size:100%; background-position:50%; } #global-nav2-5 #menu .selfrec-gen a{ padding:49px 0; background: url(/selfrecording/images/common/nav-selfrec-gen_off.png) no-repeat; background-size:100%; background-position:50%; } #global-nav2-5 #menu .selfrec-gen a:hover{ background:url(/selfrecording/images/common/nav-selfrec-gen_on.png) no-repeat; background-size:100%; background-position:50%; } #global-nav2-5 #menu .selfrec-west a{ padding:49px 0; background: url(/selfrecording/images/common/nav-selfrec-west_off.png) no-repeat; background-size:100%; background-position:50%; } #global-nav2-5 #menu .selfrec-west a:hover{ background:url(/selfrecording/images/common/nav-selfrec-west_on.png) no-repeat; background-size:100%; background-position:50%; } #global-nav2-5 #menu .stlive a{ padding:49px 0; background:url(../images/common/nav_live_off.jpg) no-repeat; background-size:100%; background-position:50%; } #global-nav2-5 #menu .stlive a:hover{ background:url(../images/common/nav_live_on.jpg) no-repeat; background-size:100%; background-position:50%; } #global-nav2-5 #menu li a:hover, #global-nav2-5 #menu li a:active{ background-image:url(../images/common/bg_bk2_opacity.png); } #global-nav2-5 #menu li.room{background: #777;} #global-nav2-5 #menu li.option{background: #888;} #global-nav2-5 #menu li.goods{background: #777;} #global-nav2-5 #menu li.contact{background: #888;} /*-------------------------------------------------------- グローバルナビ2 4項目ver --------------------------------------------------------*/ #global-nav2-4{width:1200px;margin:10px auto;padding:0;} #global-nav2-4 dl,#global-nav2-4 dd{margin:0;padding:0;} #global-nav2-4 ul{width:100%;margin: 0;padding: 0;} #global-nav2-4 .menu-wrap{display: block;margin:0;padding:0;} #global-nav2-4 #menu{text-align:center;font-size: 1.2em;margin:0;padding:0;} #global-nav2-4 #menu li{ width:25%; position: relative; float: left; margin: 0; padding:0; list-style: none; font-weight: bold; white-space: nowrap; } #global-nav2-4 #menu li img{padding-top:10px;height:50px;} #global-nav2-4 #menu li a{ margin:0; display: block; padding:10px 0; color: #fff; text-decoration: none; } #global-nav2-4 #menu .recording a{ padding:46.5px 0; background:url(../images/common/nav_rec_off.jpg) no-repeat; background-size:100%; background-position:50%; font-size:1.3em; } #global-nav2-4 #menu .recording a:hover{ background:url(../images/common/nav_rec_on.jpg) no-repeat; background-size:100%; background-position:50%; } #global-nav2-4 #menu .selfrec a{ padding:49px 0; background:url(../images/common/nav_selfrec_off.jpg) no-repeat; background-size:100%; background-position:50%; } #global-nav2-4 #menu .selfrec a:hover{ background:url(../images/common/nav_selfrec_on.jpg) no-repeat; background-size:100%; background-position:50%; } #global-nav2-4 #menu .selfrec-gen a{ padding:49px 0; background: url(/selfrecording/images/common/nav-selfrec-gen_off.png) no-repeat; background-size:100%; background-position:50%; } #global-nav2-4 #menu .selfrec-gen a:hover{ background:url(/selfrecording/images/common/nav-selfrec-gen_on.png) no-repeat; background-size:100%; background-position:50%; } #global-nav2-4 #menu .selfrec-nagoya a{ padding:49px 0; background: url(/selfrecording/images/common/nav-selfrec-nagoya_off.png) no-repeat; background-size:100%; background-position:50%; } #global-nav2-4 #menu .selfrec-nagoya a:hover{ background:url(/selfrecording/images/common/nav-selfrec-nagoya_on.png) no-repeat; background-size:100%; background-position:50%; } #global-nav2-4 #menu .stlive a{ padding:49px 0; background:url(../images/common/nav_live_off.jpg) no-repeat; background-size:100%; background-position:50%; } #global-nav2-4 #menu .stlive a:hover{ background:url(../images/common/nav_live_on.jpg) no-repeat; background-size:100%; background-position:50%; } #global-nav2-4 #menu li a:hover, #global-nav2-4 #menu li a:active{ background-image:url(../images/common/bg_bk2_opacity.png); } #global-nav2-4 #menu li.room{background: #777;} #global-nav2-4 #menu li.option{background: #888;} #global-nav2-4 #menu li.goods{background: #777;} #global-nav2-4 #menu li.contact{background: #888;} #global-nav2-4 #menu .selfrec-west a{ padding:49px 0; background: url(/selfrecording/images/common/nav-selfrec-west_off.png) no-repeat; background-size:100%; background-position:50%; } #global-nav2-4 #menu .selfrec-west a:hover{ background:url(/selfrecording/images/common/nav-selfrec-west_on.png) no-repeat; background-size:100%; background-position:50%; } /*-------------------------------------------------------- グローバルナビ2 3項目ver --------------------------------------------------------*/ #global-nav2-3{width:1200px;margin:10px auto;padding:0;} #global-nav2-3 dl,#global-nav2-3 dd{margin:0;padding:0;} #global-nav2-3 ul{width:100%;margin: 0;padding: 0;} #global-nav2-3 .menu-wrap{display: block;margin:0;padding:0;} #global-nav2-3 #menu{text-align:center;font-size: 1.2em;margin:0;padding:0;} #global-nav2-3 #menu li{ width:33.333%; position: relative; float: left; margin: 0; padding:0; list-style: none; font-weight: bold; white-space: nowrap; } #global-nav2-3 #menu li img{padding:10px 0 5px 0;height:50px;} #global-nav2-3 #menu li a{ margin:0; display: block; padding:10px 0; color: #fff; text-decoration: none; } #global-nav2-3 #menu li a:hover, #global-nav2-3 #menu li a:active{ background-image:url(../images/common/bg_bk2_opacity.png); } #global-nav2-3 #menu li.option{background: #888;} #global-nav2-3 #menu li.goods{background: #777;} #global-nav2-3 #menu li.contact{background: #888;} /*-------------------------------------------------------- スタジオグローバルナビ --------------------------------------------------------*/ #st-global{display:none; width:100%; } /*-------------------------------------------------------- アクセス --------------------------------------------------------*/ .ac-container{ width: 32%; margin: 10px 16px 10px 0; float:left; } .ac-container label{ padding: 10px; position: relative; display: block; color: #FFF; background: #999; } .ac-container label a{ width:100%; height:100%; } .ac-container label:hover{ } .ac-container input:checked + label, .ac-container input:checked + label:hover{ color: #FFF; } .ac-container label:hover:after, .ac-container input:checked + label:hover:after{ content: ''; position: absolute; width: 24px; height: 24px; right: 13px; top: 7px; } .ac-container input:checked + label:hover:after{ } .ac-container input{ display: none; } .ac-container article{ /*PCサイトは常に表示させる。 overflow: hidden; height: 0px; position: relative; */ } .ac-container article p{ padding: 20px; } .ac-container input:checked ~ article{ } .ac-container input:checked ~ article.ac-small{ height: auto; } .ac-container1-1{ width: 32%; margin: 10px 16px 10px 0; float:left; } .ac-container1-1 .youtube_box{ width:90%; margin:0 5% 0 5%; } .ac-container1-1 label{ padding: 10px; position: relative; display: block; color: #FFF; background: #999; } .ac-container1-1 label a{ width:100%; height:100%; } .ac-container1-1 label:hover{ } .ac-container1-1 input:checked + label, .ac-container1-1 input:checked + label:hover{ color: #FFF; } .ac-container1-1 label:hover:after, .ac-container1-1 input:checked + label:hover:after{ content: ''; position: absolute; width: 24px; height: 24px; right: 13px; top: 7px; } .ac-container1-1 input:checked + label:hover:after{ } .ac-container1-1 input{ display: none; } .ac-container1-1 article{ /*PCサイトは常に表示させる。 overflow: hidden; height: 0px; position: relative; */ } .ac-container1-1 article p{ padding: 20px; } .ac-container1-1 input:checked ~ article{ } .ac-container1-1 input:checked ~ article.ac-small{ height: auto; } .ac-container2{ width: 64%; margin: 10px 16px 10px 0; float:left; } .ac-container2 label{ padding: 10px; position: relative; display: block; color: #FFF; background: #999; } .ac-container2 label a{ width:100%; height:100%; } .ac-container2 label:hover{ } .ac-container2 input:checked + label, .ac-container2 input:checked + label:hover{ color: #FFF; } .ac-container2 label:hover:after, .ac-container2 input:checked + label:hover:after{ content: ''; position: absolute; width: 24px; height: 24px; right: 13px; top: 7px; } .ac-container2 input:checked + label:hover:after{ } .ac-container2 input{ display: none; } .ac-container2 article{ /*PCサイトは常に表示させる。 overflow: hidden; height: 0px; position: relative; */ } .ac-container2 article p{ padding: 20px; } .ac-container2 input:checked ~ article{ } .ac-container2 input:checked ~ article.ac-small{ height: auto; } .ac-container3{ width: 100%; margin: 10px 0px; float:left; } .ac-container3 .youtube_box{ width:20%; margin-right:10px; } .ac-container3 label{ padding: 10px; position: relative; display: block; color: #FFF; background: #999; } .ac-container3 label a{ width:100%; height:100%; } .ac-container3 label:hover{ } .ac-container3 input:checked + label, .ac-container3 input:checked + label:hover{ color: #FFF; } .ac-container3 label:hover:after, .ac-container3 input:checked + label:hover:after{ content: ''; position: absolute; width: 24px; height: 24px; right: 13px; top: 7px; } .ac-container3 input:checked + label:hover:after{ } .ac-container3 input{ display: none; } .ac-container3 article{ /*PCサイトは常に表示させる。 overflow: hidden; height: 0px; position: relative; */ } .ac-container3 article p{ padding: 20px; } .ac-container3 input:checked ~ article{ } .ac-container3 input:checked ~ article.ac-small{ height: auto; } .map_img{ float:left; width:40%; } .map_img img{ width:100%; } .map_info{ float:right; width:58%; } .map_info img{ /* width:200px; */} .map_info p{ } .map_banner img{ width:335px; } .map_banner{ clear:both; } .map_bnr{ float:left; } .map_bnr a{ display:block; background-color:#999; color:#FFF; text-decoration:none; padding:0; margin:0 10px 0 0; } .map_bnr a:hover{ background-color:#F00; } .map_contents{ clear:both; float:left; width:100%; margin-top:20px; } .ac-small{ padding-top:10px; } .mapbnr_img{ float:left; width:100%; } .mapbnr_img img{ width:100%; } .mapbnr_info{ float:left; width:100%; padding-left:10px; } .map_bnr2{ float:left; } .map_bnr2 a{ display:block; background-color:#999; color:#FFF; text-decoration:none; padding:0; margin:0 10px 0 0; } .map_bnr2 a:hover{ background-color:#F00; } .access_ex{ display: inline-block; width:100%; height:auto; margin-bottom:30px; } #main-contents .access_ex h3{ background: url(../images/icon/icon-access_ex.png) no-repeat; background-size:15px; padding:0 0 10px 30px; width:100%; margin:30px 0; border-bottom:2px solid #01ABC9; color:#01ABC9; } .access_ex_img{ clear:both; float:left; width:auto; margin-right:20px; } .access_ex_img img{ width:350px; } .access_ex_info{ overflow:hidden; width:auto; } .access_ex_info img{ width:250px; } .youtube_ex_img{ clear:both; float:left; width:auto; margin:0 20px 20px 0; } .youtube_ex_img img{ width:200px; } .access_ex .access_nagoya_ex_img{ width:500px; } .access_ex .access_nagoya_ex_img img{ width:500px; } /*-------------------------------------------------------- スタジオ紹介 --------------------------------------------------------*/ .studio_info{ float:left; width:390px; margin:0 15px 15px 0; background:#eee; height:660px; } .studio_info_end{ float:left; width:390px; margin:0 0 15px 0; background:#eee; height:660px; } #self, #lobby, #entrance{ height:auto; } #main-contents .studio_header h3{ margin:0; padding:5px 0; height: 50px; } #main-contents .studio_list h3{ margin:0; padding:0; } #main-contents #pt1{ background:#999; color:#FFF; padding:10px 20px; margin:20px 0; width:1160px; float:left; } .studio_header{ background:url(/images/common/bg_red.gif); color:#FFF; padding:0 10px; margin:0; } .studio_list{ padding:10px 10px; height:270px; } .studio_header img{ width:40px; vertical-align:middle; padding:0; margin:0; } .kizai_listbox{ float:left; margin:5px 0 0 0; font-size:0.8em; width:100%; border-top:#333 1px dotted; } .kizai_listbox-text{ float:left; width:64%; } .kizai_listbox-photo{ float:right; width:36%; margin-top:8px; text-align:center; } .kizai_listbox-syn{ float:left; color:#000; width:100%; margin-top:5px; } .kizai_listbox-text2{ float:left; width:55%; } .kizai_listbox-photo2{ float:right; width:45%; margin-top:8px; text-align:center; } #main-contents .kizai_listbox h4{ margin:0; padding:4px 0 0 0; text-decoration:none; color:#333; } #main-contents .kizai_listbox img{ max-height:50px; max-width:83px; margin:4px 0 0; } #main-contents .kizai_rentalbox{ float:left; text-align:center; width:70%; height:28px; margin:15px 15%; background: #CCC; border-radius:7px; } #main-contents .kizai-telbox{ display:none; float:left; text-align:center; width:100%; height:40px; line-height:40px; margin:0 0 8px 0; background:url(../images/common/bg_bk.gif); font-size:1.0em; color:#FFF; text-decoration:none; } /*#main-contents .kizai-eria{ float:left; width:40%; margin:0; background:url(../images/common/bg_bk.gif); font-size:1.0em; color:#FFF; } #main-contents .kizai-tel{ float:right; width:60%; margin:0; padding:0; font-size:1.0em; }*/ #main-contents .kizai-telbox a{ display:inline-block; margin:0; text-decoration:none; color:#FFF; } #main-contents .kizai_rentalbox a{ display:block; padding:5px; color:#666; text-decoration:none; border-radius:7px; } #main-contents .kizai_rentalbox a:hover{ background:#F00; } #contents_bnr{ float:left; margin-top:50px; } #part-list{ } #part_gt{ width:580px; float:left; padding:0 20px 0 0; } #part_bass{ width:600px; float:left; padding:0 0px 0 0; } #part_drum{ } #part_drum2{ width:580px; float:left; padding:0 20px 0 0; } #part_piano{ width:580px; float:left; padding:0 20px 0 0; } #part_piano2{ width:600px; float:left; padding:0 0px 0 0; } #part_key{ width:600px; float:left; padding:0 0px 0 0; } /*---- rec / live / selfrec -------*/ .st-map img{ width:200px; } /*-------------------------------------------------------- 料金　プライス --------------------------------------------------------*/ #basic_price_img{display:none; margin:10px 0 50px;} #long_price_img{display:none; margin:10px 0 50px;} #kojin_price_img{display:none; margin:10px 0 50px;} #cancel_price_img{display:none; margin:10px 0 50px;} /*-------------------------------------------------------- コンテンツ全体 --------------------------------------------------------*/ #main{ width:100%; margin:0; padding:0; } #main-in{ margin:0; padding: 0; width:100%; } /*-------------------------------------------------------- メインコンテンツ（本文） --------------------------------------------------------*/ #main-contents #aki{ background-color:#909; background-image:url(/images/icon/h2_aki.png); background-repeat:no-repeat; background-size: contain; } #main-contents #access{ background-color:#01ABC9; background-image:url(/images/icon/h2_access.png); background-repeat:no-repeat; background-size: contain; } #main-contents #fqa{ background-color:#F30; background-image:url(/images/icon/h2_fqa.png); background-repeat:no-repeat; background-size: contain; } #main-contents #price{ background-color:#009F00; background-image:url(/images/icon/h2_price.png); background-repeat:no-repeat; background-size: contain; } #main-contents #engineer{ background-color:#2ee68a; background-image:url(/images/icon/h2_rec_engineer.png); background-repeat:no-repeat; background-size: contain; } #main-contents #first{ background-color:#F30; background-image:url(/images/icon/h2_first2.png); background-repeat:no-repeat; background-size: contain; } #main-contents #recprice{ background-color:#008000; /*background-image:url(/images/icon/h2_first2.png);*/ background-repeat:no-repeat; background-size: contain; } #main-contents #linerec{ background-color:#999; background-image:url(../images/icon/h2_linerec.png); background-repeat:no-repeat; background-size: contain; } #main-contents #glossary{ background-color:#B50000; background-image:url(/images/icon/h2_glossary.png); background-repeat:no-repeat; background-size: contain; } #main-contents #h2_topics{ background-color:#999; background-image:url(/images/icon/h2_topics.png); background-repeat:no-repeat; background-size: contain; font-size:1.2em !important; border:none !important; } #main-contents #room{ background:#999 url(../images/icon/h2_room.png) center left no-repeat; background-size:60px; } #main-contents #option{ background:#999 url(../images/icon/h2_option.png) center left no-repeat; background-size:60px; } #main-contents #goods{ background:#999 url(../images/icon/h2_goods.png) center left no-repeat; background-size:60px; } #main-contents #contact{ background:#999 url(../images/icon/h2_contact.png) center left no-repeat; background-size:50px; } #main-contents #dance{ background:#999 url(../images/icon/h2_dance.png) center left no-repeat; background-size:50px; } #main-contents #acapella{ background:#999 url(../images/icon/h2_acapella.png) center left no-repeat; background-size:50px; } /*---------------------------------- 空き情報　スタッフ写真css -------------------------------------*/ .aki_staff_pc{ float:left; display:block; } .aki_staff_mobile{ float:left; display:none; } /*---------------------------------- arai -------------------------------------*/ .aki_contents{ float:left; width:1160px; padding:10px 20px 10px 20px; margin:0; display:block; } .aki_text{ font-size:1rem; font-weight:bold; } @media only screen and (max-width : 768px){ .aki_contents{ float:left; width:100%; padding:0px; margin:0; display:block; } } /*---------------------------------- arai -------------------------------------*/ .aki_right{ float:left; width:910px; padding:10px 0px 10px 20px; margin:0; display:block; } .aki_right p{ width:35%; position: relative; background: #fff; font-size:1rem; height:2rem; font-weight:bold; color:#333; text-align:center; border:2px #909 solid; border-radius:4px; } .aki_right p:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(189, 0, 0, 0); border-right-color: #909; border-width: 10px; margin-top: -10px; } .aki_right p:after { right: 99%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-right-color: #fff; border-width: 10px; margin-top: -10px; } .box_aki{ padding:10px; text-align:center; width:90%; margin:0 auto; } .box_aki a{ display:block; border: #909 3px solid; padding:10px; color:#909; text-decoration:none; font-weight: bold; font-size:1rem; margin-top:10px; } .box_aki a:hover{ background-image:url(../images/common/bg_bk2_opacity.png); color:#FFF; } /*---------------------------------- 料金　スタッフ写真css .staff_rightは汎用 -------------------------------------*/ .staff_right_pc{ float:right; display:block; margin-right:0px; } .staff_right_pc img{ width:150px; } .price_staff{ font-size:0.9rem; display:block; position: relative; background: #fff; width:920px; text-align:start; height:120px; float:right; color:#333; padding:0 20px 20px; border:7px #090 solid; border-radius:8px; margin-right:20px; } .price_staff:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(186, 0, 0, 0); border-left-color: #090; border-width: 20px; margin-top: -20px; } .price_staff:after { left: 99%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-left-color: #fff; border-width: 20px; margin-top: -20px; } .price_contents{ font-size:0.9rem; display:block; position: relative; background: #fff; width:1146px; text-align:start; height:120px; color:#333; padding:0 20px 0px; border:7px #090 solid; border-radius:8px; margin-right:20px; } /*---------------------------------- ロングタイム割引　スタッフ写真css .staff_leftは汎用 -------------------------------------*/ .staff_left_pc{ float:left; display:block; margin:0px; } .staff_left_pc img{ width:150px; } .staff_left_pc2{ float:left; display:block; margin:0px; } .staff_left_pc2 img{ width:80px; } .long_staff{ font-size:0.9rem; display:block; position: relative; background: #090; text-align:start; height:120px; float:left; color:#FFF; padding:0 20px 20px; border-radius:8px; margin-left:20px; } .long_staff:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(186, 0, 0, 0); border-right-color: #090; border-width: 20px; margin-top: -20px; } .long_staff2{ font-size:0.9rem; display:block; position: relative; background: #fff; text-align:start; height:50px; float:left; color:#333; padding:0 20px 20px; border:#090 6px solid; border-radius:5px; margin-left:10px; margin-bottom:40px; } .long_staff2:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(186, 0, 0, 0); border-right-color: #090; border-width: 13px; margin-top: -13px; } .long_staff2:after { right: 99%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-right-color: #fff; border-width: 13px; margin-top: -13px; } .long_contents{ font-size:0.9rem; display:block; position: relative; background: #090; width:1160px; text-align:start; height:120px; float:left; color:#FFF; padding:0 20px 20px; border-radius:8px; margin:20px 0 0 0; } .long_contents2{ font-size:0.9rem; display:block; position: relative; background: #fff; text-align:start; height:50px; color:#333; padding:0 20px 20px; border:#090 6px solid; border-radius:5px; margin-bottom:40px; } /*---------------------------------- 部屋・常設機材ページ オプションレンタルページ スタッフ写真css -------------------------------------*/ .studio_box{ width:1200px; display:block; margin:0 auto; padding:0; } .studio_box_mobile{ width:100%; display:none; } .studio_box_mobile img{ width:100%; } .syn_news{ width:100%; display:block; } .syn_news_mobile{ width:100%; display:none; } .studio_staff{ font-size:0.9rem; display:table; position: relative; background: #fff; width:950px; text-align:start; float:right; color:#333; padding:0 20px 10px; border:#f30 7px solid; border-radius:8px; margin:10px 20px 20px 0; vertical-align:middle; } .studio_staff:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(186, 0, 0, 0); border-left-color: #f30; border-width: 20px; margin-top: -20px; } .studio_staff:after { left: 99%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-left-color: #fff; border-width: 20px; margin-top: -20px; } .studio_staff p{ display:table-cell; font-size:1rem; } .studio_staff strong{ color:#F30; font-size:1.3rem; } .studio_contents{ font-size:0.9rem; display:table; position: relative; background: #fff; width:1146px; text-align:start; color:#333; padding:0 20px 10px; border:#f30 7px solid; border-radius:8px; margin:10px 0px 20px 0; vertical-align:middle; } .studio_contents p{ display:table-cell; font-size:1rem; } .studio_contents strong{ color:#F30; font-size:1.3rem; } @media only screen and (max-width : 768px){ .studio_contents{ font-size:1.0rem; display:table; position: relative; background: #fff; width:86%; text-align:start; color:#333; padding:0 19px 10px 20px; border:#f30 7px solid; border-radius:8px; margin:20px 0; vertical-align:middle; } .studio_contents p{ display:table-cell; font-size:0.8rem; } .studio_contents strong{ color:#F30; font-size:1.0rem; } } /*---------------------------------- 問い合わせページ　スタッフ写真css -------------------------------------*/ .contact_staff{ font-size:0.9rem; display:table; position: relative; background: #fff; width:950px; text-align:start; float:left; color:#333; padding:0 20px 10px; border:#f30 7px solid; border-radius:8px; margin:10px 0 20px 20px; vertical-align:middle; } .contact_staff:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(186, 0, 0, 0); border-right-color: #f30; border-width: 20px; margin-top: -20px; } .contact_staff:after { right: 99%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-right-color: #fff; border-width: 20px; margin-top: -20px; } .contact_staff p{ display:table-cell; } /*---------------------------------- 初めての方へ　スタッフ写真css -------------------------------------*/ .first_staff{ font-size:0.9rem; display:table; position: relative; background: #fff; width:960px; text-align:start; float:right; color:#333; padding:0 20px 10px; border:#f30 7px solid; border-radius:8px; margin:10px 20px 20px 0; vertical-align:middle; } .first_staff:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(186, 0, 0, 0); border-left-color: #f30; border-width: 20px; margin-top: -20px; } .first_staff:after { left: 99%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-left-color: #fff; border-width: 20px; margin-top: -20px; } .first_staff p{ display:table-cell; } .first_staff2{ width:1030px; margin:0 0 0 20px; float:left; } /*●テーブルタグ スタイル01*/ #main-contents table.table-style01 th, #main-contents table.table-style01 td{ text-align: left; vertical-align: top; } #main-contents .table-style th hr{ margin:0; padding:0; } #main-contents td.st{ background:#D5ECD6; line-height:1.3; } #main-contents td.st02{ background:#E9F5EA; } #main-contents td.st-high{ background: #FFF; line-height:1.1; } #main-contents td.day{ background: #6FF; line-height:1.3; } #main-contents td.day02{ background: #D7FFFF; } #main-contents td.weekend{ background: #FFE8FF; line-height:1.1; } #main-contents td.weekend02{ background:; } /*　料金表段組み */ #main-contents #kojin_price{ float:left; width:48%; margin-right:36px; } #main-contents #cancel_price{ float:left; width:49%; } /*-------------------------------------------------------- contact　お問合せ　 --------------------------------------------------------*/ .contact_contents{ clear:both; margin:20px 0; padding:0 0 20px 0; border-bottom:1px dotted #999; } .contact_left{ float:left; width:300px; } .contact_right{ } #main-contents .contact_right textarea{ width:900px; } /*-------------------------------------------------------- キャンペーン等　スタジオトップ見出し画像 --------------------------------------------------------*/ #campaign_images{ width:1200px; margin:0 auto 10px; padding:0; } /*-------------------------------------------------------- キャンペーン 半額料金表 --------------------------------------------------------*/ .wfull{ width:100%; height:150px; background:#FF0000; font:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#FFF; text-align:center; font-size:7em; font-weight:bold; } .wfull p{ margin-top:-30px; font-size:15px; font-weight:500; } /*-------------------------------------------------------- ダンスコンテンツ --------------------------------------------------------*/ .dance_contents iframe{ width:500px; height:281px; } .dance_contents img{ width:370px; float:left; margin:0 20px 50px 0; } .dance_contents .center{ text-align:center; margin:0 auto 30px auto; } .dance_imglist{ float:left; margin:0 10px 20px 0; } .dance_img{ width:290px; } .dance_img img{ width:100%; margin:0; } .dance_text{ margin:0; } .dance_contents video{ width:500px; } /*------------------------------------------------------------ 　template created by web-rider -------------------------------------------------------------*/