@charset "utf-8";
/* CSS Document */

/* =============================================================================
   search_box
   ========================================================================== */
#search{
	background-color: #000;
	color: #fff;
    display: block;
    font-size: 21px;
    line-height: 0.8em;
    padding: 5px 3px;
}

#search_s{
    display: block;
    font-size: 13px;
}


.schedule_search {
    color: #dabe38;
    font-size: 50px;
    text-align: center;
    margin: 0px 0px 20px;
    width: 100%;
}

.schedule_search a {
	color:#DABE38;    
}

#prev,#next,#noprev {
    font-size:20px;
}

.search_day{
	display: table-cell;
	width: 33.33%;
}

#day_fix form{
	font-size: 10px;
    text-align: center;
}

#day_fix form select{
    font-size: 16px;
}

#day_fix form input{
    padding: 5px;
    font-size: 16px;
}


#day_fix p{
	margin:3px auto;
	font-size: 12px;
    text-align: right;
}

#count_box{
	font-size: 12px;
	border-collapse: collapse;
	margin: 20px auto;
	text-align: center;
    width: 100%;
}

#count_box th,td{
	border: 1px  #b7a9a0 solid;
    padding: 2px 0px;
}


.day_box i {
    font-size: 10px;
    font-style: normal;
    clear: both;
    display: block;
    line-height: 1em;
}


#count_box a{
	color: #000000;
}

#count_box .sat{
    color: #0066cc;
}

#count_box .sun{
    color: #e42375;
}

.last_update {
    display:block;
    /*color: #dabe38;*/
    color: #333;
    font-size: 12px;
    margin-bottom: 10px;
    text-align: right;
}

.hidden{
	display: none;
}

/* =============================================================================
   list
   ========================================================================== */
#schedule .right_block {
float:right;
width:69%;
}

#schedule h3 {
    background-color:#D2B535;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

/* ---
奇跡のキャンセル
--- */
#schedule h3.icon_realtime_01{
	background: #bd6d22;
}

/* ---
体験入店中
--- */
#schedule h3.icon_realtime_02{
	background: #f16534;
}

/* ---
本日のオススメ
--- */
#schedule h3.icon_realtime_03{
}

/* ---
残りわずか
--- */
#schedule h3.icon_realtime_04{
	background: #f26997;
}

/* ---
残り１枠
--- */
#schedule h3.icon_realtime_05{
	background: #f00;
}

/* ---
残り２枠
--- */
#schedule h3.icon_realtime_06{
	background: #673ab7;
}

/* ---
ラスト１枠
--- */
#schedule h3.icon_realtime_07{
	background: #00bcd4;
}

/* ---
最終案内
--- */
#schedule h3.icon_realtime_08{
	background: #5ea4ff;
}

/* ---
すぐに案内できます
--- */
#schedule h3.icon_realtime_09{
	background: #4caf50;
}

/* ---
お電話お急ぎ下さい
--- */
#schedule h3.icon_realtime_10{
	background: #3f51b5;
}

/* ---
ご予約受付中
--- */
#schedule h3.icon_realtime_11{
	background: #5a4a44;
}

/* ---
要確認
--- */
#schedule h3.icon_realtime_12{
	background: #000;
}

/* ---
キャンセル待ち
--- */
#schedule h3.icon_realtime_13{
	background: #333;
}

/* ---
予約完売
--- */
#schedule h3.icon_realtime_14{
	background: #999;
}

/* ---
受付終了
--- */
#schedule h3.icon_realtime_15{
	background: #999;
}

/* ---
幸運の１枠
--- */
#schedule h3.icon_realtime_16{
	background: #bc8e04;
}

/* ---
待ち時間表示
--- */
#schedule h3.icon_realtime_99{
}


#schedule .list{
	position: relative;
	margin-bottom: 3px;
}

#schedule .thum{
	float: left;
	position: relative;
	width:30%;
}

#schedule .photo{
width:100%;

}

#schedule .time{
	font-size: 24px;
	color: #EB7696;
	text-align:center;
}

#schedule .data {
	background:#eee;
	padding:10px;
	line-height: 1.4em;
	display: block;
	font-size: 10px;
	margin-top:5px;
	height:auto;
}

#schedule .name{
	display: block;
	font-size: 16px;
	font-weight: bold;
}

#schedule .kana{
	clear:both;
	display:block;
}

#schedule .size{
font-size:12px;
}

#schedule .photo_d{}

#schedule .smoke{}

#schedule .comment{
	clear: both;
	font-size: 15px;
}

#schedule .finish_bg{
width: 100%;
height:100%;
position: absolute;
z-index: 10;
background: #BA8B02; /* fallback for old browsers */
background:url("/schedule/img/finish_bg.png") no-repeat center/80% auto, -webkit-linear-gradient(to left bottom, rgba(180,180,180,1) 0%, rgba(209,209,209,0.8) 14%, rgba(100,100,100.61) 27%, rgba(100,100,100,0.61) 32%, rgba(100,100,100,0.8) 58%, rgba(254,254,254,0.8) 84%, rgba(180,180,180,0.95) 98%, rgba(180,180,180,1) 100%); /* Chrome 10-25, Safari 5.1-6 */
background:url("/schedule/img/finish_bg.png") no-repeat center/80% auto, linear-gradient(to left bottom, rgba(180,180,180,1) 0%, rgba(209,209,209,0.8) 14%, rgba(100,100,100,0.61) 27%, rgba(100,100,100,0.61) 32%, rgba(100,100,100,0.8) 58%, rgba(254,254,254,0.8) 84%, rgba(180,180,180,0.95) 98%, rgba(180,180,180,1) 100%); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
top: 0px;
left: 0px;
}

#schedule .soldout {
background: #BA8B02; /* fallback for old browsers */
background:url("/schedule/img/finish_bg2.png") no-repeat center/80% auto, -webkit-linear-gradient(to left bottom, rgba(255,236,153,1) 0%, rgba(122,73,0,0.8) 14%, rgba(122,73,0,0.61) 27%, rgba(122,73,0,0.61) 32%, rgba(122,73,0,0.8) 58%, rgba(122,73,0,0.8) 84%, rgba(255,235,148,0.95) 98%, rgba(255,235,148,1) 100%); /* Chrome 10-25, Safari 5.1-6 */
background:url("/schedule/img/finish_bg2.png") no-repeat center/80% auto, linear-gradient(to left bottom, rgba(255,236,153,1) 0%, rgba(122,73,0,0.8) 14%, rgba(122,73,0,0.61) 27%, rgba(122,73,0,0.61) 32%, rgba(122,73,0,0.8) 58%, rgba(122,73,0,0.8) 84%, rgba(255,235,148,0.95) 98%, rgba(255,235,148,1) 100%); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

/* =============================================================================
   icon
   ========================================================================== */


.icon_box li {
    display: grid;
	margin: 1% 0 0;
}

/*
#schedule .newface_icon{
    background-color: #23b123;
    box-sizing: border-box;
    color: #fff;
    font-size: 10px;
    padding: 0 10px;
}

#schedule .trial_icon{
    background-color: #0080ff;
    box-sizing: border-box;
    color: #fff;
    font-size: 10px;
    padding: 0 10px;
}

#schedule .return_icon{
    background-color: #d50000;
    box-sizing: border-box;
    color: #fff;
    font-size: 10px;
    padding: 0 10px;
}
*/
#schedule .premiere{
    position: absolute;
    right: 0;
    top: 33px;
}

#schedule .rankingout{
    background: #000000 none repeat scroll 0 0;
    color: #ffffff;
    text-align: center;
    font-size: 10px;
    padding: 5px;
}

#schedule .icon{
    font-size: 11px;
    padding: 2px;
}

#schedule .tomorrow{
	background-color: #800080;
	color: #FFF;
	position: absolute;
	bottom: 3px;
	right: 3px;
}

#schedule .luxury{
    background-color: #bfbfbf;
}
#schedule .excellent
{
    color:#b39616;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.90, rgba(249,249,241,0.5)), color-stop(0.43, rgba(205,164,102,0.5)), color-stop(0.00, rgba(228,212,68,0.5)));
    background: -webkit-linear-gradient(top, rgba(228,212,68,0.5) 0%, rgba(205,164,102,0.5) 43%, rgba(249,249,241,0.5) 90%);
    background: -moz-linear-gradient(top, rgba(228,212,68,0.5) 0%, rgba(205,164,102,0.5) 43%, rgba(249,249,241,0.5) 90%);
    background: -o-linear-gradient(top, rgba(228,212,68,0.5) 0%, rgba(205,164,102,0.5) 43%, rgba(249,249,241,0.5) 90%);
    background: -ms-linear-gradient(top, rgba(228,212,68,0.5) 0%, rgba(205,164,102,0.5) 43%, rgba(249,249,241,0.5) 90%);
    background: linear-gradient(to bottom, rgba(228,212,68,0.5) 0%, rgba(205,164,102,0.5) 43%, rgba(249,249,241,0.5) 90%);
}


#schedule .royal{
	background-color: #FFC002;
}

#schedule .miracle
{
    color:#ff0066;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.98, rgba(249,249,175,0.5)), color-stop(0.74, rgba(194,252,193,0.5)), color-stop(0.50, rgba(176,252,252,0.5)), color-stop(0.24, rgba(197,191,251,0.5)), color-stop(0.00, rgba(255,178,199,0.5)));
    background: -webkit-linear-gradient(top, rgba(255,178,199,0.5) 0%, rgba(197,191,251,0.5) 24%, rgba(176,252,252,0.5) 50%, rgba(194,252,193,0.5) 74%, rgba(249,249,175,0.5) 98%);
    background: -moz-linear-gradient(top, rgba(255,178,199,0.5) 0%, rgba(197,191,251,0.5) 24%, rgba(176,252,252,0.5) 50%, rgba(194,252,193,0.5) 74%, rgba(249,249,175,0.5) 98%);
    background: -o-linear-gradient(top, rgba(255,178,199,0.5) 0%, rgba(197,191,251,0.5) 24%, rgba(176,252,252,0.5) 50%, rgba(194,252,193,0.5) 74%, rgba(249,249,175,0.5) 98%);
    background: -ms-linear-gradient(top, rgba(255,178,199,0.5) 0%, rgba(197,191,251,0.5) 24%, rgba(176,252,252,0.5) 50%, rgba(194,252,193,0.5) 74%, rgba(249,249,175,0.5) 98%);
    background: linear-gradient(to bottom, rgba(255,178,199,0.5) 0%, rgba(197,191,251,0.5) 24%, rgba(176,252,252,0.5) 50%, rgba(194,252,193,0.5) 74%, rgba(249,249,175,0.5) 98%);
}

.icon_castrank2 {
    background-image: url("/../../common/img/icon_platinum.png");
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 4px;
    height: 55px;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-indent: -99999px;
    width: 55px;
}

.ranking_1, .ranking_2, .ranking_3, .ranking_4, .ranking_5, .ranking_6, .ranking_7, .ranking_8, .ranking_9, .ranking_10 {
    bottom: 4px;
    display: block;
    height: 55px;
    right: 0;
    overflow: hidden;
    position: absolute;
    text-indent: -99999px;
    width: 55px;
}

.ranking_1 {
    background-image: url("/../../common/img/icn_ranking_01.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.ranking_2 {
    background-image: url("/../../common/img/icn_ranking_02.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.ranking_3 {
    background-image: url("/../../common/img/icn_ranking_03.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.ranking_4 {
    background-image: url("/../../common/img/icn_ranking_04.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.ranking_5 {
    background-image: url("/../../common/img/icn_ranking_05.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.ranking_6 {
    background-image: url("/../../common/img/icn_ranking_06.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.ranking_7 {
    background-image: url("/../../common/img/icn_ranking_07.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.ranking_8 {
    background-image: url("/../../common/img/icn_ranking_08.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.ranking_9 {
    background-image: url("/../../common/img/icn_ranking_09.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.ranking_10 {
    background-image: url("/../../common/img/icn_ranking_10.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.gravure_icon{
	display:inline-block;
}

.icon_platinum {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
}

.icon_platinum img {
    width: 40px;
}