@charset 'UTF-8';


/* ▼ ===== 共通部分 ===== ▼ */

.attention{
	margin-top: 15px;
	line-height: 1.7;
	margin-bottom: 30px;
}
#important{margin-bottom: 2vw;}
#important p{font-weight: bold;}
.underline{
	text-decoration: underline;
	font-weight: bold;
}

.ava_nav a:hover{
	background-color: #c61c56;
}	

/*デバック用 (スタジオ確認)*/
.ava_txt_box .ava_studio{
	width: 10px;
	display: none;
/* 	background-color: red; */
}



/* availability 予約状況
----------------------------------------*/
/*ナビゲーション*/
.ava_nav_box{width: 80%;margin: 0 auto;text-align: center;letter-spacing: -.4em;display: flex;flex-flow:wrap;justify-content:space-around;}
.ava_nav {vertical-align: top;letter-spacing: normal;margin-top: 2vw;}
.ava_nav a{background-color: black;font-size: 3.5vw;;padding: 2vw 4.5vw;margin-left: 2vw;text-align: center;display: block;text-decoration: none;color: #fff;border-radius: 5px;word-break: keep-all;display: block;}
.ava_nav:first-child a{margin-left: 0;}
.ava_nav a:hover{background-color: #c61c56;}


/*リスト*/
.cap_red{font-size: 12px;color: #fff;}
.keep{padding-left:13px;}
#availability_box{margin-top: 20px;}

.ava_txt_box{background-color: #eee;padding: 2.5% 1%;margin: 0 auto 5px;text-align: center;font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;letter-spacing: -.4em;}
/* .ava_txt_box:nth-child(even){background-color: pink;} */
.ava_txt_box div{display: inline-block;vertical-align: top;letter-spacing: normal;width: 33.3333333%;}
.ava_txt_box .ava_date{width: 40%;}
.ava_txt_box .ava_time{width: 40%;}
.ava_txt_box .ava_status{width: 20%;}
.ava_time{border-left: 1px solid #fff ;border-right: 1px solid #fff ;	}

.accesstitle{background: url(/images_other/priceblack.jpg) no-repeat scroll left center transparent;padding-left: 10px;}
.attention{margin-top: 15px;line-height: 1.7;margin-bottom: 30px;}
.underline{text-decoration: underline;font-weight: bold;}




/*ナビゲーションカラー*/
#ava_shibuya a:hover{background-color: #D70050;}
#ava_roppongi a:hover{background-color: #A55FA5;}
#ava_aoyama a:hover{background-color: #009BDC;}
#ava_shinjuku a:hover{background-color: #F59600;}
#ava_shibakoen a:hover{background-color: #418E24;}
#ava_shibakoenB a:hover{background-color: #a57d50;}
#ava_chromakey a:hover{background-color: #5EDD24;}

.shibuya_avaPage #ava_shibuya a{background: #E51572;}
.roppongi_avaPage #ava_roppongi a{background: #A55FA5;}
.aoyama_avaPage #ava_aoyama a{background: #009BDC;}
.shinjuku_avaPage #ava_shinjuku a{background: #F59600;}
.shibakoen_avaPage #ava_shibakoen a{background: #418E24;}
.shibakoenB_avaPage #ava_shibakoenB a{background: #a57d50;}
.chromakey_avaPage #ava_chromakey a{background: #5EDD24;}

/*リストカラー*/
.ava_txt_box{color: #fff;}
.shibuya_avaPage .ava_txt_box{background: #E51572;}
.shibuya_avaPage .ava_txt_box:nth-child(even){background: #96848E;}
.roppongi_avaPage .ava_txt_box{background: #A55FA5;}
.roppongi_avaPage .ava_txt_box:nth-child(even){background:#938993;}
.aoyama_avaPage .ava_txt_box{background: #009BDC;}
.aoyama_avaPage .ava_txt_box:nth-child(even){background:#6A8E9B;}
.shinjuku_avaPage .ava_txt_box{background: #F59600;}
.shinjuku_avaPage .ava_txt_box:nth-child(even){background:#A0927F;}
.shibakoen_avaPage .ava_txt_box{background: #418E24;}
.shibakoen_avaPage .ava_txt_box:nth-child(even){background: #808273;}
.shibakoenB_avaPage .ava_txt_box{background:#a57d50;}
.shibakoenB_avaPage .ava_txt_box:nth-child(even){background: #dbaf7d;}
.chromakey_avaPage .ava_txt_box{background: #5EDD24;}
.chromakey_avaPage .ava_txt_box:nth-child(even){background: #787F71;}


/*検索*/
#search_form{text-align: center;background: #fff;margin-bottom: 2%;font-size: 15px;}
#search_form input[type="date"]{padding: 2%; font-size: 15px;width: 40%;}
#search_form input[type="submit"]{background: #000;color: #fff;padding: 2% 5%;font-size: 15px;border-radius: 5px;box-shadow:2px 2px 0 #eee;}
#search_form input[type="submit"]:hover{background: #D70050;}



/*検索ページのみ「スタジオ」を表示*/
.searchPage .ava_txt_box .ava_date{width:32%;}
.searchPage .ava_txt_box .ava_time{width:27%;}
.searchPage .ava_txt_box .ava_status{width:23%;}
.searchPage .ava_txt_box .ava_studio{width: 18%;display: inline-block;background-color: none;}
.searchPage .ava_studio{border-left: 1px solid #fff ;}


/*検索ページのみスタジオをカラー分け*/
.searchPage .ava_txt_box{color: #fff;}
.searchPage .stu_shibuya{background: #E51572;}
.searchPage .stu_roppongi{background: #A55FA5;}
.searchPage .stu_aoyama{background: #009BDC;}
.searchPage .stu_shinjuku{background: #F59600;}
.searchPage .stu_shibakoen{background: #418E24;}
.searchPage .stu_shibakoenB{background: #a57d50;}
.searchPage .stu_chromakey{background: #5EDD24;}
.searchPage .cap_red{color: #fff;}


/* ▲ ===== 共通部分 ===== ▲ */



/* ▼ ===== 501以上 ===== ▼ */
@media screen and (min-width: 501px) {
	.ava_nav a{margin-left: 3vw;}
}
/* ▲ ===== 501以上 ===== ▲ */

/* ▼ ===== 751以上 ===== ▼ */
@media screen and (min-width: 751px) {
	.ava_nav {margin-top: 10px;}
	.ava_nav a{font-size: 20px;padding:10px 15px;margin-left: 2%;}
}
/* ▲ ===== 751以上 ===== ▲ */