@charset "utf-8";

.flexslider>.slides>li.split4>a { float:left; width:25%; }

#home_reservation_restaurant { position:absolute; bottom:0; width:100%; height:86px; background-color:rgba(255,255,255,0.8); z-index:2; }

/* #home_reservation_restaurant_toggle { float:left; width:190px; height: 50px; margin-right: 5px; font-size: 10px;	}
#home_reservation_restaurant_toggle div { font-size:0.8em; display:block; width: 60px; text-align:center; color:#fff; background-color:#80afd7; transition:all 0.3s; float: left; margin-right: 2px;	height: 50px;	}
#home_reservation_restaurant_toggle div a { display:block; color:#ffffff; display: table-cell;	vertical-align: 	middle; width: 60px;	height: 50px;	text-align: center;	position: relative; } */
#home_reservation_restaurant_toggle { float:left; margin-right: 5px; font-size: 10px;	}
#home_reservation_restaurant_toggle div { font-size: 1.1em; display: block; width: 100%; text-align:center; color:#fff; background-color:#80afd7; transition:all 0.3s; float: left; margin-right: 2px; }
#home_reservation_restaurant_toggle div a { display:block; color:#fff; text-align: center;	position: relative; padding: 3px 0; }
#home_reservation_restaurant_toggle div.current { background-color:#469bd3; border:1px solid #ffffff; }
/* #home_reservation_restaurant_toggle div a:hover { padding: 0 0 0 10px;}
#home_reservation_restaurant_toggle div a:hover:before { content:"\f0da"; font-family:"FontAwesome"; display:inline-block; position: absolute; top: 17px; left: 5px; } */
#home_reservation_restaurant_toggle div a:hover:before { content:"\f0da"; font-family:"FontAwesome"; display:inline-block; position: absolute; top: 2px; left: 5px; }

#home_reservation_toggle { margin-bottom:2px; }

#home_reservation_wrapper { position:relative; width:1200px; height:42px; margin:12px auto; }

/* #home_reservation_form {} */
#home_reservation_restaurant_toggle #home_restaurant_toggle { display: none; }

#home_reservation_wrapper div.check_in { float:left; text-align:center; }
#home_reservation_wrapper div.check_in span.text { display:block; float:left; height:42px; line-height:42px; font-size:0.8em; color:#ffffff; background-color:#469bd3; padding:0 16px; }
#home_reservation_wrapper div.check_in input.day_select { text-align:left; color:#232832; width:10em; padding:10px 11px; margin:0 10px 0 0; background-color:#ffffff; border:1px solid #d3d3d3; }

#home_reservation_wrapper div.check_out { float:left; text-align:center; }
#home_reservation_wrapper div.check_out span.text { display:block; float:left; height:42px; line-height:42px; font-size:0.8em; color:#ffffff; background-color:#469bd3; padding:0 8px; }
#home_reservation_wrapper div.check_out input.day_select { text-align:left; color:#232832; width:10em; padding:10px 11px; margin:0 10px 0 0; background-color:#ffffff; border:1px solid #d3d3d3; }

#home_reservation_wrapper div.headcount { float:left; text-align:center; }
#home_reservation_wrapper div.headcount span.text { display:block; float:left; height:41px; line-height:41px; font-size:0.8em; color:#ffffff; background-color:#469bd3; padding:0 16px; }
#home_reservation_wrapper div.headcount select#home_headcount_select { color:#232832; width:5em; padding:10px 11px; margin:0 10px 0 0; background-color:#ffffff; border:1px solid #d3d3d3; }

#home_reservation_wrapper div.childcount { float:left; text-align:center; }
#home_reservation_wrapper div.childcount span.text { display:block; float:left; height:41px; line-height:41px; font-size:0.8em; color:#ffffff; background-color:#469bd3; padding:0 8px; }
#home_reservation_wrapper div.childcount select#home_childcount_select { color:#232832; width:5em; padding:10px 11px; margin:0 10px 0 0; background-color:#ffffff; border:1px solid #d3d3d3; }
#home_reservation_wrapper div.childcount p { margin-top:5px; }

#home_reservation_wrapper div.room { float:left; text-align:center; }
#home_reservation_wrapper div.room span.text { display:block; float:left; height:41px; line-height:41px; font-size:0.8em; color:#ffffff; background-color:#469bd3; padding:0 16px; }
#home_reservation_wrapper div.room select#home_room_select { color:#232832; width:5em; padding:10px 11px; /*margin:0 10px 0 0;*/ background-color:#ffffff; border:1px solid #d3d3d3; }

#home_reservation_wrapper .btn_submit { float:right; display:block; width:150px; height:42px; margin:0 auto; text-align:center; color:#fff; border-style:none; background-color:#c4a46a; transition:all 0.3s; }
#home_reservation_wrapper .btn_submit span { font-size:1.2em; font-weight:bold; display:block; margin:0; color:#fff; }
#home_reservation_wrapper .btn_submit span:before { content:"\f002"; font-family:"FontAwesome"; display:inline-block; margin-right:6px; }
#home_reservation_wrapper .btn_submit:hover { background-color:#b08943; }
#home_reservation_wrapper .btn_submit.current { background-color:#b08943; }

#home_kouku_form,#home_restaurant_form { display:none; }

#home_reservation_wrapper div.restaurant_name { float:left; text-align:center; }
#home_reservation_wrapper div.restaurant_name span.text { display:block; float:left; height:41px; line-height:41px; font-size:0.8em; color:#ffffff; background-color:#469bd3; padding:0 8px; }
.kukouSelect,#home_reservation_wrapper div.restaurant_name select#home_restaurant_code { color:#232832; width:260px; padding:10px 11px; margin:0 10px 0 0; background-color:#ffffff; border:1px solid #d3d3d3; }

#home_reservation_wrapper div.restaurant_day { float:left; text-align:center; }
#home_reservation_wrapper div.restaurant_day span.text { display:block; float:left; height:42px; line-height:42px; font-size:0.8em; color:#ffffff; background-color:#469bd3; padding:0 8px; }
#home_reservation_wrapper div.restaurant_day input.day_select { text-align:left; color:#232832; width:9.5em; padding:10px 11px; margin:0 10px 0 0; background-color:#ffffff; border:1px solid #d3d3d3; }

#home_reservation_wrapper div.restaurant_num { float:left; text-align:center; }
#home_reservation_wrapper div.restaurant_num span.text { display:block; float:left; height:41px; line-height:41px; font-size:0.8em; color:#ffffff; background-color:#469bd3; padding:0 8px; }
#home_reservation_wrapper div.restaurant_num select#home_restaurant_num_select { color:#232832; width:5em; padding:10px 11px; margin:0 20px 0 0; background-color:#ffffff; border:1px solid #d3d3d3; }

#home_reservation_wrapper div.restaurant_chk { float:left; }
#home_reservation_wrapper div.restaurant_chk>div { display:block; }


.home_contents_outer_bg { position:relative; float:left; width:calc((100% - 1200px)/2 + 440px); }
.home_contents_outer_cl { position:relative; float:left; width:calc((100% - 1200px)/2 + 760px); }
.home_contents_inner_bg { position:relative; float:left; width:440px; }
.home_contents_inner_cl { position:relative; float:left; width:760px; height:100%; display:table; }
.home_contents_inner_bg .home_contents_inner { padding:20% 10%; }
.home_contents_inner_cl .home_contents_inner { padding:0 10%; display:table-cell; vertical-align:middle; }

#home_contents_guestroom { background:url(../../img/home_contents_bg_guestroom.jpg) no-repeat center top; background-size:cover; }
#home_contents_guestroom .home_contents_outer_bg { float:right; text-align:left; background-color:rgba(128,175,215,0.8); }
#home_contents_guestroom .home_contents_inner_bg { float:left; }
#home_contents_guestroom .home_contents_outer_cl { float:left; }
#home_contents_guestroom .home_contents_inner_cl { float:right; }

#home_contents_guestroom .ttl6 .ja:after { color:#cfe9ff; }
#home_contents_guestroom .ttl6 .ja { color:#ffffff; }
#home_contents_guestroom .ttl6 .en { color:#ffffff; }
#home_contents_guestroom .ttl6.mb { margin-bottom:2em; }
#home_contents_guestroom p { color:#ffffff; }
#home_contents_guestroom p.description { line-height:2em; text-align:center; margin-bottom:30px; }
#home_contents_guestroom a { color:#ffffff; }

#home_contents_restaurant { background:url(../../img/home_contents_bg_restaurant.jpg) no-repeat center top; background-size:cover; }
#home_contents_restaurant .home_contents_outer_bg { float:left; text-align:left; background-color:rgba(196,164,106,0.8); }
#home_contents_restaurant .home_contents_inner_bg { float:right; }
#home_contents_restaurant .home_contents_outer_cl { float:right; }
#home_contents_restaurant .home_contents_inner_cl { float:left; }

#home_contents_restaurant .ttl6 .ja:after { color:#fae0b2; }
#home_contents_restaurant .ttl6 .ja { color:#ffffff; }
#home_contents_restaurant .ttl6 .en { color:#ffffff; }
#home_contents_restaurant .ttl6.mb { margin-bottom:2em; }
#home_contents_restaurant p { color:#ffffff; }
#home_contents_restaurant p.description { line-height:2em; text-align:center; margin-bottom:20px; }
#home_contents_restaurant p.info { line-height:1.8em; text-align:center; margin-bottom:20px; padding:0.4em 0; border:1px solid #ffffff; }
#home_contents_restaurant a { color:#ffffff; }

#home_contents_party { background:url(../../img/home_contents_bg_party.jpg) no-repeat center top; background-size:cover; }
#home_contents_party .home_contents_outer_bg { float:right; text-align:left; background-color:rgba(128,175,215,0.8); }
#home_contents_party .home_contents_inner_bg { float:left; }
#home_contents_party .home_contents_outer_cl { float:left; }
#home_contents_party .home_contents_inner_cl { float:right; }

#home_contents_party .ttl6 .ja:after { color:#cfe9ff; }
#home_contents_party .ttl6 .ja { color:#ffffff; }
#home_contents_party .ttl6 .en { color:#ffffff; }
#home_contents_party .ttl6.mb { margin-bottom:2em; }
#home_contents_party p { color:#ffffff; }
#home_contents_party p.description { line-height:2em; text-align:center; margin-bottom:30px; }
#home_contents_party a { color:#ffffff; }

.news_item { margin-bottom:3%; }
.news_date { font-weight:bold; font-size:0.8em; }
.news_title { font-weight:bold; margin-bottom:0.6em; }
.blog_item { margin-bottom:3%; }
.blog_date { font-weight:bold; font-size:0.8em; }
.blog_title { font-weight:bold; margin-bottom:0.6em; }

.ttl_instagram { text-align:center; margin-bottom:0.3em; }
.ttl_instagram span.c1 { font-size:1.6em; font-weight:bold; }
.ttl_instagram span.c2 { font-size:1.4em; color: #b4b4ba !important; padding:0 0.5em; }
.ttl_instagram span.c3 { font-size:1.8em; color: #b08943 !important; font-weight:bold; }
.ttl_instagram span.c1 span:nth-child(9n+1) { color: #4c62d4 !important; }
.ttl_instagram span.c1 span:nth-child(9n+2) { color: #7f49be !important; }
.ttl_instagram span.c1 span:nth-child(9n+3) { color: #a735b7 !important; }
.ttl_instagram span.c1 span:nth-child(9n+4) { color: #d02e83 !important; }
.ttl_instagram span.c1 span:nth-child(9n+5) { color: #f43652 !important; }
.ttl_instagram span.c1 span:nth-child(9n+6) { color: #ff6324 !important; }
.ttl_instagram span.c1 span:nth-child(9n+7) { color: #fe8708 !important; }
.ttl_instagram span.c1 span:nth-child(9n+8) { color: #ffb137 !important; }
.ttl_instagram span.c1 span:nth-child(9n) { color: #f3bb22 !important; }

#instagram_box .pao2 em { display:block; padding:5px; box-shadow:0 1px 1px rgba(0,0,0,0.2); }
#instagram_box .pao2 a { width:100%; padding-top:100%; overflow:hidden; margin:0 auto; }
#instagram_box .pao2 a img { position:absolute; top:50%; left:50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 190%;
	max-height: 190%;
}

table.weather { text-align:center; border-collapse:separate; border-spacing:10px; }
table.weather th { background-color:#dde4ed; color:#232832; }
table.weather td { position:relative; }
table.weather tr.week th:first-child { background-color:transparent; }
table.weather tr.from th { background-color:#000000; color:#ffffff; font-size:80%; padding:0 0.5em; }
table.weather tr.place th { background-color:#000000; color:#ffffff; font-size:80%; padding:0 0.5em; }
table.weather .now { background-color:#625304; }
table.weather span.ico { display:block; padding:0 5px; }
table.weather span.temp-now { color:#333333; font-size:70%; }
table.weather span.temp-max { color:#ff2a00; font-size:70%; }
table.weather span.temp-min { color:#0073d5; font-size:70%; }
table.weather span.temp-sep { font-size:80%; padding:0 0.5em; }
table.weather span.date { color:#232832; font-size:70%; }
table.weather span.sep { color:#160c0d; font-size:70%; }
table.weather span.day { color:#232832; font-size:70%; }
table.weather span.mon { color:#232832; font-size:70%; }
table.weather span.tue { color:#232832; font-size:70%; }
table.weather span.wed { color:#232832; font-size:70%; }
table.weather span.thu { color:#232832; font-size:70%; }
table.weather span.fri { color:#232832; font-size:70%; }
table.weather span.sat { color:#003399; font-size:70%; }
table.weather span.sun { color:#993300; font-size:70%; }
table.weather span.hol { color:#993300; font-size:70%; }
table.weather tr.from td:after, table.weather tr.place td:after
{ content:''; position:absolute; top:0; right:-5px; padding-top:50%; width:0; border:1px dashed #b8b8b8; }
.weather-copyright { color:#999999; }
.weather-swipe:before { content:"\f25a"; font-family:"FontAwesome"; }
#book_today a span:before { content:"\f236"; font-family:"FontAwesome"; margin-right:0.3em; font-size:120%; }

.traffic_info { background-color:#dde4ed; padding:9px 30px 0 30px; }
.traffic_info div.grid2>div { background-color:#ffffff; margin-bottom:9px; }
.traffic_info span { text-align:center; }
.traffic_info img { width:101px; height:37px; vertical-align:middle; margin-right:1em; }

/*--------------------------------------------------------------------------------*/
@media screen and (max-width: 1300px) {

} /* max-width: 1300px */

/*--------------------------------------------------------------------------------*/
@media screen and (max-width: 1240px) {

#home_reservation_restaurant { display:none; }

.home_contents_outer_bg { position:relative; float:left; width:100%; }
.home_contents_outer_cl { position:relative; float:left; width:100%; }
.home_contents_inner_bg { position:relative; float:left; width:100%; }
.home_contents_inner_cl { position:relative; float:left; width:100%; }
.home_contents_inner_bg .home_contents_inner { padding:5% 10%; }
.home_contents_inner_cl .home_contents_inner { padding:5% 10%; }

} /* max-width: 1240px */

/*--------------------------------------------------------------------------------*/
@media screen and (max-width: 1120px) {

} /* max-width: 1120px */

/*--------------------------------------------------------------------------------*/
@media screen and (max-width: 980px) {

} /* max-width: 980px */

/*--------------------------------------------------------------------------------*/
@media screen and (max-width: 800px) {

} /* max-width: 800px */

/*--------------------------------------------------------------------------------*/
@media screen and (max-width: 740px) {

} /* max-width: 740px */

/*--------------------------------------------------------------------------------*/
@media screen and (max-width: 600px) {

.flexslider>.slides>li.split4>a { float:left; width:50%; }

.traffic_info { padding:9px 9px 0 9px; }
#omotenashi-contents-title { font-size:2.2em; }

} /* max-width: 600px */

/*--------------------------------------------------------------------------------*/
@media screen and (max-width: 320px) {

} /* max-width: 320px */