/* CSS Document */ /* CSS BY KOJI MARUHASHI FROM D-LIVE,CO.,LTD. 2017 AUG 9TH */ @charset "UTF-8"; /*@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700');*/ /*@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');*/ /**** AXIS-STD ****/ @font-face { font-family:"JPUltraLight"; src:url('../fonts/AxisStd-UltraLight.otf') format('opentype'); /*src:url('../fonts/AxisStd-UltraLight.woff') format('woff');*/ } @font-face { font-family:"JPExtraLight"; src:url('../fonts/AxisStd-ExtraLight.otf') format('opentype'); } @font-face { font-family:"JPLight"; src:url('../fonts/AxisStd-Light.otf') format('opentype'); } @font-face { font-family:"JPRegular"; src:url('../fonts/AxisStd-Regular.otf') format('opentype'); /*src:url('../fonts/AxisStd-Regular.woff') format('woff');*/ } @font-face { font-family:"JPMedium"; src:url('../fonts/AxisStd-Medium.otf') format('opentype'); /*src:url('../fonts/AxisStd-Medium.woff') format('woff');*/ } @font-face { font-family:"JPBold"; src:url('../fonts/AxisStd-Bold.otf') format('opentype'); } @font-face { font-family:"JPHeavy"; src:url('../fonts/AxisStd-Heavy.otf') format('opentype'); /*src:url('../fonts/AxisStd-Heavy.woff') format('woff');*/ } /**** Hiragino KakuGO ****/ @font-face { font-family:"HiraginoKakugoW3"; src:url('../fonts/HiraginoKakugoProN3.otf') format('opentype'); } @font-face { font-family:"HiraginoKakugoW6"; src:url('../fonts/HiraginoKakugoProN6.otf') format('opentype'); } /**** Oswald ****/ @font-face { font-family:'Oswald-ExtraLight'; src:url('../fonts/Oswald-ExtraLight.ttf') format('truetype'); } @font-face { font-family:'Oswald-Light'; src:url('../fonts/Oswald-Light.ttf') format('truetype'); } @font-face { font-family:'Oswald-Regular'; src:url('../fonts/Oswald-Regular.ttf') format('truetype'); } @font-face { font-family:'Oswald-Medium'; src:url('../fonts/Oswald-Medium.ttf') format('truetype'); } @font-face { font-family:'Oswald-SemiBold'; src:url('../fonts/Oswald-SemiBold.ttf') format('truetype'); } @font-face { font-family:'Oswald-Bold'; src:url('../fonts/Oswald-Bold.ttf') format('truetype'); } /**** Poppins ****/ @font-face { font-family:'Poppins-Light'; src:url('../fonts/Poppins-Light.ttf') format('truetype'); } @font-face { font-family:'Poppins-Regular'; src:url('../fonts/Poppins-Regular.ttf') format('truetype'); } @font-face { font-family:'Poppins-Medium'; src:url('../fonts/Poppins-Medium.ttf') format('truetype'); } @font-face { font-family:'Poppins-SemiBold'; src:url('../fonts/Poppins-SemiBold.ttf') format('truetype'); } @font-face { font-family:'Poppins-Bold'; src:url('../fonts/Poppins-Bold.ttf') format('truetype'); } html { height: 100%; } body { margin:0; padding:0; width:100%; height:100%; overflow-x:hidden; -webkit-text-size-adjust:100%; -webkit-font-smoothing: antialiased; /*font-family:-apple-system-body,BlinkMacSystemFont,"Helvetica Neue","Hiragino Sans","Noto Sans CJK JP Regular","Noto Sans Japanese",sans-serif;*/ color:#7A6A55; /*background-color: #FFAAAA;*/ /*background:#000;*/ /*background-image:url(../images/index/bw_bg.jpg);*/ /*background-size:contain;*/ /*position:relative;*/ } /*********** LOADING ***********/ #loading_icon { -webkit-animation: spin 1.5s linear infinite; -moz-animation: spin 1.5s linear infinite; -ms-animation: spin 1.5s linear infinite; -o-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; } @-webkit-keyframes spin { 0% {-webkit-transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg);} } @-moz-keyframes spin { 0% {-moz-transform: rotate(0deg);} 100% {-moz-transform: rotate(360deg);} } @-ms-keyframes spin { 0% {-ms-transform: rotate(0deg);} 100% {-ms-transform: rotate(360deg);} } @-o-keyframes spin { 0% {-o-transform: rotate(0deg);} 100% {-o-transform: rotate(360deg);} } @keyframes spin { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} } /*********** COMMON ***********/ nav { position:relative; z-index:9999; display:none; } #copyright { margin: 20px 0 20px 0; font-family: Poppins-Regular; font-size: 0.7vw; text-align: center; } #wrapper { top: 0; left: 0; margin: 0; padding: 120px 0 0 0; visibility: hidden; } #middle_wrapper_bk { background: #000; } #cal { background: #FFFFFF; } #event_pickup { background: #000000; } #about_gallery { background: #000000; } #header { /*position: relative;*/ } #whatsnew { margin: 0; } #whatsnew h1 { font-family: Oswald-ExtraLight; color:#FFF3E2; } .whats_topic { } .whats_topic h2 { font-family: Poppins-Light; color:#FFF3E2; } .whats_topic p { font-family: JPRegular; text-align: justify; color:#FFF3E2; } .top_header_title { margin: 0; padding: 0; } /*.top_header_title h1 { margin: 0; font-family: Oswald-Light; }*/ .top_header_title h1 { margin: 0; font-family: Oswald-ExtraLight; } .top_header_title p { margin: 0; font-family: JPRegular; } .top_header_title span { margin: 0; font-family: JPLight; } #header_today { background-color: #900000; } #header_pickup { background-color: #360000; } #header_restaurant { background-color: #680000; } #header_wedding { background-color: #FFFFFF; } #header_party { background-color: #7A6A55; } #header_about { background-color: #900000; } #header_sp_food { background-color: #8F6732; } #header_restaurantNew { background-color: #680000; } #header_today h1 { color:#FFF3E2; } #header_pickup h1 { color:#FFF3E2; } #header_restaurant h1 { color:#FFF3E2; } #header_wedding h1 { color:#7A6A55; } #header_party h1 { color:#FFF3E2; } #header_about h1 { color:#FFF3E2; } #header_sp_food h1 { color:#FFF3E2; } #header_restaurantNew h1 { color:#FFF3E2; } #header_today p { color:#FFF3E2; } #header_pickup p { color:#FFF3E2; } #header_restaurant p { color:#FFF3E2; } #header_wedding p { color:#7A6A55; } #header_party p { color:#FFF3E2; } #header_about p { color:#FFF3E2; } #header_sp_food p { color:#FFF3E2; } #header_restaurantNew p { color:#FFF3E2; } #today_all { font-family: Poppins-Regular; background-color: #900000; } #pickup_all { font-family: Poppins-Regular; background-color: #360000; } .top_event_box { position: relative; } .top_event_box_hover { top: 0; left: 0; width: 100%; height: 100%; position: absolute; background-color: rgba(0,0,0,1); opacity: 0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .top_event_box_hover:hover { opacity: 0.4; z-index: 999; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .top_event_pickup_box { position: relative; } .top_event_pickup_box_hover { top: 0; left: 0; width: 100%; height: 100%; position: absolute; background-color: rgba(0,0,0,1); opacity: 0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .top_event_pickup_box_hover:hover { opacity: 0.4; z-index: 999; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .top_event_pickup_box { background-color: #360000; } .top_event_date { font-family:Poppins-Light; color: #FFF3E2; /*background-color: #B80000;*/ } .top_event_date span { font-family:Poppins-Regular; } .top_event_badge img { width: 100%; height: 100%; } .top_event_photo img { width: 100%; height: 100%; } #top_event_wanted { color: #FFF3E2; position: relative; } #top_event_wanted h1 { top: 0; left: 0; right: 0; bottom: 0; font-family: Oswald-Light; text-align: center; position: absolute; } #top_event_wanted p { margin-left: 8%; margin-right: 8%; width: 84%; font-family: JPRegular; text-align: justify; display: table-cell; position: absolute; } #top_event_wanted img { width: 100%; height: 100%; } #top_event_wanted a { text-decoration: none; color: #FFF3E2; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } #top_event_wanted a:hover { color: #7A6A55; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } #top_event_wanted span { font-family: Oswald-Regular; display: block; } .wanted_mail_icon { vertical-align: sub; } #b_app { overflow:hidden; background-image:url(../images/index/app_blank.jpg); background-size:cover; background-color:# 2C0000; } #top_upcoming_event { font-family: JPRegular; } #top_upcoming_event span { font-family: Poppins-Medium; } .top_event_pickup_title span { font-family: JPRegular; } .event_pickup_title span { font-family: JPRegular; } .event_month { font-family: Poppins-Regular; text-align: center; width: 37.5%; height: 37.5%; background-color: #493925; } .event_day { font-family: Poppins-Regular; text-align: right; } .event_day span { font-family: Poppins-Regular; display: block; } /** EVENT_NEW_LINE HOVER **/ .event_upcoming_line_new { overflow: hidden; position: relative; clear: both; /*background-color: aqua;*/ } .event_upcoming_line_new a { width: 100%; height: 100%; display: block; text-decoration: none; color: #7A6A55; } .line_hover { top: 0; left: 0; width: 100%; height: 100%; position: absolute; background-color: rgba(0,0,0,1); opacity: 0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .line_hover:hover { opacity: 0.2; z-index: 9999; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } /****/ .upcoming_underline { width: 100%; height: 10px; background-color: #F0EFEE; }/* EEEEEE */ #cal { /*display: none;*/ overflow: hidden; } #cal_switch { } #event_footer { font-family: Poppins-Light; letter-spacing: 0vw; display: block; background-color: #F0EFEE; }/* F0EFEE */ #event_footer a { text-decoration: none; color: #7A6A55; } #event_next { float: right; } #event_prev { float: left; } .restaurant_info p { font-family:JPLight; } .clearfix { clear:both; } .blank_20 { margin:0; padding:0; height:20px; } .blank_40 { margin:0; padding:0; height:40px; } .box_320 { width:16.6666667%; } .box_640 { width:33.3333333%; } .box_960 { width:50%; } #top_event_box_today a { text-decoration:none; color:#FFF3E2; } #top_event_box_tonight a { text-decoration:none; color:#FFF3E2; } #top_event_box_pickup1 a { text-decoration:none; color:#FFF3E2; } #top_event_box_pickup2 a { text-decoration:none; color:#FFF3E2; } #top_event_box_pickup3 a { text-decoration:none; color:#FFF3E2; } #top_event_box_pickup4 a { text-decoration:none; color:#FFF3E2; } #top_event_box_pickup5 a { text-decoration:none; color:#FFF3E2; } #top_event_box_pickup6 a { text-decoration:none; color:#FFF3E2; } #top_event_box_pickup7 a { text-decoration:none; color:#FFF3E2; } #top_event_box_pickup8 a { text-decoration:none; color:#FFF3E2; } #top_event_box_pickup9 a { text-decoration:none; color:#FFF3E2; } #top_event_box_pickup10 a { text-decoration:none; color:#FFF3E2; } #top_event_box_pickup11 a { text-decoration:none; color:#FFF3E2; } #top_event_box_pickup12 a { text-decoration:none; color:#FFF3E2; } #top_event_box_today { color:#FFF3E2; overflow:hidden; background-color:#900000; } #top_event_box_tonight { color:#FFF3E2; overflow:hidden; background-color:#7C0000; } #top_event_box_pickup1 { color:#FFF3E2; overflow:hidden; background-color:#680000; } #top_event_box_pickup2 { color:#FFF3E2; overflow:hidden; background-color:#5E0000; } #top_event_box_pickup3 { color:#FFF3E2; overflow:hidden; background-color:#4A0000; } #top_event_box_pickup4 { color:#FFF3E2; overflow:hidden; background-color:#360000; } #top_event_box_pickup5 { color:#FFF3E2; overflow:hidden; background-color:#2C0000; } #top_event_box_pickup6 { color:#FFF3E2; overflow:hidden; background-color:#2C0000; } #top_event_box_pickup7 { color:#FFF3E2; overflow:hidden; background-color:#2C0000; } .upcoming_event_name a { text-decoration:none; color:#FFF3E2; } .upcoming_btn a { text-decoration:none; color:#FFF3E2; } #cal_date a { font-family:Poppins-Light; color:#7A6A55; text-decoration:none; } #cal_header { background-color: #F6F0E8; } #cal_link { font-family:Poppins-Light; } #cal_header_icon_set { font-family:Poppins-Regular; } #event_box_today a { text-decoration:none; color:#FFF3E2; } #event_box_tonight a { text-decoration:none; color:#FFF3E2; } #event_box_pickup1 a { text-decoration:none; color:#FFF3E2; } #event_box_pickup2 a { text-decoration:none; color:#FFF3E2; } #event_box_pickup3 a { text-decoration:none; color:#FFF3E2; } #event_box_pickup4 a { text-decoration:none; color:#FFF3E2; } #event_box_pickup5 a { text-decoration:none; color:#FFF3E2; } #event_box_pickup6 a { text-decoration:none; color:#FFF3E2; } #event_box_pickup7 a { text-decoration:none; color:#FFF3E2; } #event_box_pickup8 a { text-decoration:none; color:#FFF3E2; } #event_box_pickup9 a { text-decoration:none; color:#FFF3E2; } #event_box_pickup10 a { text-decoration:none; color:#FFF3E2; } #event_box_pickup11 a { text-decoration:none; color:#FFF3E2; } #event_box_pickup12 a { text-decoration:none; color:#FFF3E2; } .top_event_cal { overflow: hidden; } /*.top_day_name { background-color: aqua; }*/ /*.top_day_name, .top_day_name a { margin: 0; padding: 0; }*/ .top_day_name a { text-decoration:none; color:#FFFFFF; } .event_upcoming_event_name a { text-decoration:none; color:#FFF3E2; display:block; } .event_upcoming_btn a { text-decoration:none; color:#FFF3E2; display:block; } .upcoming_btn a { display:block; } .event_upcoming_line_info { font-family: JPRegular; } /*.event_upcoming_line_info a { text-decoration: none; color: #7A6A55; }*/ #sp_food { background-color: #FFFFFF; } .sp_food_box { margin: 0; padding: 0; float: left; } .sp_food_box img { width: 100%; height: 100%; } #sp_food_over_1280 { background-color: #FFFFFF; } #sp_food_961_1280 { background-color: #FFFFFF; } #sp_food_641_960 { background-color: #FFFFFF; } #sp_food_640 { background-color: #FFFFFF; } #sp_menu1 a { width: 100%; height: 100%; opacity: 0; display: block; } #sp_menu2 a { width: 100%; height: 100%; opacity: 0; display: block; } #sp_menu3_1 a { width: 100%; height: 100%; opacity: 0; display: block; } #sp_menu4 a { width: 100%; height: 100%; opacity: 0; display: block; } #sp_menu_mid1 a { width: 100%; height: 100%; opacity: 0; display: block; } #sp_menu_mid2 a { width: 100%; height: 100%; opacity: 0; display: block; } #sp_menu_mid3_1 a { width: 100%; height: 100%; opacity: 0; display: block; } #sp_menu_s1 a { width: 100%; height: 100%; opacity: 0; display: block; } #sp_menu_s2 a { width: 100%; height: 100%; opacity: 0; display: block; } #sp_menu_s3 a { width: 100%; height: 100%; opacity: 0; display: block; } #sp_menu_s4 a { width: 100%; height: 100%; opacity: 0; display: block; } #about_photo a { width:100%; height:100%; text-decoration:none; display:block; } #about_layout a { width:100%; height:100%; text-decoration:none; display:block; } #about_gallery a { width:100%; height:100%; text-decoration:none; display:block; } #about_b_info a { text-decoration:none; color:#FFF3E2; } #btn_equip { color:#003399; background:#003399; } #btn_equip a { text-decoration:none; color:#003399; } /*#btn_equip a:hover { text-decoration:none; color:#003399; opacity:0.8; }*/ #btn_floor { color:#33CC00; background:#33CC00; } #btn_floor a { text-decoration:none; color:#33CC00; } /*#btn_floor a:hover { text-decoration:none; color:#33CC00; opacity:0.8; }*/ #btn_month { color:#FF6600; background:#FF6600; } #btn_month a { text-decoration:none; color:#FF6600; } /*#btn_month a:hover { text-decoration:none; color:#FF6600; opacity:0.8; }*/ #btn_mm { color:#CC0000; background:#CC0000; } #btn_mm a { text-decoration:none; color:#CC0000; } /*#btn_mm a:hover { text-decoration:none; color:#CC0000; opacity:0.8; }*/ #btn_recruit { color:#00CCFF; background:#00CCFF; } #btn_recruit a { text-decoration:none; color:#00CCFF; } /*#btn_recruit a:hover { text-decoration:none; color:#00CCFF; opacity:0.8; }*/ #btn_pp { color:#6600CC; background:#6600CC; } #btn_pp a { text-decoration:none; color:#6600CC; } /*#btn_pp a:hover { text-decoration:none; color:#6600CC; opacity:0.8; }*/ #text_box a { text-decoration:none; color:#FFF3E2; } /*********** SP-EVENT ***********/ .greeting_message, .topic_sentence { font-family: JPLight; } .topic_title, .topic_info { font-family: Poppins-Light; } .sp_notice { font-family: JPLight; } /*********** COMMON HOVER ***********/ .hover_btn, .hover_btn::before, .hover_btn::after { -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .hover_btn { width: 100%; height: 100%; } .hover_btn:hover { /*background-color: rgba(0,0,0,1);*/ opacity:0.6; } .hover_footer, .hover_footer::before, .hover_footer::after { -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .hover_footer:hover { opacity:0.8; } /*********** NAVI ***********/ .hover_navi, .hover_navi::before, .hover_navi::after { -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .hover_navi:hover { opacity:0.6; } /*********** TODAY, TONIGH & PICKUP ***********/ #top_event_box_today, #top_event_box_today::before, #top_event_box_today::after { -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } #top_event_box_today:hover { background-color:rgba(144,0,0,0.9); opacity:0.6; } #top_event_box_tonight, #top_event_box_tonight::before, #top_event_box_tonight::after { -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } #top_event_box_tonight:hover { background-color:rgba(144,0,0,0.9); opacity:0.6; } .btn_hover_pickup, .btn_hover_pickup::before, .btn_hover_pickup::after { -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .btn_hover_pickup:hover { background-color:rgba(144,0,0,0.9); opacity:0.6; } /*********** TODAY, TONIGH & PICKUP IN EVENT ***********/ #event_box_today, #event_box_today::before, #event_box_today::after { -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; } #event_box_today:hover { background-color:rgba(144,0,0,0.9); opacity:0.6; } #event_box_tonight, #event_box_tonight::before, #event_box_tonight::after { -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } #event_box_tonight:hover { background-color:rgba(144,0,0,0.9); opacity:0.6; } /* .top_day_name, .top_day_name::before, .top_day_name::after { -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .top_day_name:hover { opacity:0.6; } */ /*********** UPCOMING EVENT ***********/ .upcoming_btn, .upcoming_btn::before, .upcoming_btn::after { -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .upcoming_btn:hover { opacity:0.6; } .upcoming_event_name, .upcoming_event_name::before, .upcoming_event_name::after { -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .upcoming_event_name:hover { opacity:0.6; } .event_upcoming_btn, .event_upcoming_btn::before, .event_upcoming_btn::after { -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .event_upcoming_btn:hover { opacity:0.6; } .event_upcoming_event_name, .event_upcoming_event_name::before, .event_upcoming_event_name::after { -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .event_upcoming_event_name:hover { opacity:0.6; } /*********** TOP-WEDDING ***********/ #wedding { margin:0; padding:0; width:100%; height:auto; overflow:hidden; text-align:center; background-image:url(../images/index/wedding_banner_wide.jpg); background-repeat:no-repeat; background-size:100%; background-color:#000; } #wedding a { display:block; text-decoration:none; color:#FFF3E2; } #wedding_banner { position:relative; } #wedding_banner a { top:0; left:0; width:100%; height:100%; display:block; position:absolute; } #wedding_banner a:hover { background-color:rgba(0,0,0,0.5); } /*********** TOP-ABOUT ***********/ .hover_layout, .hover_layout::before, .hover_layout::after { -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .hover_layout:hover { opacity:1.0; } #about_layout a:hover { background-color:rgba(122,106,85,0.3); } /*********** TOP-RESTAURANT ***********/ #restaurant { overflow: hidden; position: relative; } #restaurant { margin: 0; padding: 0; width: 100%; background-color: #FFF; } #restaurant_banner a { top: 0; left: 0; width: 100%; height: 100%; display: block; position: absolute; } #restaurant_banner a:hover { background-color: rgba(0,0,0,0.5); } #restaurantNew { overflow: hidden; position: relative; } #restaurantNew { margin: 0; padding: 0; width: 100%; background-color: #FFF; } #restaurant_bannerNew { width: 33.33333%; float: left; margin: 0; padding: 0; display: block;} #restaurant_bannerNew img { width:100%; height:auto;} /*********** TOP-PARTY ***********/ #party { overflow:hidden; position:relative; } #party { margin:0; padding:0; width:100%; height:auto; text-align:center; background-image:url(../images/index/top_party_banner.jpg); background-repeat:no-repeat; background-color:#000; } #party_banner a { top:0; left:0; width:100%; height:100%; display:block; position:absolute; } #party_banner a:hover { background-color:rgba(0,0,0,0.5); } /*********** TOP-ABOUT ***********/ #about { overflow:hidden; position:relative; } #about { margin:0; padding:0; width:100%; height:auto; text-align:center; background-image:url(../images/index/top_about_banner.jpg); background-repeat:no-repeat; background-color:#000; } #about_banner a { top:0; left:0; width:100%; height:100%; display:block; position:absolute; } #about_banner a:hover { background-color:rgba(0,0,0,0.5); } /*********** EQUIP ***********/ .equip_title { font-family:Poppins-Light; } .equip_title span { font-family:JPLight; } /*********** EVENT_BADGE HOVER ***********/ .hover_badge_call, .hover_badge_call::before, .hover_badge_call::after { -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .hover_badge_call:hover { color: #FFFFFF; opacity:0.8; } #badge_call, #badge_call::before, #badge_call::after { -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } #badge_call:hover { background: #FFFFFF; } /*********** EVENT_BADGE RESERVATION ***********/ /* .hover_rsv { -webkit-animation: fadeOut 2s, fadeIn 2s 0s linear infinite; -moz-animation: fadeOut 2s, fadeIn 2s 0s linear infinite; -ms-animation: fadeOut 2s, fadeIn 2s 0s linear infinite; -o-animation: fadeOut 2s, fadeIn 2s 0s linear infinite; animation: fadeOut 2s, fadeIn 2s 0s linear infinite; } */ @-webkit-keyframes fadeOut { from { opacity: 1.0; } to { opacity: 0.7; } } @-moz-keyframes fadeOut { from { opacity: 1.0; } to { opacity: 0.7; } } @-ms-keyframes fadeOut { from { opacity: 1.0; } to { opacity: 0.7; } } @-o-keyframes fadeOut { from { opacity: 1.0; } to { opacity: 0.7; } } @keyframes fadeOut { from { opacity: 1.0; } to { opacity: 0.7; } } @-webkit-keyframes fadeIn { from { opacity: 0.7; } to { opacity: 1.0; } } @-moz-keyframes fadeIn { from { opacity: 0.7; } to { opacity: 1.0; } } @-ms-keyframes fadeIn { from { opacity: 0.7; } to { opacity: 1.0; } } @-o-keyframes fadeIn { from { opacity: 0.7; } to { opacity: 1.0; } } @keyframes fadeIn { from { opacity: 0.7; } to { opacity: 1.0; } } .hover_rsv, .hover_rsv::before, .hover_rsv::after { -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .hover_rsv:hover { opacity:0.9; } /* #about_floor_main_1 { background:rgba(122,106,85,1.0); } #about_floor_main_2 { background:rgba(122,106,85,1.0); } */ @media screen and (min-width:1680px) { /*********** NAVI ***********/ #navi_sp_icon { display:none; } #navi_sp_set { visibility:hidden; } #navi_set { top:0; left:0; margin:0; padding:0; width:100%; height:120px; color:#FFF3E2; position:fixed; z-index:9999; background-color:rgba(0,0,0,0.9); } #logo_set { height:120px; float:left; /*background-color:#930;*/ } #logo { margin:30px 0 0 20px; padding:0px; width:279px; height:auto; } #logo img { width:100%; height:auto; } #console_set { /*width:100%;*/ height:120px; float:right; /*background-color:#90C;*/ } #navi_upper { height:60px; line-height:60px; /*background-color:#060;*/ } #upper_set { margin:0 20px 0 0; width:100%; height:60px; text-align:right; float:right; /*background-color:#03F;*/ } #navi_upper ul,li { margin:0 40px 0 0; padding:0; list-style:none; font-family:Oswald-Regular; font-size:25px; line-height:60px; } #navi_upper li { float:left; } #navi_upper a { text-decoration:none; color:#FFF3E2; } #btn_search { margin:0 0 0 0; border:0px; width:24px; height:24px; background:url(../images/common/header_icons_search.png) left top no-repeat; vertical-align:middle; } #btn_search:hover { cursor:pointer; } .navi_search { margin:18px 0 0 0; padding:0; width:160px; height:24px; border:1px #FFF3E2 solid; color:#FFF3E2; background-color:rgba(0,0,0,0); } #navi_bottom { height:60px; line-height:60px; } #sns_icon_set { margin:0; padding:0; height:60px; line-height:60px; float:right; } .sns_icon { margin:15px 30px 0 0; padding:0; width:30px; height:auto; } #info_set { height:60px; line-height:60px; float:right; /*background-color:#900;*/ } #info_set a { margin:0 20px 0 0; text-decoration:none; color:#FFF3E2; font-family:Oswald-Regular; font-size:20px; line-height:60px; } #info_set img { margin:0 10px 0 0; width:auto; height:20px; } /*#navi_sp_set { top:0; left:0; margin:0; padding:0; width:100%; height:100%; postion:fixed; background-color:rgba(0,0,0,0.85); }*/ /*********** COMMON ***********/ .br_960 { display:none; } .block_blank { display:none; } .block_blank_1 { width:16.6666667%; display:block; float:left; background:#900000; } .block_blank_2 { width:16.6666667%; display:none; float:left; background:#7C0000; } .block_blank_3 { width:16.6666667%; display:none; float:left; background:#680000; } .block_blank_4 { width:16.6666667%; display:none; float:left; background:#5E0000; } .block_blank_5 { width:16.6666667%; display:none; float:left; background:#4A0000; } .block_blank_6 { width:16.6666667%; display:none; float:left; background:#360000; } .block_blank_7 { width:16.6666667%; display:none; float:left; background:#2C0000; } /*#footer_bridge { display:block; }*/ #header { position: relative; } #whatsnew { margin: 0; position: absolute; } #whatsnew h1 { margin: 0; padding: 0.5vw; font-size: 2.5vw; line-height: 2.5vw; } .whats_topic { margin: 0; padding: 0.5vw; } .whats_topic h2 { margin: 0; font-size: 1.0vw; } .whats_topic p { margin: 0 0 1vw 0; font-size: 0.7vw; line-height: 1.1vw; } #top_info { margin:0 30px 0 0; padding:0; float:right; } #middle_wrapper { margin:0; padding:0; width:100%; /*background-color:#060;*/ } #contents_wrapper { margin:20px; padding:0; } .single_block { width:640px; } .test_hyphens { font-family:Poppins-Regular; font-size:14px; text-align:justify; word-wrap:break-all; -webkit-hyphens:manual; -moz-hyphens:manual; -ms-hyphens:manual; hyphens:manual; /*word-break:break-all;*/ } .h1_page_title { font-family:Oswald-Regular; font-size:100px; line-height:100px; letter-spacing:0px; } .h1_page_title_vw { font-family:Oswald-Regular; font-size:5.2vw; line-height:100px; letter-spacing:0px; } .h1_en_300 { font-family:Poppins-Light; font-size:3vw; } .h1_en_400 { font-family:Poppins-Regular; font-size:100px; } .h1_en_500 { font-family:Poppins-Medium; font-size:3vw; } .h1_en_600 { font-family:Poppins-SemiBold; font-size:3vw; } .h1_en_700 { font-family:Poppins-Bold; font-size:3vw; } .subtitle_300 { font-family:Poppins-Medium; font-size:36px; } .subtitle_300_vw { font-family:Poppins-Medium; font-size:1.87vw; } .test_sentence_300 { font-family:Poppins-Light; font-size:14px; } .test_sentence_300_vw { font-family:Poppins-Light; font-size:0.73vw; } .test_sentence_400 { font-family:Poppins-Regular; font-size:1.4vw; } .test_sentence_500 { font-family:Poppins-Medium; font-size:1.4vw; } .test_sentence_600 { font-family:Poppins-SemiBold; font-size:1.4vw; } .test_sentence_700 { font-family:Poppins-Bold; font-size:1.4vw; } .h1_jp { font-size:1.4vw; font-weight:400; } .h2_jp { font-size:1.2vw; font-weight:400; } .ultraLight_14 { font-family:JPUltraLight; font-size:14px; } .extraLight_14 { font-family:JPExtraLight; font-size:14px; } .light_14 { font-family:JPLight; font-size:14px; } .regular_14 { font-family:JPRegular; font-size:14px; } .medium_14 { font-family:JPMedium; font-size:14px; } .bold_14 { font-family:JPBold; font-size:14px; } .heavy_14 { font-family:JPHeavy; font-size:14px; } .ultraLight_18 { font-family:JPUltraLight; font-size:18px; } .extraLight_18 { font-family:JPExtraLight; font-size:18px; } .light_18 { font-family:JPLight; font-size:18px; } .regular_18 { font-family:JPRegular; font-size:18px; } .medium_18 { font-family:JPMedium; font-size:18px; } .bold_18 { font-family:JPBold; font-size:18px; } .heavy_18 { font-family:JPHeavy; font-size:18px; } .head_submit { margin:0 10px 0 0; padding:0; float:left; } .top_header_title { margin: 0; padding: 0; width: 100%; height: 12vw; } .top_header_title h1 { padding-left: 1.04vw; font-size: 4.8vw; line-height: 10vw; } .top_header_title p { margin-top: -2vw; padding:0 0 0 1.04vw; font-size: 0.8vw; line-height: 1.0vw; } .top_header_title span { padding-right: 1.04vw; font-size: 1.3vw; line-height: 12vw; letter-spacing: 0.2vw; float: right; } /*********** SP ***********/ #sp_header_title { margin:0; padding:0; width:100%; height:10vw; /*background-color:#060;*/ } #page_sp_title { margin:0; padding:0 0 0 1.04vw; width:30%; float:left; /*background-color:#900;*/ } #page_sp_title h1 { font-family:Oswald-Light; font-size:5.0vw; line-height:0.0vw; } #page_subtitle { margin:0; padding:0 1.04vw 0 0; width:60%; text-align: right; float:right; /*background-color: aliceblue;*/ } #page_subtitle h2 { font-family:JPLight; font-size:2.2vw; line-height: 6.4vw; letter-spacing: 0.2vw; } #sp_header { margin:0; padding:0; width:100%; background-image:url(../images/sp/B_12th_header.jpg); background-size:100%; background-position:0 center; background-repeat:no-repeat; background-color:#C39; } #line_1 { width:33.3333333%; float:left; color:#FFFFFF; background-color:aliceblue; } #line_2 { width:33.3333333%; float:left; color:#FFFFFF; background-color:#7A6A55; } #line_3 { width:33.3333333%; float:left; color:#7A6A55; background-color:#F2ECDD; } #line_2 { text-align: center; } .greeting_message { font-size: 1.0vw; line-height: 2vw; letter-spacing: 0.2vw; } .topic_title { font-size: 1.4vw; line-height: 1.0vw; } .topic_sentence { font-size: 0.8vw; line-height: 0.6vw; } .topic_info { font-size: 1.4vw; line-height: 0.4vw; } .topic_info span { font-size: 0.8vw; line-height: 3.2vw; display: block; } /*********** SP-FORM ***********/ .sp_notice { margin-top: 2vw; padding:0 1.5vw; font-size: 0.8vw; line-height: 1.2vw; letter-spacing: 0.1vw; } .sp_form { color: #7A6A55; } .sp_form_line { margin:0; padding:0 1.5vw; width:95%; height:3vw; font-family:JPLight; font-size:0.8vw; letter-spacing:1px; /*background-color:#093;*/ } .sp_form_left { margin:0; padding:0.5vw 0 0 0; width:21%; height:3vw; line-height:3vw; float:left; /*background-color:#906;*/ } .sp_form_right { margin:0; padding:0; width:85%; float:left; background-color:#CC3; } .sp_form_right_name { margin:0 5.5% 0 -1.3%; padding:0; width:32.8125%; float:left; /*background-color:#CC3;*/ } .sp_form_right_long { margin:0 4% 0 -1.3%; padding:0; width:72%; float:left; /*background-color:#CC3;*/ } .qty_form { margin:0; padding:0 0.5vw; width:15%; height:2vw; border:0; font-size:1vw; font-weight:300; line-height:2vw; letter-spacing:1px; color:#7A6A55; } .sp_name_form { margin:0; padding:0 0.5vw; width:96%; height:2vw; border:0; font-size:1vw; font-weight:300; line-height:2vw; letter-spacing:1px; color:#7A6A55; } .sp_form_long { margin:0; padding:0 10px; width:95%; height:2vw; border:0; font-size:1vw; font-weight:300; line-height:2vw; letter-spacing:1px; color:#7A6A55; } #sp_form_btn_set { margin-top: 2vw; padding: 0 1.5vw; } #sp_btn_attend { font-family: JPLight; font-size:1.4vw; letter-spacing: 0.2vw; float: left; } #sp_btn_attend { margin-right: 5%; background-color: #900000; color: #fff; display: inline-block; width: 45%; height: 4vw; text-align: center; text-decoration: none; line-height: 4vw; outline: none; } #sp_btn_attend::before, #sp_btn_attend::after { position: absolute; z-index: -1; display: block; content: ''; } #sp_btn_attend, #sp_btn_attend::before, #sp_btn_attend::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; } #sp_btn_attend:hover { background-color: #680000; } #sp_btn_absent { font-family: JPLight; font-size:1.4vw; letter-spacing: 0.2vw; float: left; } #sp_btn_absent { background-color: #DFD3C4; color: #7A6A55; display: inline-block; width: 45%; height: 4vw; text-align: center; text-decoration: none; line-height: 4vw; outline: none; } #sp_btn_absent::before, #sp_btn_absent::after { position: absolute; z-index: -1; display: block; content: ''; } #sp_btn_absent, #sp_btn_absent::before, #sp_btn_absent::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; } #sp_btn_absent:hover { background-color: #CFC4B6; } /*********** TOP-EVENT ***********/ #top_today { width:33.3333333%; float: left; } #top_pickup { width:66.6666667%; float: left; } #top_event_clear { display: none; } .top_event_box { margin-bottom: 0vw; width: 100%; } .top_event_pickup_box { margin-bottom: 0vw; width: 50%; float: left; } .top_event_box_wanted { margin-bottom: 0vw; width: 100%; } .top_event_box_left { width: 23.75%; float: left; } .top_event_box_right { width: 1.78571429%; float: left; } .top_event_box_bottom { width: 100%; height: 0.6vw; float: left; } .top_event_date { font-size: 2.8vw; letter-spacing: -0.15vw; line-height: 2.7vw; } .top_event_date span { margin-top: -0.2vw; display: block; font-size: 1.6vw; letter-spacing: 0vw; line-height: 1.6vw; } .date_set { padding: 0.4vw; } .top_event_badge { background-color: aliceblue; } .top_event_photo { width: 74.4642857%; float: left; /*background-color: #C2CD80;*/ } #top_event_wanted { width: 98.2142857%; float: left; } #top_event_wanted h1 { margin: 2.2vw 0 0 0; font-size: 4.0vw; line-height: 4.0vw; } #top_event_wanted p { margin-top: 8.0vw; font-size: 0.8vw; line-height: 1.2vw; } #top_event_wanted span { margin-top: 0.7vw; font-size: 1.3vw; line-height: 1.7vw; } .wanted_mail_icon { font-size: 2.1vw; } #top_event { margin:0; padding:0; } #top_event_box_today { margin:0; padding:0; width:16.6666667%; float:left; } #top_event_box_tonight { margin:0; padding:0; width:16.6666667%; float:left; } #top_event_box_pickup1 { margin:0; padding:0; width:16.6666667%; float:left; } #top_event_box_pickup2 { margin:0; padding:0; width:16.6666667%; float:left; } #top_event_box_pickup3 { margin:0; padding:0; width:16.6666667%; float:left; } #top_event_box_pickup4 { margin:0; padding:0; width:16.6666667%; float:left; } #top_event_box_pickup5 { margin:0; padding:0; width:16.6666667%; float:left; } #top_event_box_pickup6 { display: none; } #top_event_box_pickup7 { display: none; } .top_event_text { margin:0; padding:2%; width:96%; font-family:Poppins-Light; font-size:2.3vw; } .top_event_img { width:100%; /*background-color:#9C0;*/ } .top_event_img img { width:100%; height:auto; } .top_event_pickup_title { width:70%; float:left; position: relative; } .top_event_pickup_title span { top:70%; font-size: 0.6vw; line-height: 0.6vw; letter-spacing: 0.05vw; display: block; position: absolute; } .top_event_pickup_date { padding-top:2.0vw; width:30%; font-family:Poppins-Light; font-size:1.8vw; line-height:1.5vw; text-align:right; float:right; /*background-color:#F69;*/ } .top_event_pickup_date span { margin-top:0; display:block; font-size:1.0vw; line-height:1.0vw; letter-spacing:0px; } /*********** TOP-UPCOMING ***********/ #top_upcoming { margin:0; padding:0; width:50%; color:#FFF3E2; float:left; overflow:hidden; /*background-color:#0C0;*/background-color:#4A0000; } #top_upcoming_set { margin:0; padding:0; width:100%; background-color:#4A0000; } #top_upcoming_title { margin:0; padding:2%; width:96%; font-size:1.8vw; letter-spacing: 0.1vw; } #top_upcoming_title span { margin:0; padding:2%; width:96%; font-family: JPLight; font-size:0.9vw; letter-spacing: 0vw; } #top_upcoming_list { margin:0; padding:0 0 4vw 0; } .top_upcoming_line { margin-bottom:0.1vw; padding:0 0 0 2.08333333%; width:97.9166667%; /*background-color:#F63;*/ } .upcoming_event_date { width:17%; font-family:Poppings-Light; font-size:0.832vw; float:left; } .upcoming_event_name { width:50%; font-family:JPLight; font-size:0.832vw; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left; } .upcoming_btn { margin-right:20px; font-family:JPLight; font-size:0.75vw; background-image:url(../images/common/btn_rsv_event.png); background-size:cover; float:right; } /*********** TOP-BTN_EVENT ***********/ #top_btn_event { width:16.6666667%; float:left; /*background-color:#09C;*/ } #btn_event { width:100%; position:relative; background:#4A0000; } #btn_event span { padding:20px; font-family: JPLight; font-size:2.3vw; line-height:2.3vw; position:absolute; color:#4A0000; } #btn_event small { padding-top: -4vw; font-family:Poppins-Regular; font-size:1.2vw; line-height:0vw; letter-spacing:0px; } #btn_event img { width:100%; height:auto; } /*********** TOP-B_APP ***********/ #b_app { margin:0; padding:0; width:33.3333333%; float:left; } #b_app_set { width:100%; position:relative; } #b_app_txt { top:1.248vw; right:0; margin-right: 3vw; width:55%; font-family:JPMedium; font-size:1.0vw; line-height:1.1vw; text-align: right; position:absolute; color:#FFF; } #b_app_txt span { padding-top: 0.2vw; font-family: Poppins-Regular; font-size:3.2vw; line-height: 1.8vw; display: block; } #b_app_txt small { font-family: JPRegular; font-size:0.8vw; } #b_app_txt h3 { margin-top: 2vw; font-family: Poppins-Medium; font-size: 3.6vw; line-height: 0vw; letter-spacing: 0vw; color: #FFE400; } #b_app_badge { margin-top: -1vw; margin-left:9.2vw; width:50%; } #b_app_badge img { margin-bottom: 0.5vw; width:100%; height:auto; vertical-align:bottom; } /*********** TOP-SP_MENU ***********/ #sp_food { margin:0; padding:0; width:100%; background-color: #FFFFFF; } .sp_food_box { width: 25%; } #sp_food_over_1280 { margin:0; padding:0; display:block; background-color: #FFFFFF; } #sp_food_961_1280 { display:none; background-color: #FFFFFF; } #sp_food_641_960 { display:none; background-color: #FFFFFF; } #sp_food_640 { display:none; background-color: #FFFFFF; } #sp_menu1 { width:33.3333333%; position: relative; float:left; background-image:url(../images/restaurant/sp_food_1.jpg); background-size:cover; background-repeat:no-repeat; /*background-color:#FFFFFF;*/ background-position:-3.0vw 0vw; } #sp_menu1 a { width: 100%; height: 100%; position: absolute; display: block; } #sp_menu2_3 { width:33.3333333%; float:left; } #sp_menu2 { width:100%; background-image:url(../images/restaurant/sp_food_3.jpg); background-size: 125%; background-repeat:no-repeat; /*background-color:#060;*/ background-position:-1.5vw -2.0vw; } #sp_menu3 { width:100%; /*background-color:#000000;*/ } #sp_menu3_1 { width:50%; float:left; background-image:url(../images/restaurant/sp_food_4.jpg); background-size: 160%; background-repeat:no-repeat; background-position:-3.8vw 0vw; /*background-color:#000000;*/ } #sp_menu3_2 { width:50%; position:relative; float:left; background:#FFFFFF; } #sp_menu3_2 span { padding:20px; font-family:JPLight; font-size:2.3vw; line-height:2.5vw; position:absolute; color:#FFFFFF; } #sp_menu3_2 small { font-family:Poppins-Regular; font-size:1.2vw; line-height:1.2vw; letter-spacing:0px; top: 40%; left:1.2vw; position: absolute; color: #FFFFFF; } #sp_menu3_2 img { width:100%; height:auto; } #sp_menu4 { width:33.3333333%; float:left; background-image:url(../images/restaurant/sp_food_2.jpg); background-size:cover; background-repeat:no-repeat; background-position:-5vw 0vw; /*background-color:#000000;*/ } /*********** TOP-WEDDING ***********/ #wedding_banner { margin:0; padding:5vw 0 0 0; display:block; width:100%; height:100%; } #wedding_banner img { margin:11vw 0 3vw 0; padding:0; width:22%; height:auto; -webkit-filter:drop-shadow(0 0 15px #FFFBEC); } #wedding_banner p { margin:0 auto; padding:0; width:33%; font-family:JPLight; font-size:0.8vw; letter-spacing:0.2vw; text-shadow:1px 1px 8px #FFFBEC; } /*********** TOP-ABOUT ***********/ #top_about { margin:0; padding:0; width:100%; } #about_photo { magin:0; padding:0; width:66.6666667%; float:left; background-color:#000000; } #about_layout { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/about/about_layout_1.jpg); background-repeat:no-repeat; background-size:cover; background-position:0 0; } .photo_thumb { margin:0; padding:0; width:25%; float:left; } #top_about_thumb1 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/about/about_photo_1.jpg); background-repeat:no-repeat; background-size:cover; background-position:-80px 0; } #top_about_thumb2 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/about/about_photo_2.jpg); background-repeat:no-repeat; background-size:cover; background-position:-40px 0; } #top_about_thumb3 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/about/about_photo_3.jpg); background-repeat:no-repeat; background-size:cover; background-position:0 0; } #top_about_thumb4 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/about/about_photo_4.jpg); background-repeat:no-repeat; background-size:cover; background-position:0 0; } #top_about_thumb5 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/about/about_photo_5.jpg); background-repeat:no-repeat; background-size:cover; background-position:-40px 0; } #top_about_thumb6 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/about/about_photo_6.jpg); background-repeat:no-repeat; background-size:cover; background-position:-60px 0; } #top_about_thumb7 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/about/about_photo_7.jpg); background-repeat:no-repeat; background-size:cover; background-position:0 0; } #top_about_btn { margin:0; padding:0; width:25%; position:relative; float:left; background-color:#360000; } #top_about_btn span { padding:20px; font-family:JPLight; font-size:2.3vw; line-height:2.3vw; position:absolute; color:#360000; } #top_about_btn small { font-family:Poppins-Regular; font-size:1.2vw; line-height:1.2vw; letter-spacing:0px; } /* .footer_btn span { padding:20px; font-family:JPLight; font-size:2.3vw; line-height:2.3vw; letter-spacing:0px; position:absolute; } .footer_btn small { font-family:Poppins-Regular; font-size:1.2vw; line-height:1.2vw; letter-spacing:0px; } */ #top_about_btn img { width:100%; height:auto; vertical-align:bottom; } /*********** TOP-PARTY ***********/ #party { background-size:100%; background-position:0 -12vw; } #party a { display:block; text-decoration:none; color:#FFF3E2; } #party_banner { margin:0; padding:0; display:table-cell; vertical-align:middle; width:100%; height:100%; } #party_banner img { margin:14vw auto; padding:0; width:15%; height:auto; /*-webkit-filter:drop-shadow(0 0 15px #FFFBEC);*/ } #party_banner p { margin:0 auto; padding:0; width:32%; font-family:JPLight; font-size:0.8vw; letter-spacing:0.2vw; text-shadow:1px 1px 8px #FFFBEC; } /*********** TOP-ABOUT ***********/ #about { background-size:100%; background-position:0 -25vw; } #about a { display:block; text-decoration:none; color:#FFF3E2; } #about_banner { margin:0; padding:0; display:table-cell; vertical-align:middle; width:100%; height:100%; } #about_banner img { margin:14vw auto; padding:0; width:15%; height:auto; /*-webkit-filter:drop-shadow(0 0 15px #FFFBEC);*/ } #about_banner p { margin:0 auto; padding:0; width:32%; font-family:JPLight; font-size:0.8vw; letter-spacing:0.2vw; text-shadow:1px 1px 8px #FFFBEC; } /*********** PAGE-HEADER ***********/ #header_title { margin:0; padding:0; width:100%; height:10vw; /*background-color:#060;*/ } #page_title h1 { margin:0; padding:0 0 0 1.04vw; width:45%; font-family:Oswald-Light; font-size:6.2vw; line-height:10vw; float:left; /*background-color:#900;*/ } #page_title_long h1 { margin:0; padding:0 0 0 1.04vw; width:95%; font-family:Oswald-Light; font-size:6.2vw; line-height:10vw; float:left; /*background-color:#900;*/ } #page_title_long a { text-decoration:none; color:#7A6A55; } #cal_link { width: 40%; float: left; } #cal_header_icon_set { width:60%; float: right; } #cal_link { margin: 0; padding: 1vw 0 0 1vw; width: 35%; font-size: 6.2vw; float: left;line-height: 10vw; text-align: left; /*background-color: #0CF;*/ } #cal_header_icon_set { margin: 0; padding: 1vw 0 0 0; width: 60%; line-height: 10vw; text-align: right; float: right; /*background-color: aliceblue;*/ } .icon_wrap { margin-left: 2vw; text-align: left; font-size: 1.2vw; line-height: 10vw; float: left; /*background-color: aquamarine;*/ } .icon_wrap img { width: 2.4vw; height: auto; vertical-align: middle; } #cal_switch { margin: 0; padding-right: 2%; width: 45%; line-height: 10vw; text-align: right; float: right; } #cal_switch img { width: 25%; height: auto; vertical-align: middle; } /*********** EVENT-CAL ***********/ #top_event_cal { margin:0; padding:5px; width:100%; /*background-color:#9F0;*/ } .top_cal_week { font-family:Poppins-Light; } .top_cal_week th { width:14.2857143%; } .top_dayBox { margin:0; padding:5px; vertical-align:top; border:#FFFFFF 2.5px solid; /*background-color:#7A6A55;*/ } .top_dayBox_1 { margin:0; padding:5px; vertical-align:top; border:#FFFFFF 2.5px solid; background-color:#7A6A55; } .top_dayBox_2 { margin:0; padding:5px; vertical-align:top; border:#FFFFFF 2.5px solid; background-color:#94846F; } .top_dayBox_3 { margin:0; padding:5px; vertical-align:top; border:#FFFFFF 2.5px solid; background-color:#A69681; } .top_dayBox_4 { margin:0; padding:5px; vertical-align:top; border:#FFFFFF 2.5px solid; background-color:#B5A591; } .top_dayBox_5 { margin:0; padding:5px; vertical-align:top; border:#FFFFFF 2.5px solid; background-color:#C7B8A5; } .top_dayBox_6 { margin:0; padding:5px; vertical-align:top; border:#FFFFFF 2.5px solid; background-color:#33CCFF; } .top_dayBox_7 { margin:0; padding:5px; vertical-align:top; border:#FFFFFF 2.5px solid; background-color:#FF99CC; } .top_dayDetail { margin:0.5vw 0 0 0; padding:0px; width:100%; border-collapse:collapse; table-layout:fixed; } .top_day_top { margin:0 0 0 0; padding:0; font-family:Poppins-Light; font-size:7vw; line-height:6vw; letter-spacing:-7px; text-align:left; color:#FFF; /*background-color:#9F0;*/ } .top_day_top a { color:#FFF; text-decoration:none; } /*.top_day_name { margin:-0.52vw 0 0 0; padding:5px; font-family:JPRegular; font-size:0.8vw; line-height:1.0vw; text-align:left; color:#FFF; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background-color:#CF9; }*/ .top_day_name { /*background-color: aliceblue;*/ } .top_day_name img { width: 3vw; height: auto; } /*********** EVENT-PICKUP ***********/ #event_pickup { margin:0; padding:0; width:50%; float:left; } #event_box_today { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; overflow:hidden; background-color:#900000; } #event_box_tonight { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; overflow:hidden; background-color:#7C0000; } #event_box_pickup1 { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; overflow:hidden; background-color:#680000; } #event_box_pickup2 { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; overflow:hidden; background-color:#5E0000; } #event_box_pickup3 { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; overflow:hidden; background-color:#4A0000; } #event_box_pickup4 { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; overflow:hidden; background-color:#360000; } #event_box_pickup5 { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; overflow:hidden; background-color:#2C0000; } #event_box_pickup6 { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; overflow:hidden; background-color:#2C0000; } #event_box_pickup7 { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; overflow:hidden; background-color:#2C0000; } #event_box_pickup8 { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; overflow:hidden; background-color:#2C0000; } #event_box_pickup9 { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; overflow:hidden; background-color:#2C0000; } #event_box_pickup10 { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; overflow:hidden; background-color:#2C0000; } #event_box_pickup11 { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; overflow:hidden; background-color:#2C0000; } .event_text { margin:0; padding:0 0 0 2%; width:96%; font-family:Poppins-Light; font-size:2.3vw; } .event_img { width:100%; /*background-color:#9C0;*/ } .event_img img { width:100%; height:auto; vertical-align:bottom; } .event_pickup_title { width:70%; float:left; position: relative; } .event_pickup_title span { top:70%; font-size: 0.6vw; line-height: 0.6vw; letter-spacing: 0.05vw; display: block; position: absolute; } .event_pickup_date { padding-top:2.0vw; width:30%; font-family:Poppins-Light; font-size:1.8vw; line-height:1.5vw; text-align:right; float:right; /*background-color:#F69;*/ } .event_pickup_date span { margin-top:0; display:block; font-size:1.0vw; line-height:1.0vw; letter-spacing:0px; } /*********** EVENT-UPCOMING ***********/ #event_upcoming { margin:0; padding:0; width:50%; color:#FFF3E2; float:left; overflow:hidden; /*background-color:#0C0;*/background-color:#4A0000; } #event_upcoming_set { margin:0; padding:0; width:100%; background-color:#4A0000; } #event_upcoming_title { margin:0; padding:0 0 0 2%; width:96%; font-size:1.8vw; letter-spacing: 0.1vw; } #event_upcoming_title span { margin:0; padding:2%; width:96%; font-size:0.9vw; letter-spacing: 0vw; } #event_upcoming_list { margin:0; padding:0; } .event_upcoming_line { margin-bottom:0.5vw; padding:0 0 0 2.08333333%; width:97.9166667%; /*background-color:#F63;*/ } .event_upcoming_event_date { width:17%; font-family:Poppings-Light; font-size:0.8vw; float:left; } .event_upcoming_event_name { width:50%; font-family:JPLight; font-size:0.8vw; /*overflow:hidden; white-space:nowrap; text-overflow:ellipsis;*/ float:left; } .event_upcoming_event_name a { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display: block; } .event_upcoming_btn { margin-right:20px; font-family:JPLight; font-size:0.5vw; background-image:url(../images/common/btn_rsv_event.png); background-size:cover; float:right; } /*********** EVENT-UPCOMING_NEW ***********/ #event_upcoming_new { margin:0; padding:0; width:100%; color:#7A6A55; float:left; overflow:hidden; /*background-color:#4A0000;*/ } #event_upcoming_new_set { margin:0; padding:0; width:100%; /*background-color:#4A0000;*/ } .event_upcoming_line_date { width: 16.6666667%; float: left; color: #FFFFFF; /*background-color: #7A6A55;*/ } .event_upcoming_line_btn { width: 16.6666667%; height: 100%; float: right; color: #FFFFFF; /*background-color: #4A0000;*/ vertical-align: bottom; } .event_upcoming_line_photo { width: 25.4166667%; float: left; vertical-align: bottom; background-color: #333333; } .event_upcoming_line_photo img { width: 100%; height: 100%; } .event_upcoming_line_info { padding: 0 1% 0 1%; width: 39.2499996%; float: left; overflow: hidden; } .event_upcoming_line_name { font-size: 160%; line-height: 140%; } .event_upcoming_line_name span { margin-top: 0.5vw; font-size: 40%; line-height: 200%; display: block; } .event_upcoming_line_contents { margin-top: 1vw; font-size: 80%; line-height: 170%; } .event_month { font-size: 5vw; line-height: 7vw; letter-spacing: -0.1vw; } .event_day { padding-right: 0.5vw; font-size: 8.5vw; line-height: 8.5vw; letter-spacing: -0.1vw; } .event_day span { margin-top: -1.3vw; font-size: 2.8vw; line-height: 2.8vw; } .badge_call_new { width:100%; position:relative; background:#000000; } .badge_call_new span { padding:20px; font-family:Poppins-Light; font-size:1.5vw; line-height:2.0vw; position:absolute; color:#FFF3E2; } .badge_call_new img { width: 100%; height: auto; vertical-align: bottom; } .badge_out_new { bottom: 0; width:100%; position:relative; background:#000000; } .badge_out_new span { padding:2vw 20px 20px 20px; font-family:JPLight; font-size:3.5vw; line-height:2vw; position:absolute; color:#900000; } .badge_out_new small { font-family:Poppins-Regular; font-size:1.2vw; line-height:0vw; letter-spacing:0px; } .badge_out_new img { width:100%; height:auto; vertical-align:bottom; } .badge_wait_new { width:100%; position:relative; background:#900000; } .badge_wait_new span { padding:20px; font-family:Poppins-Light; font-size:2.3vw; line-height:2.8vw; position:absolute; color:#900000; } .badge_wait_new img { width:100%; height:auto; vertical-align:bottom; } .badge_now_new { width:100%; overflow:hidden; position:relative; background:#FFFFFF; } .badge_now_new span { padding:2vw 20px 20px 20px; overflow:hidden; font-family:JPLight; font-size:2.8vw; line-height:2.0vw; position:absolute; color:#900000; } .badge_now_new small { font-family:Poppins-Regular; font-size:1.2vw; line-height:0vw; letter-spacing:0px; } .badge_now_new img { width:100%; height:100%; overflow:hidden; vertical-align:bottom; } .badge_playguide_new { width:100%; overflow:hidden; position:relative; background:#FFFFFF; } .badge_playguide_new span { padding:1.2vw 1.2vw 1.2vw 1.2vw; overflow:hidden; font-family:JPLight; font-size:2.4vw; line-height:2.8vw; letter-spacing: -0.1vw; position:absolute; color:#003399; } .badge_playguide_new small { top: 8.0vw; left:1.2vw; font-family:Poppins-Regular; font-size:1.2vw; line-height:0vw; letter-spacing:0px; position: absolute; color:#003399; } .badge_playguide_new img { width:100%; height:100%; overflow:hidden; vertical-align:bottom; } .badge_wedding_new { width:100%; overflow:hidden; position:relative; background:#FFFFFF; } .badge_wedding_new span { padding:1.2vw 1.2vw 1.2vw 1.2vw; overflow:hidden; font-family:JPLight; font-size:2.4vw; line-height:2.8vw; letter-spacing: -0.1vw; position:absolute; color:#7A6A55; } .badge_wedding_new small { top: 8.0vw; left:1.2vw; font-family:Poppins-Regular; font-size:1.2vw; line-height:0vw; letter-spacing:0px; position: absolute; color:#7A6A55; } .badge_wedding_new img { width:100%; height:100%; overflow:hidden; vertical-align:bottom; } .badge_closed_new { bottom: 0; width:100%; position:relative; background:#444444; } .badge_closed_new span { padding:2vw 20px 20px 20px; font-family:JPLight; font-size:3.5vw; line-height:2vw; position:absolute; color:#666666; } .badge_closed_new small { font-family:Poppins-Regular; font-size:1.2vw; line-height:0vw; letter-spacing:0px; } .badge_closed_new img { width:100%; height:auto; vertical-align:bottom; } #event_footer { font-size: 6vw; } /*********** EVENT-DETAIL ***********/ #detail_header { margin:0; padding:0; width:33.3333333%; overflow:hidden; float:left; color:#FFF; background-color:#7A6A55; } #detail_title_set { margin:0; padding:0; width:100%; /*background-color:#0FF;*/ } #detail_genre { margin:0; padding:0 2% 0 2%; width:96%; font-family:JPRegular; font-size:0.7vw; line-height:2.0vw; letter-spacing:0px; /*background-color:#090;*/ } #detail_title { margin:0; padding:0 2% 0 2%; width:96%; font-family:JPRegular; font-size:1.8vw; line-height:2.2vw; letter-spacing:0px; word-wrap:break-word; /*float:left;*/ /*background-color:#CC0;*/ } #detail_photo { margin:0; padding:0; width:100%; overflow:hidden; background-color:#900; } #detail_photo img { margin:0; padding:0; width:100%; height:100%; /*vertical-align:bottom;*/ } #detail_attention { margin:0; padding:0; width:33.3333333%; overflow:hidden; float:left; background-color:#7A6A55; } #detail_date { width:100%; height:100%; overflow:hidden; font-family:Poppins-Light; font-size:7vw; line-height:8vw; letter-spacing:-1px; text-align:right; float:left; color:#FFF3E2; background-color:#900000; } #detail_date span { margin:0; padding:0 1.4vw 0 0; font-size:3.5vw; line-height:0vw; display:block; } #detail_badge { margin:0; padding:0; width:100%; overflow:hidden; float:left; } #badge_now { width:100%; overflow:hidden; position:relative; background:#900000; } #badge_now span { padding:2vw 20px 20px 20px; overflow:hidden; font-family:JPLight; font-size:2.8vw; line-height:2.0vw; position:absolute; color:#900000; } #badge_now small { font-family:Poppins-Regular; font-size:1.2vw; line-height:0vw; letter-spacing:0px; } #badge_now img { width:100%; height:100%; overflow:hidden; vertical-align:bottom; } #badge_playguide { width:100%; overflow:hidden; position:relative; background:#003399; } #badge_playguide span { padding:1.0vw 1.2vw 1.2vw 1.2vw; overflow:hidden; font-family:JPLight; font-size:2.4vw; line-height:2.8vw; letter-spacing: -0.1vw; position:absolute; color:#003399; } #badge_playguide small { top: 8.0vw; left:1.2vw; font-family:Poppins-Regular; font-size:1.2vw; line-height:0vw; letter-spacing:0px; position: absolute; color:#003399; } #badge_playguide img { width:100%; height:100%; overflow:hidden; vertical-align:bottom; } #badge_wedding { width:100%; overflow:hidden; position:relative; background:#7A6A55; } #badge_wedding span { padding:1.0vw 1.2vw 1.2vw 1.2vw; overflow:hidden; font-family:JPLight; font-size:2.4vw; line-height:2.8vw; letter-spacing: -0.1vw; position:absolute; color:#7A6A55; } #badge_wedding small { top: 8.0vw; left:1.2vw; font-family:Poppins-Regular; font-size:1.2vw; line-height:0vw; letter-spacing:0px; position: absolute; color:#7A6A55; } #badge_wedding img { width:100%; height:100%; overflow:hidden; vertical-align:bottom; } #badge_wait { width:100%; position:relative; background:#900000; } #badge_wait span { padding:20px; font-family:Poppins-Light; font-size:2.3vw; line-height:2.8vw; position:absolute; color:#900000; } #badge_wait img { width:100%; height:100%; vertical-align:bottom; } #badge_out { width:100%; position:relative; background:#900000; } #badge_out span { padding:2vw 20px 20px 20px; font-family:JPLight; font-size:3.5vw; line-height:2vw; position:absolute; color:#900000; } #badge_out small { font-family:Poppins-Regular; font-size:1.2vw; line-height:0vw; letter-spacing:0px; } #badge_out img { width:100%; height:100%; vertical-align:bottom; } #badge_closed { width:100%; position:relative; background:#666666; } #badge_closed span { padding:2vw 20px 20px 20px; font-family:JPLight; font-size:3.5vw; line-height:2vw; position:absolute; color:#666666; } #badge_closed small { font-family:Poppins-Regular; font-size:1.2vw; line-height:0vw; letter-spacing:0px; } #badge_closed img { width:100%; height:100%; vertical-align:bottom; } #badge_call { width:100%; position:relative; background:#FFF3E2; } #badge_call span { padding:20px; font-family:Poppins-Light; font-size:1.5vw; line-height:2.0vw; position:absolute; color:#FFF3E2; } #badge_call img { width: 100%; height: 100%; vertical-align: bottom; } #rsv_submit { margin:0; padding:0; text-align:left; border:0; background-color:transparent; cursor:pointer; } #reserve_ticket { margin:0; padding:0 0 0 0; width:50%; float:left; } #btn_reserve_ok { width:100%; position:relative; background:#FFF3E2; display:block; } #btn_reserve_ok span { padding:1vw 20px 20px 20px; font-family:JPLight; font-size:3.0vw; line-height:3.6vw; position:absolute; color:#FFF3E2; } #btn_reserve_ok small { top:55%; left:1vw; font-family:Poppins-Regular; font-size:1.2vw; line-height:0vw; letter-spacing:0px; position: absolute; color:#FFF3E2; } #btn_reserve_ok img { width:100%; height:auto; vertical-align:bottom; } #btn_reserve_out { width:50%; position:relative; background:#900000; } #btn_reserve_out span { padding:20px; font-family:Poppins-Light; font-size:3.5vw; line-height:3.0vw; position:absolute; color:#900000; } #btn_reserve_out img { width:100%; height:auto; vertical-align:bottom; } /* #btn_back_edit { width:50%; overflow:hidden; position:relative; background:#FFFFFF; } #btn_back_edit span { padding:20px; font-family:Poppins-Light; font-size:3.5vw; line-height:3.0vw; position:absolute; color:#FFFFFF; } #btn_back_edit img { width:100%; height:auto; vertical-align:bottom; } */ #btn_back_edit { width:100%; position:relative; background:#FFFFFF; } /*#btn_back_edit span { padding:20px; font-family:Poppins-Light; font-size:3.5vw; line-height:3.0vw; position:absolute; color:#FFFFFF; }*/ #btn_back_edit span { padding:1vw 20px 20px 20px; font-family:JPLight; font-size:3.0vw; line-height:3.6vw; position:absolute; color:#FFFFFF; } #btn_back_edit small { top:55%; left:1vw; font-family:Poppins-Regular; font-size:1.2vw; line-height:0vw; letter-spacing:0px; position: absolute; color:#FFFFFF; } #btn_back_edit img { width:100%; height:auto; vertical-align:bottom; } #detail_blank { margin:0; padding:0; width:33.333333%; height:100%; overflow:hidden; float:left; } .detail_box_1 { margin:0; padding:0; width:50%; overflow:hidden; float:left; background-color:#94846F; } .detail_box_2 { margin:0; padding:0; width:50%; overflow:hidden; float:left; background-color:#A69681; } .detail_box_3 { margin:0; padding:0; width:50%; overflow:hidden; float:left; background-color:#B5A591; } .detail_box_4 { margin:0; padding:0; width:50%; overflow:hidden; float:left; background-color:#C7B8A5; } #detail_info { margin:0; padding:0 1% 0 1%; width:31.3333333%; float:left; color:#FFF3E2; background-color:#900000; } #detail_info a { text-decoration:none; color:#FFF3E2; } #detail_info_set { margin:0 0 20px 0; padding:0; font-family:JPRegular; font-size:0.7vw; line-height:1.1vw; letter-spacing:0.5px; } #detail_info_set_time { margin:0 0 0 0; padding:0; font-family:JPRegular; font-size:0.7vw; line-height:1.1vw; letter-spacing:0.5px; } .detail_info_title { font-family:Poppins-Regular; font-size:1.8vw; line-height:3vw; letter-spacing:0px; display:block; } .detail_info_time { font-family:Poppins-Regular; font-size:1.8vw; line-height:2vw; letter-spacing:0px; /*display:block;*/ } #detail_form { margin:0; padding:0; width:33.3333333%; overflow:hidden; float:left; background-color:#680000; } #ticket_form_set { margin:0; padding:0; width:100%; background-color:#680000; } #reserve_ticket { margin:0; padding:0; width:50%; float:left; background-color:#360000; } #detail_form_blank { margin:0; padding:0; width:33.3333333%; overflow:hidden; float:left; } .reserve_blank1 { margin:0; padding:0; width:50%; float:left; background-color:#360000; } .reserve_blank2 { margin:0; padding:0; width:50%; float:left; background-color:#4A0000; } .reserve_blank3 { margin:0; padding:0; width:50%; float:left; background-color:#5E0000; } .reserve_blank4 { margin:0; padding:0; width:50%; float:left; background-color:#680000; } .reserve_blank5 { margin:0; padding:0; width:50%; float:left; background-color:#7C0000; } .reserve_blank6 { margin:0; padding:0; width:50%; float:left; background-color:#900000; } .reserve_form_blank { margin:0; padding:0; width:50%; float:left; background-color:#900000; } /*********** RESERVE FORM ***********/ #ticket_form_set { margin:0; padding:0 0 0 2%; width:96%; } .page_title { margin:0; padding:1vw 0 1.5vw 0; font-family:Poppins-Light; font-size:3vw; line-height:3vw; color:#FFF3E2; } .page_title span { display:block; font-family:JPLight; font-size:0.7vw; line-height:1.0vw; letter-spacing:1px; } .event_form_line { margin:0; padding:0; width:95%; height:3vw; font-family:JPLight; font-size:0.8vw; letter-spacing:1px; color:#FFF3E2; /*background-color:#093;*/ } .event_form_left { margin:0; padding:0.5vw 0 0 0; width:21%; height:3vw; line-height:3vw; float:left; /*background-color:#906;*/ } .event_form_right { margin:0; padding:0; width:85%; float:left; /*background-color:#CC3;*/ } .event_form_right_select { margin:0 0 0 -1.3%; padding:0; width:76%; float:left; /*background-color:#CC3;*/ } .event_form_right_name { margin:0 5.5% 0 -1.3%; padding:0; width:32.8125%; float:left; /*background-color:#CC3;*/ } .event_form_right_long { margin:0 4% 0 -1.3%; padding:0; width:72%; float:left; /*background-color:#CC3;*/ } .form_subtitle { font-family:Poppins-Light; font-size:0.5vw; } .name_form { margin:0; padding:0 10px; width:96%; height:2vw; border:0; font-size:1vw; font-weight:300; line-height:2vw; letter-spacing:1px; color:#900000; } .form_long { margin:0; padding:0 10px; width:100%; height:2vw; border:0; font-size:1vw; font-weight:300; line-height:2vw; letter-spacing:1px; color:#900000; } select { -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none; appearance:none; border-radius:0; border:0; margin:0; padding:0; background:none transparent; vertical-align:middle; font-size:1.8vw; color:#900000; box-sizing:content-box; } .custom { margin:0; padding:0; overflow:hidden; display:inline-block; /*display:inline; *zoom:1;*/ position:relative; background-color:#FFFFFF; } .custom > select { width:3vw; padding:0.5vw 1.5vw 0.5vw 0.5vw; font-size:0.8vw; } .custom:after { position:absolute; top:0; bottom:0; right:0; width:100%; display:block; content:""; background:url("../images/event/form_select_arrow.png") center no-repeat; background-size:cover; pointer-events:none; } /*********** RESERVATION INFO ***********/ #rsv_title { margin:0; padding:1.5vw 0 1vw 0; width:100%; font-family:JPLight; font-size:1.3vw; line-height:1.3vw; letter-spacing:1.5px; } #rsv_title span { font-size:0.9vw; } #rsv_notice { margin:0; padding:0; font-family:Poppins-Light,JPLight; font-size:0.6vw; display:block; } #rsv_text { margin:0; padding:0 0 1.5vw 0; width:100%; font-family:JPLight; font-size:0.7vw; line-height:1.0vw; letter-spacing:1px; } #rsv_text span { font-family:Poppins-Light; font-size:0.6vw; display:block; } .rsv_info_line { margin-bottom:0.6vw; } .rsv_left { margin0; padding:0; width:20%; font-family:JPLight; font-size:0.8vw; line-height:1.0vw; letter-spacing:1px; float:left; } .rsv_left span { font-family:Poppins-Light; font-size:0.6vw; display:block; } .rsv_right { margin:0; padding:0; width:80%; font-family:JPLight; font-size:0.8vw; line-height:1.0vw; letter-spacing:1px; float:left; /*overflow:hidden; white-space:nowrap; text-overflow:ellipsis;*/ } .rsv_right span { font-family:Poppins-Light; font-size:0.6vw; display:block; } /*********** RESTAURANT ***********/ .restaurant_title_food h1 { margin:0; padding:0 0 0 1.04vw; width:95%; font-family:Oswald-Light; font-size:6.2vw; line-height:10vw; color:#900000; } .restaurant_title_course h1 { margin:0; padding:0 0 0 1.04vw; width:95%; font-family:Oswald-Light; font-size:6.2vw; line-height:10vw; color:#900000; } .restaurant_title_pasta h1 { margin:0; padding:0 0 0 1.04vw; width:95%; font-family:Oswald-Light; font-size:6.2vw; line-height:10vw; color:#006600; } .restaurant_title_drink h1 { margin:0; padding:0 0 0 1.04vw; width:95%; font-family:Oswald-Light; font-size:6.2vw; line-height:10vw; color:#003366; } .food_box { margin:0; padding:0; width:50%; float:left; } #food_header_1 { width:33.3333333%; float:left; background-image:url(../images/restaurant/title_burger.jpg); background-size:190%; background-position:-4vw -2vw; background-repeat:no-repeat; } #food_text_1 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#680000; } #food_header_2 { width:33.3333333%; float:left; background-image:url(../images/restaurant/title_combo.jpg); background-size:210%; background-position:-9vw -1vw; background-repeat:no-repeat; } #food_text_2 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#900000; } #food_header_3 { width:33.3333333%; float:left; background-image:url(../images/restaurant/title_fritto.jpg); background-size:cover; background-repeat:no-repeat; } #food_text_3 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#CCCC33; } #food_header_4 { width:33.3333333%; float:left; background-image:url(../images/restaurant/title_oven.jpg); background-size:180%; background-position:-9vw -3vw; background-repeat:no-repeat; } #food_text_4 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#FF6600; } #food_header_5 { width:33.3333333%; float:left; background-image:url(../images/restaurant/title_pizza.jpg); background-size:180%; background-position:-9vw -3vw; background-repeat:no-repeat; } #food_text_5 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#006600; } #food_header_6 { width:33.3333333%; float:left; background-image:url(../images/restaurant/title_rice.jpg); background-size:180%; background-position:-9vw -3vw; background-repeat:no-repeat; } #food_text_6 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#CC9933; } #food_header_7 { width:33.3333333%; float:left; background-image:url(../images/restaurant/title_pasta.jpg); background-size:180%; background-position:-12vw -3vw; background-repeat:no-repeat; } #food_text_7 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#900000; } #food_header_8 { width:33.3333333%; float:left; background-image:url(../images/restaurant/title_meat.jpg); background-size:180%; background-position:-9vw -3vw; background-repeat:no-repeat; } #food_text_8 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#660000; } #food_header_9 { width:33.3333333%; float:left; background-image:url(../images/restaurant/title_hors.jpg); background-size:180%; background-position:-9vw -3vw; background-repeat:no-repeat; } #food_text_9 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#FFCC00; } #food_header_10 { width:33.3333333%; float:left; background-image:url(../images/restaurant/title_salad.jpg); background-size:180%; background-position:-9vw -3vw; background-repeat:no-repeat; } #food_text_10 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#66CC33; } #food_header_11 { width:33.3333333%; float:left; background-image:url(../images/restaurant/title_ala.jpg); background-size:220%; background-position:-9vw -5vw; background-repeat:no-repeat; } #food_text_11 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#CC6600; } #food_header_12 { width:33.3333333%; float:left; background-image:url(../images/restaurant/title_dessert.jpg); background-size:210%; background-position:-9vw -4vw; background-repeat:no-repeat; } #food_text_12 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#64ACF5; } /*新規作成*/ .food_boxNew { margin:0; padding:0; width:50%; float:left; } #food_headerNew_1 { width:33.3333333%; float:left; background-image:url(../images/restaurant/plate_image_sq.jpg); background-size:190%; background-position:-4vw -2vw; background-repeat:no-repeat; } #food_textNew_1 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#680000; } #food_headerNew_2 { width:33.3333333%; float:left; background-image:url(../images/restaurant/plate_curry_sq.jpg); background-size:210%; background-position:-9vw -1vw; background-repeat:no-repeat; } #food_textNew_2 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#900000; } #food_headerNew_3 { width:33.3333333%; float:left; background-image:url(../images/restaurant/plate_burg_sq.jpg); background-size:cover; background-repeat:no-repeat; } #food_textNew_3 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#CCCC33; } #food_headerNew_4 { width:33.3333333%; float:left; background-image:url(../images/restaurant/plate_pasta_sq.jpg); background-size:180%; background-position:-9vw -3vw; background-repeat:no-repeat; } #food_textNew_4 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#FF6600; } .food_text_titleNew { margin:0; padding:0 0 0 2%; width:98%; font-family:Poppins-Light; font-size:2.2vw; line-height:2.2vw; } .food_menu_lineNew { margin:0; padding:0 0 0 2%; width:98%; } .food_menu_nameNew { margin:0; padding:0; width:98%; font-family:JPRegular; font-size:0.8vw; line-height:1.5vw; float:left; } .food_header_title { margin:0; padding:2%; font-family:Poppins-Light; font-size:2.7vw; line-height:2.5vw; letter-spacing:0px; color:#FFFFFF; display:block; } .food_text_title { margin:0; padding:0 0 0 2%; width:98%; font-family:Poppins-Light; font-size:2.2vw; line-height:2.2vw; } .food_menu_line { margin:0; padding:0 0 0 2%; width:98%; } .food_menu_name { margin:0; padding:0; width:70%; font-family:JPRegular; font-size:0.8vw; line-height:1.5vw; float:left; } .food_menu_price { margin:0; padding:0 2% 0 0; width:20%; font-family:JPRegular; font-size:0.8vw; line-height:1.5vw; text-align:right; float:right; } #course_box { margin:0; padding:0; width:100%; /*overflow:hidden;*/ position:relative; } #course_box span { margin:0; padding:0.625%; font-family:Poppins-Light; font-size:3.0vw; line-height:3.0vw; color:#FFFFFF; position:absolute; } #course_1 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/restaurant/course_main.jpg); background-size:100%; background-repeat:no-repeat; background-color:#030; } #course_2 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/restaurant/course_hors.jpg); background-size:cover; background-position:-5vw 0; background-repeat:no-repeat; background-color:#033; } #course_3 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/restaurant/course_pasta.jpg); background-size:180%; background-position:-7vw -2vw; background-repeat:no-repeat; background-color:#036; } #course_4 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/restaurant/course_meat.jpg); background-size:225%; background-position:-15vw -4vw; background-repeat:no-repeat; background-color:#039; } #course_5 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/restaurant/course_bread.jpg); background-size:200%; background-position:-6vw -3vw; background-repeat:no-repeat; background-color:#03C; } #course_6 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/restaurant/course_fish.jpg); background-size:220%; background-position:-5vw -4vw; background-repeat:no-repeat; background-color:#03F; } #course_7 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/restaurant/course_dessert.jpg); background-size:225%; background-position:-10vw -4vw; background-color:#930; } #course_8 { margin:0; padding:0; width:33.3333333%; float:left; color:#FFFFFF; background-color:#7A6A55; } #course_8 h2 { margin:0; padding:1vw 0 0 1vw; font-family:JPLight; font-size:1.5vw; line-height:2.0vw; letter-spacing:1px; } #course_8 small { font-size:0.7vw; } #course_8 p { padding-left:1vw; font-family:JPLight; font-size:0.7vw; line-height:0.7vw; } #course_8 a { text-decoration:none; color:#FFFFFF; font-family:Oswald-Regular; font-size:2.4vw; line-height:1.8vw; } #course_8 .business_time { font-size: 1.4vw; } .p_blank { margin-top:-0.5vw; } #pasta_box { margin:0; padding:0; width:100%; overflow:hidden; color:#FFF3E2; } #pasta_1 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/restaurant/set_pasta_1.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#030; } #pasta_2 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/restaurant/set_pasta_2.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#033; } #pasta_3 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/restaurant/set_pasta_3.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#039; } #pasta_4 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/restaurant/set_pasta_4.jpg); background-size:160%; background-position:-5vw -1vw; background-repeat:no-repeat; background-color:#03C; } #pasta_5 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/restaurant/set_pasta_5.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#03F; } #pasta_6 { margin:0; padding:0; width:16.6666667%; font-family:JPUltraLight; font-size:11vw; text-align:center; float:left; background-color:#006600; } #pasta_7 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/restaurant/set_salad.jpg); background-size:160%; background-position:-9vw 0; background-repeat:no-repeat; background-color:#030; } #pasta_8 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/restaurant/set_bread.jpg); background-size:220%; background-position:-8vw -4vw; background-repeat:no-repeat; background-color:#030; } #pasta_9 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/restaurant/set_dessert.jpg); background-size:200%; background-position:-10vw -5vw; background-repeat:no-repeat; background-color:#030; } #pasta_10 { margin:0; padding:0; width:50%; float:left; background-color:#C20000; } #pasta_10 h2 { margin:0; padding:1vw 0 0 1vw; font-family:JPLight; font-size:1.5vw; line-height:2.0vw; letter-spacing:1px; } #pasta_10 h3 { margin:0; padding:1vw 0 0 1vw; font-family:JPLight; font-size:1.0vw; line-height:1.0vw; letter-spacing:1px; } #pasta_10 small { font-size:0.7vw; } #pasta_10 p { padding-left:1vw; font-family:JPLight; font-size:0.7vw; line-height:0.7vw; } #pasta_info_set { margin:0; padding:0; width:100%; font-family:JPRegular; } #pasta_select_1 { margin-left:1vw; padding:0.4vw; width:30%; border:#FFF3E2 2px solid; border-radius:5px; float:left; } #pasta_select_1 dt { padding-left:1vw; font-size:0.8vw; } #pasta_select_1 dd { margin-left: 1vw; font-size:0.8vw; line-height:1.2vw; } #pasta_select_2 { margin:0; padding-top:1vw; padding-left:1vw; width:5%; height:100%; font-size:3vw; text-align:center; float:left; } #pasta_select_3 { margin-left:1vw; padding:0.4vw; width:20%; border:#FFF3E2 2px solid; border-radius:5px; float:left; } #pasta_select_3 dt { padding-left:1vw; font-size:0.8vw; } #pasta_select_3 dd { margin-left: 1vw; font-size:0.8vw; line-height:1.2vw; } #drink_box { margin:0; padding:0; width:100%; height:auto; color:#FFF3E2; background-color:#003366; overflow: hidden; } #drink_set_last { display:block; } .drink_set { margin:0; padding:0; width:33.3333333%; overflow:hidden; float:left; background-color:#003366; } .drink_genre { margin:0; padding:3%; } .drink_genre h3 { margin:0.5vw 0 0.5vw 0; padding:0; font-family:Poppins-Light; font-size:2.2vw; line-height:2.5vw; letter-spacing:0px; } .drink_genre small { font-size:1.0vw; } .drink_text_set { margin:-1.5vw 0 0 0; padding:3%; } .drink_name { margin:0; padding:0; width:70%; font-family:JPRegular; font-size:0.8vw; line-height:1.4vw; float:left; } .drink_price { margin:0; padding:0; width:20%; font-family:JPRegular; font-size:0.8vw; line-height:1.4vw; text-align:right; float:left; } .drink_left { margin:0; padding:0; width:50%; font-family:JPRegular; font-size:0.8vw; line-height:1.4vw; float:left; } .drink_right { margin:0; padding:0; width:50%; font-family:JPRegular; font-size:0.8vw; line-height:1.4vw; text-align:left; float:left; } .drink_left p { margin:0; padding:0; width:100%; font-family:JPRegular; font-size:0.8vw; line-height:1.4vw; float:left; } .drink_right p { margin:0; padding:0; width:100%; font-family:JPRegular; font-size:0.8vw; line-height:1.4vw; text-align:left; float:left; } /*********** ABOUT ***********/ #about_gallery { margin:0; padding:0; width:100%; overflow:hidden; } #about_gallery_photo_1 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/about/about_photo_1.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#900; } #about_gallery_photo_2 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/about/about_photo_2.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#930; } #about_gallery_photo_3 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/about/about_photo_3.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#960; } #about_gallery_photo_4 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/about/about_photo_4.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#990; } #about_gallery_photo_5 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/about/about_photo_5.jpg); background-size:160%; background-position:-3vw 0; background-repeat:no-repeat; background-color:#9C0; } #about_gallery_photo_6 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/about/about_photo_8.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#9F0; } #about_gallery_photo_7 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/about/about_photo_9.jpg); background-size:155%; background-position:-4.0vw 0; background-repeat:no-repeat; background-color:#C00; } #about_gallery_photo_8 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/about/about_photo_6.jpg); background-size:160%; background-position:-5.0vw 0; background-repeat:no-repeat; background-color:#C30; } #about_gallery_photo_9 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/about/about_photo_10.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#C60; } #about_gallery_photo_10 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/about/about_photo_11.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#C90; } #about_gallery_photo_11 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/about/about_photo_12.jpg); background-size:160%; background-position:-7vw 0; background-repeat:no-repeat; background-color:#CC0; } #about_gallery_photo_12 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/about/about_photo_7.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#CF0; } #about_floor_1680 { margin:0; padding:0; width:100%; overflow:hidden; display:blcok; } #about_floor_main_1 { margin:0; padding:0; width:66.6666667%; float:left; /*background-color:#90C;*/ } #about_floor_main_1 img { width:100%; height:auto; } .about_btn_set_1 { margin:0; padding:0; width:16.6666667%; float:left; } .about_btn_1 { margin:0; padding:0; width:100%; background:#0FF; } #about_floor_1280 { display:none; } #about_floor_main_2 { margin:0; padding:0; width:66.6666667%; float:left; /*background-color:#90C;*/ } #about_floor_main_2 img { width:100%; height:auto; } .about_btn_set_2 { margin:0; padding:0; width:16.6666667%; float:left; } .about_btn_2 { margin:0; padding:0; width:100%; background:#0FF; } #about_b { margin:0; padding:0 0 0 1%; width:32.3333333%; float:left; color:#FFF3E2; background-color:#900000; } #about_b_info { font-size:0.7vw; line-height:1.2vw; } .b_info_left { margin:0; padding:0; width:10%; font-family:Poppins-Regular; float:left; } .b_info_center { margin:0; padding:0; width:2%; font-family:Poppins-Regular; float:left; } .b_info_right { margin:0; padding:0; width:88%; font-family:JPRegular; float:left; } #about_access h3 { font-family:JPLight; font-size:1.0vw; line-height:1.0vw; letter-spacing:1px; } #about_access p { font-family:JPRegular; font-size:0.7vw; line-height:0.7vw; } #about_blank { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; background-color:#900000; } #about_blank_1 { margin:0; padding:0; width:50%; float:left; background-color:#5E0000; } #about_blank_2 { margin:0; padding:0; width:50%; float:left; background-color:#680000; } #about_blank_3 { margin:0; padding:0; width:50%; float:left; background-color:#7C0000; } #about_blank_4 { margin:0; padding:0; width:50%; float:left; background-color:#900000; } #about_past { margin:0; padding:1%; width:100%; color:#FFF3E2; background-color:#7A6A55; } #about_past_set { margin:0; padding:0; width:100%; } .about_past_box { margin:0; padding:0; width:33.3333333%; float:left; } .about_past_box p { font-family:JPRegular; font-size:0.7vw; line-height:1.0vw; } .about_past_box_last { display:none; } .about_btn_1 { width:100%; position:relative; float:left; background:#FFFFFF; } .about_btn_1 span { padding:1.25vw 0 0 1.25vw; font-family:Poppins-Light; font-size:2.7vw; line-height:2.7vw; position:absolute; color:#FFFFFF; } .about_btn_1 img { width:100%; height:auto; } .about_btn_1 small { padding:7.25vw 0 0 1.25vw; position:absolute; font-family:Poppins-Light; font-size:1.0vw; line-height:0vw; color:#FFFFFF; } #btn_send { width:100%; position:relative; background:#FFF3E2; display:block; } #btn_send span { padding:20px; font-family:JPLight; font-size:2.6vw; line-height:3.0vw; position:absolute; color:#FFF3E2; } #btn_send small { top:50%; left:1vw; font-family:Poppins-Regular; font-size:1.2vw; line-height:0vw; letter-spacing:0px; position: absolute; color:#FFF3E2; } #btn_send img { width:100%; height:auto; vertical-align:bottom; } /*********** MAIL FORM ***********/ #about_contact { margin:0; padding:0 0 0 1%; width:32.3333333%; float:left; color:#FFF3E2; background-color:#680000; } .form_memo { margin:0; padding:1px 5px; width:100%; resize:both; border:0; font-size:1vw; font-weight:300; line-height:1.4vw; letter-spacing:1px; color:#900000; } /*********** CONTENTS BOX ***********/ #contents_box { margin:0; padding:0; width:100%; overflow:hidden; } #text_box { margin:0; padding:0 1% 0 1%; width:31.3333333%; float:left; color:#FFF3E2; background-color:#900000; } #text_box h2 { margin:2vw 0 2vw 0; font-family:JPLight; font-size:1.3vw; line-height:1.3vw; letter-spacing:1px; } #text_box h3 { font-family:JPLight; font-size:0.9vw; line-height:0.9vw; letter-spacing:1px; } #text_box p { font-family:JPLight; font-size:0.6vw; line-height:0.9vw; letter-spacing:0px; } #text_ul li { margin-bottom:0.7vw; list-style:circle; font-family:JPLight; font-size:0.7vw; line-height:1.0vw; letter-spacing:0px; } #others_blank_1 { margin:0; padding:0; width:33.333333%; height:100%; float:left; overflow:hidden; } #others_blank_2 { margin:0; padding:0; width:33.333333%; height:100%; float:left; overflow:hidden; } .recruit_photo { width:33.3333333%; float:left; } .recruit_photo img { width:100%; height:auto; } /*********** PARTY ***********/ #party_box { margin:0; padding:0; width:100%; } #party_photo_1 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/party/party_photo_1.jpg); background-size:110%; background-position:0 -3vw; background-repeat:no-repeat; background-color:#030; } #party_photo_2 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/party/party_photo_2.jpg); background-size:110%; background-position:0 -1vw; background-repeat:no-repeat; background-color:#033; } #party_photo_3 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/party/party_photo_3.jpg); background-size:110%; background-position:0 -3vw; background-repeat:no-repeat; background-color:#036; } #party_photo_4 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/party/party_photo_4.jpg); background-size:150%; background-position:-9vw 0; background-repeat:no-repeat; background-color:#039; } #party_text_set { margin:0; padding:0; width:33.3333333%; float:left; } #party_text { margin:0; padding:0; width:100%; color:#FFF3E2; background-color:#7A6A55; } #party_thumb_1 { margin:0; padding:0; width:50%; float:left; background-image:url(../images/about/about_photo_1.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#03F; } #party_thumb_2 { margin:0; padding:0; width:50%; float:left; background-image:url(../images/about/about_photo_6.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#930; } #party_info { margin:0; padding:0; width:33.3333333%; float:left; background-color:#F2ECDD; } #party_title { padding:4% 3% 3% 3%; font-family:Poppins-Light; font-size:2.7vw; line-height:3.0vw; letter-spacing:0px; } #party_subtitle { padding:4% 3% 0 3%; font-family:JPLight; font-size:1.2vw; line-height:2.0vw; letter-spacing:0px; } .party_sentence { padding:3%; font-family:JPLight; font-size:0.8vw; line-height:1.6vw; letter-spacing:1px; } .party_sentence p { line-height:1.35vw; } .party_sentence span { margin:0; padding:0; font-family:JPRegular; font-size:1.0vw; line-height:1.0vw; display:block; } .party_sentence h3 { margin-top:1.5vw; font-family:Oswald-Regular; font-size:2.4vw; line-height:0vw; letter-spacing:0px; } .party_sentence a { text-decoration:none; color:#7A6A55; } /*********** EQUIP ***********/ #equip_box { margin:0; padding:0; width:100%; } #equip_header { margin:0; padding:0; width:100%; background-image:url(../images/equip/equip_header.jpg); background-size:100%; background-position:0 -25vw; background-repeat:no-repeat; background-color:#C39; } #equip_line_1 { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; background-color:#7A6A55; } #equip_line_2 { margin:0; padding:0; width:33.3333333%; float:left; color:#7A6A55; background-color:#F2ECDD; } #equip_line_3 { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; background-color:#7A6A55; } #equip_line_break { display:none; } .equip_title { margin:0; padding:1.5vw 0 0.5vw 2%; width:98%; font-size:3.0vw; line-height:3.0vw; letter-spacing:0px; } .equip_title span { font-size:1.2vw; line-height:3.0vw; letter-spacing:0.2vw; display: block; } .set_left { margin:0; padding:0 0 1.5vw 2%; width:48%; float:left; /*background-color:#963;*/ } .set_right { margin:0; padding:0 0 1.5vw 2%; width:48%; float:left; /*background-color:#930;*/ } .set_genre { margin:0; padding:1vw 0 1vw 0; font-family:Poppins-Light; font-size:1.3vw; line-height:1.3vw; letter-spacing:0px; } .equip_name { margin:0; padding:0; width:90%; font-family:Poppins-Light; font-size:0.8vw; line-height:1.2vw; letter-spacing:0px; float:left; } .equip_num { margin:0; padding:0; width:5%; font-family:Poppins-Light; font-size:0.8vw; line-height:1.2vw; letter-spacing:0px; text-align:center; float:left; } /*********** SEARCH ***********/ #search_box { margin:0 0 5vw 0; padding:0; width:100%; } #search_notice { margin:0; padding:1%; font-family:JPLight; font-size:2.0vw; line-height:2.0vw; letter-spacing:1px; } #search_notice span { margin:0; padding:0; font-family:Poppins-Light; font-size:1.0vw; line-height:2.0vw; display:block; } .search_event { margin:0; padding:1%; } .search_event_date { width:9%; font-family:Poppins-Light; font-size:1.2vw; line-height:1.2vw; float:left; } .search_event_name { width:80%; font-family:JPLight; font-size:1.2vw; line-height:1.2vw; float:left; } .search_event a { text-decoration:none; color:#7A6A55; } /*********** FOOTER ***********/ footer { margin:0; padding:0; width:100%; color:#FFF3E2; background-color:#760000; } footer h1 { font-family:Poppins-Light; font-size:30px; line-height:40px; letter-spacing:0px; font-feature-settings:"palt"; } footer p { margin:0; padding:0; font-family:Oswald; font-size:10px; line-height:14px; text-align:justify; word-wrap:break-all; -webkit-hyphens:manual; -moz-hyphens:manual; -ms-hyphens:manual; hyphens:manual; } footer a { text-decoration:none; color:#FFF3E2; } .letter_kerning { letter-spacing:-2.5px; } .footer_btn { margin:0; padding:0; width:16.6666667%; /*height:auto;*/ position:relative; float:left; } .footer_btn span { padding:20px; font-family:JPLight; font-size:2.3vw; line-height:2.3vw; letter-spacing:0px; position:absolute; } .footer_btn small { font-family:Poppins-Regular; font-size:1.2vw; line-height:1.2vw; letter-spacing:0px; } .footer_btn img { width:100%; height:auto; vertical-align:bottom; } .company_info { width:33.33%; float:left; /*background-color:#CF6;*/ } #footer_title { margin:30px 0 30px 3.125%; padding:0; width:93.75%; /*background-color:#990;*/ } #footer_d_set { margin:0 0 0 3.125%; } #footer_d_logo { margin:0 3.125% 0 0; padding:0; width:30.625%; float:left; /*background-color:#060;*/ } #footer_d_logo img { width:95%; height:auto; } #footer_d_info { width:63.125%; float:left; /*background-color:#936;*/ } #d_info { margin:0 0 10px 0; padding:0; font-family:JPLight; font-size:10px; line-height:14px; /*text-align:justify;*/ word-wrap:break-all; -webkit-hyphens:manual; -moz-hyphens:manual; -ms-hyphens:manual; hyphens:manual; } #info_1280 { display:inline; } #d_address { font-family:JPLight; } #d_address p { font-family:JPLight; font-size:10px; /*text-align:justify;*/ word-wrap:break-all; -webkit-hyphens:manual; -moz-hyphens:manual; -ms-hyphens:manual; hyphens:manual; } #footer_b_logo { margin:0 0 0 0; width:100%; height:100px; text-align:center; vertical-align:bottom; line-height:100px; /*background-color:#066;*/ } #footer_b_logo img { width:160px; height:auto; } .restaurant_set { margin:30px 0 0 0; padding:0; width:33.33%; float:left; /*background-color:#C96;*/ } .restaurant_box { margin:0 0 80px 0; width:100%; } .restaurant_logo { margin:0 0 0 3.125%; width:31.25%; float:left; } /*.restaurant_logo img { width:100%; height:auto; }*/ .restaurant_info { margin:0 3.125% 0 3.125%; width:59.375%; float:left; } #logo_nikusuki { width:96%; height:auto; } #logo_choiura { width:91.5%; height:auto; } #logo_koko { width:86%; height:auto; } #logo_beerk { width:88%; height:auto; } #logo_tekkote { width:70.5%; height:auto; } #logo_saketo { width:100%; height:auto; } #logo_awakure { width:90%; height:auto; } } @media screen and (max-width:1679px) and (min-width:1281px) { /*********** NAVI ***********/ #navi_sp_icon { display:none; } #navi_sp_set { visibility:hidden; } #navi_set { top:0; left:0; margin:0; padding:0; width:100%; height:120px; color:#FFF3E2; position:fixed; z-index:9999; background-color:rgba(0,0,0,0.9); } #logo_set { height:120px; float:left; /*background-color:#930;*/ } #logo { margin:30px 0 0 20px; padding:0px; width:279px; height:auto; } #logo img { width:100%; height:auto; } #console_set { /*width:100%;*/ height:120px; float:right; /*background-color:#90C;*/ } #navi_upper { height:60px; line-height:60px; /*background-color:#060;*/ } #upper_set { margin:0 20px 0 0; width:100%; height:60px; text-align:right; float:right; /*background-color:#03F;*/ } #navi_upper ul,li { margin:0 40px 0 0; padding:0; list-style:none; font-family:Oswald-Regular; font-size:25px; line-height:60px; } #navi_upper li { float:left; } #navi_upper a { text-decoration:none; color:#FFF3E2; } #btn_search { margin:0 0 0 0; border:0px; width:24px; height:24px; background:url(../images/common/header_icons_search.png) left top no-repeat; vertical-align:middle; } #btn_search:hover { cursor:pointer; } .navi_search { margin:18px 0 0 0; padding:0; width:160px; height:24px; border:1px #FFF3E2 solid; color:#FFF3E2; background-color:rgba(0,0,0,0); } #navi_bottom { height:60px; line-height:60px; } #sns_icon_set { margin:0; padding:0; height:60px; line-height:60px; float:right; } .sns_icon { margin:15px 30px 0 0; padding:0; width:30px; height:auto; } #info_set { height:60px; line-height:60px; float:right; /*background-color:#900;*/ } #info_set a { margin:0 20px 0 0; text-decoration:none; color:#FFF3E2; font-family:Oswald-Regular; font-size:20px; line-height:60px; } #info_set img { margin:0 10px 0 0; width:auto; height:20px; } /*#navi_sp_set { top:0; left:0; margin:0; padding:0; width:100%; height:100%; postion:fixed; background-color:rgba(0,0,0,0.85); }*/ /*********** COMMON ***********/ .br_960 { display:none; } .block_blank { display:none; } .block_blank { display:none; } .block_blank_1 { width:16.6666667%; display:block; float:left; background:#900000; } .block_blank_2 { width:16.6666667%; display:none; float:left; background:#7C0000; } .block_blank_3 { width:16.6666667%; display:none; float:left; background:#680000; } .block_blank_4 { width:16.6666667%; display:none; float:left; background:#5E0000; } .block_blank_5 { width:16.6666667%; display:none; float:left; background:#4A0000; } .block_blank_6 { width:16.6666667%; display:none; float:left; background:#360000; } .block_blank_7 { width:16.6666667%; display:none; float:left; background:#2C0000; } /*#footer_bridge { display:block; }*/ #header { position: relative; } #whatsnew { margin: 0; position: absolute; } #whatsnew h1 { margin: 0; padding: 0.8vw; font-size: 2.8vw; line-height: 3.0vw; } .whats_topic { margin: 0; padding: 0.8vw; } .whats_topic h2 { margin: 0; font-size: 1.3vw; } .whats_topic p { margin: 0 0 1.5vw 0; font-size: 0.9vw; line-height: 1.3vw; } #top_info { margin:0 30px 0 0; padding:0; float:right; } #middle_wrapper { margin:0; padding:0; width:100%; /*background-color:#060;*/ } #contents_wrapper { margin:20px; padding:0; } .single_block { width:640px; } .test_hyphens { font-family:Poppins-Regular; font-size:14px; text-align:justify; word-wrap:break-all; -webkit-hyphens:manual; -moz-hyphens:manual; -ms-hyphens:manual; hyphens:manual; /*word-break:break-all;*/ } .h1_page_title { font-family:Oswald-Regular; font-size:100px; line-height:100px; letter-spacing:0px; } .h1_page_title_vw { font-family:Oswald-Regular; font-size:5.2vw; line-height:100px; letter-spacing:0px; } .h1_en_300 { font-family:Poppins-Light; font-size:3vw; } .h1_en_400 { font-family:Poppins-Regular; font-size:100px; } .h1_en_500 { font-family:Poppins-Medium; font-size:3vw; } .h1_en_600 { font-family:Poppins-SemiBold; font-size:3vw; } .h1_en_700 { font-family:Poppins-Bold; font-size:3vw; } .subtitle_300 { font-family:Poppins-Medium; font-size:36px; } .subtitle_300_vw { font-family:Poppins-Medium; font-size:1.87vw; } .test_sentence_300 { font-family:Poppins-Light; font-size:14px; } .test_sentence_300_vw { font-family:Poppins-Light; font-size:0.73vw; } .test_sentence_400 { font-family:Poppins-Regular; font-size:1.4vw; } .test_sentence_500 { font-family:Poppins-Medium; font-size:1.4vw; } .test_sentence_600 { font-family:Poppins-SemiBold; font-size:1.4vw; } .test_sentence_700 { font-family:Poppins-Bold; font-size:1.4vw; } .h1_jp { font-size:1.4vw; font-weight:400; } .h2_jp { font-size:1.2vw; font-weight:400; } .ultraLight_14 { font-family:JPUltraLight; font-size:14px; } .extraLight_14 { font-family:JPExtraLight; font-size:14px; } .light_14 { font-family:JPLight; font-size:14px; } .regular_14 { font-family:JPRegular; font-size:14px; } .medium_14 { font-family:JPMedium; font-size:14px; } .bold_14 { font-family:JPBold; font-size:14px; } .heavy_14 { font-family:JPHeavy; font-size:14px; } .ultraLight_18 { font-family:JPUltraLight; font-size:18px; } .extraLight_18 { font-family:JPExtraLight; font-size:18px; } .light_18 { font-family:JPLight; font-size:18px; } .regular_18 { font-family:JPRegular; font-size:18px; } .medium_18 { font-family:JPMedium; font-size:18px; } .bold_18 { font-family:JPBold; font-size:18px; } .heavy_18 { font-family:JPHeavy; font-size:18px; } .head_submit { margin:0 10px 0 0; padding:0; float:left; } .top_header_title { margin: 0; padding: 0; width: 100%; height: 11vw; } .top_header_title h1 { padding:0 0 0 1.04vw; font-size: 4.8vw; line-height: 10vw; } .top_header_title p { margin-top: -1.5vw; padding:0 0 0 1.04vw; font-size: 0.9vw; line-height: 1.0vw; } .top_header_title span { padding-right: 1.04vw; font-size: 1.3vw; line-height: 10vw; letter-spacing: 0.2vw; float: right; } /*********** SP ***********/ #sp_header_title { margin:0; padding:0; width:100%; height:10vw; /*background-color:#060;*/ } #page_sp_title { margin:0; padding:0 0 0 1.04vw; width:30%; float:left; /*background-color:#900;*/ } #page_sp_title h1 { font-family:Oswald-Light; font-size:5.0vw; line-height:0.0vw; } #page_subtitle { margin:0; padding:0 1.04vw 0 0; width:60%; text-align: right; float:right; /*background-color: aliceblue;*/ } #page_subtitle h2 { font-family:JPLight; font-size:2.2vw; line-height: 6.4vw; letter-spacing: 0.2vw; } #sp_header { margin:0; padding:0; width:100%; background-image:url(../images/sp/B_12th_header.jpg); background-size:100%; background-position:0 center; background-repeat:no-repeat; background-color:#C39; } #line_1 { width:33.3333333%; float:left; color:#FFFFFF; background-color:aliceblue; } #line_2 { width:33.3333333%; float:left; color:#FFFFFF; background-color:#7A6A55; } #line_3 { width:33.3333333%; float:left; color:#7A6A55; background-color:#F2ECDD; } #line_2 { text-align: center; } .greeting_message { font-size: 1.0vw; line-height: 2vw; letter-spacing: 0.2vw; } .topic_title { font-size: 1.4vw; line-height: 1.0vw; } .topic_sentence { font-size: 0.8vw; line-height: 0.6vw; } .topic_info { font-size: 1.4vw; line-height: 0.4vw; } .topic_info span { font-size: 0.8vw; line-height: 3.2vw; display: block; } /*********** SP-FORM ***********/ .sp_notice { margin-top: 2vw; padding:0 1.5vw; font-size: 0.8vw; line-height: 1.2vw; letter-spacing: 0.1vw; } .sp_form { color: #7A6A55; } .sp_form_line { margin:0; padding:0 1.5vw; width:95%; height:3vw; font-family:JPLight; font-size:0.8vw; letter-spacing:1px; /*background-color:#093;*/ } .sp_form_left { margin:0; padding:0.5vw 0 0 0; width:21%; height:3vw; line-height:3vw; float:left; /*background-color:#906;*/ } .sp_form_right { margin:0; padding:0; width:85%; float:left; background-color:#CC3; } .sp_form_right_name { margin:0 5.5% 0 -1.3%; padding:0; width:32.8125%; float:left; /*background-color:#CC3;*/ } .sp_form_right_long { margin:0 4% 0 -1.3%; padding:0; width:72%; float:left; /*background-color:#CC3;*/ } .qty_form { margin:0; padding:0 0.5vw; width:15%; height:2vw; border:0; font-size:1vw; font-weight:300; line-height:2vw; letter-spacing:1px; color:#7A6A55; } .sp_name_form { margin:0; padding:0 0.5vw; width:96%; height:2vw; border:0; font-size:1vw; font-weight:300; line-height:2vw; letter-spacing:1px; color:#7A6A55; } .sp_form_long { margin:0; padding:0 10px; width:95%; height:2vw; border:0; font-size:1vw; font-weight:300; line-height:2vw; letter-spacing:1px; color:#7A6A55; } #sp_form_btn_set { margin-top: 2vw; padding: 0 1.5vw; } #sp_btn_attend { font-family: JPLight; font-size:1.4vw; letter-spacing: 0.2vw; float: left; } #sp_btn_attend { margin-right: 5%; background-color: #900000; color: #fff; display: inline-block; width: 45%; height: 4vw; text-align: center; text-decoration: none; line-height: 4vw; outline: none; } #sp_btn_attend::before, #sp_btn_attend::after { position: absolute; z-index: -1; display: block; content: ''; } #sp_btn_attend, #sp_btn_attend::before, #sp_btn_attend::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; } #sp_btn_attend:hover { background-color: #680000; } #sp_btn_absent { font-family: JPLight; font-size:1.4vw; letter-spacing: 0.2vw; float: left; } #sp_btn_absent { background-color: #DFD3C4; color: #7A6A55; display: inline-block; width: 45%; height: 4vw; text-align: center; text-decoration: none; line-height: 4vw; outline: none; } #sp_btn_absent::before, #sp_btn_absent::after { position: absolute; z-index: -1; display: block; content: ''; } #sp_btn_absent, #sp_btn_absent::before, #sp_btn_absent::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; } #sp_btn_absent:hover { background-color: #CFC4B6; } /*********** TOP-EVENT ***********/ #top_today { width:33.3333333%; float: left; } #top_pickup { width:66.6666667%; float: left; } #top_event_clear { display: none; } .top_event_box { margin-bottom: 0vw; width: 100%; } .top_event_pickup_box { margin-bottom: 0vw; width: 50%; float: left; } .top_event_box_wanted { margin-bottom: 0vw; width: 100%; } .top_event_box_left { width: 23.75%; float: left; } .top_event_box_right { width: 1.78571429%; float: left; } .top_event_box_bottom { width: 100%; height: 0.7vw; float: left; } .top_event_date { font-size: 2.8vw; letter-spacing: -0.15vw; line-height: 2.7vw; } .top_event_date span { margin-top: -0.2vw; display: block; font-size: 1.6vw; letter-spacing: 0vw; line-height: 1.6vw; } .date_set { padding: 0.4vw; } .top_event_badge { background-color: aliceblue; } .top_event_photo { width: 74.4642857%; float: left; background-color: #C2CD80; } #top_event_wanted { width: 98.2142857%; float: left; } #top_event_wanted h1 { margin: 2.0vw 0 0 0; font-size: 4.2vw; line-height: 4.2vw; } #top_event_wanted p { margin-top: 8.0vw; font-size: 0.9vw; line-height: 1.2vw; } #top_event_wanted span { margin-top: 0.6vw; font-size: 1.2vw; line-height: 1.6vw; } .wanted_mail_icon { font-size: 2.0vw; } #top_event { margin:0; padding:0; } #top_event_box_today { margin:0; padding:0; width:16.6666667%; float:left; } #top_event_box_tonight { margin:0; padding:0; width:16.6666667%; float:left; } #top_event_box_pickup1 { margin:0; padding:0; width:16.6666667%; float:left; } #top_event_box_pickup2 { margin:0; padding:0; width:16.6666667%; float:left; } #top_event_box_pickup3 { margin:0; padding:0; width:16.6666667%; float:left; } #top_event_box_pickup4 { margin:0; padding:0; width:16.6666667%; float:left; } #top_event_box_pickup5 { margin:0; padding:0; width:16.6666667%; float:left; } #top_event_box_pickup6 { display: none; } #top_event_box_pickup7 { display: none; } .top_event_text { margin:0; padding:2%; width:96%; font-family:Poppins-Light; font-size:2.3vw; } .top_event_img { width:100%; /*background-color:#9C0;*/ } .top_event_img img { width:100%; height:auto; } .top_event_pickup_title { width:70%; float:left; position: relative; } .top_event_pickup_title span { top:70%; font-size: 0.6vw; line-height: 0.6vw; letter-spacing: 0.05vw; display: block; position: absolute; } .top_event_pickup_date { padding-top:2.0vw; width:30%; font-family:Poppins-Light; font-size:1.8vw; line-height:1.5vw; text-align:right; float:right; /*background-color:#F69;*/ } .top_event_pickup_date span { margin-top:0; display:block; font-size:1.0vw; line-height:1.0vw; letter-spacing:0px; } /*********** TOP-UPCOMING ***********/ #top_upcoming { margin:0; padding:0; width:50%; color:#FFF3E2; float:left; overflow:hidden; background-color:#4A0000; } #top_upcoming_set { margin:0; padding:0; width:100%; background-color:#4A0000; } #top_upcoming_title { margin:0; padding:2%; width:96%; font-size:1.8vw; letter-spacing: 0.1vw; } #top_upcoming_title span { margin:0; padding:2%; width:96%; font-size:0.9vw; letter-spacing: 0vw; } #top_upcoming_list { margin:0; padding:0; } .top_upcoming_line { margin-bottom:0.2vw; padding:0 0 0 2.08333333%; width:97.9166667%; /*background-color:#F63;*/ } .upcoming_event_date { width:17%; font-family:Poppings-Light; font-size:0.832vw; float:left; } .upcoming_event_name { width:49.5%; font-family:JPLight; font-size:0.832vw; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left; } .upcoming_btn { margin-right:20px; font-family:JPLight; font-size:0.7vw; background-image:url(../images/common/btn_rsv_event.png); background-size:cover; float:right; } /*********** TOP-BTN_EVENT ***********/ #top_btn_event { width:16.6666667%; float:left; /*background-color:#09C;*/ } #btn_event { width:100%; position:relative; background:#4A0000; } #btn_event span { padding:20px; font-family: JPLight; font-size:2.2vw; line-height:2.2vw; position:absolute; color:#4A0000; } #btn_event small { padding-top: -4vw; font-family:Poppins-Regular; font-size:1.2vw; line-height:0vw; letter-spacing:0px; } #btn_event img { width:100%; height:auto; } /*********** TOP-B_APP ***********/ #b_app { margin:0; padding:0; width:33.3333333%; float:left; /*background-image:url(../images/common/b_app_set.jpg); background-size:cover;*/ } #b_app_set { width:100%; position:relative; } #b_app_txt { top:1.248vw; right:0; margin-right: 3vw; width:55%; font-family:JPMedium; font-size:1.0vw; line-height:1.1vw; text-align: right; position:absolute; color:#FFF; } #b_app_txt span { padding-top: 0.2vw; font-family: Poppins-Regular; font-size:3.2vw; line-height: 1.8vw; display: block; } #b_app_txt small { font-family: JPRegular; font-size:0.8vw; } #b_app_txt h3 { margin-top: 2vw; font-family: Poppins-Medium; font-size: 3.6vw; line-height: 0vw; letter-spacing: 0vw; color: #FFE400; } #b_app_badge { margin-top: -1vw; margin-left:9.2vw; width:50%; } #b_app_badge img { margin-bottom: 0.5vw; width:100%; height:auto; vertical-align:bottom; } /*********** TOP-SP_MENU ***********/ #sp_food { margin:0; padding:0; width:100%; } .sp_food_box { width: 25%; } #sp_food_over_1280 { margin:0; padding:0; display:block; } #sp_food_961_1280 { display:none; } #sp_food_641_960 { display:none; } #sp_food_640 { display:none; } #sp_menu1 { width:33.3333333%; float:left; background-image:url(../images/restaurant/sp_food_1.jpg); background-size:cover; background-repeat:no-repeat; /*background-color:#000000;*/ background-position:-3.0vw 0vw; } #sp_menu2_3 { width:33.3333333%; float:left; } #sp_menu2 { width:100%; background-image:url(../images/restaurant/sp_food_3.jpg); background-size: 125%; background-repeat:no-repeat; /*background-color:#000000;*/ background-position:-1.5vw -2.0vw; } #sp_menu3 { width:100%; /*background-color:#000000;*/ } #sp_menu3_1 { width:50%; float:left; background-image:url(../images/restaurant/sp_food_4.jpg); background-size: 160%; background-repeat:no-repeat; background-position:-3.8vw 0vw; /*background-color:#CF0;*/ } #sp_menu3_2 { width:50%; position:relative; float:left; background:#FFFFFF; } #sp_menu3_2 span { padding:15px; font-family: JPLight; font-size:2.2vw; line-height:2.2vw; position:absolute; color:#FFFFFF; } #sp_menu3_2 small { padding-top: -4vw; font-family:Poppins-Regular; font-size:1.2vw; line-height:0vw; letter-spacing:0px; top: 40%; left:1.2vw; position: absolute; color: #FFFFFF; } #sp_menu3_2 img { width:100%; height:auto; } #sp_menu4 { width:33.3333333%; float:left; background-image:url(../images/restaurant/sp_food_2.jpg); background-size:cover; background-repeat:no-repeat; background-position:-5vw 0vw; /*background-color:#000000;*/ } /*********** TOP-WEDDING ***********/ #wedding_banner { margin:0; padding:3.5vw 0 0 0; display:block; width:100%; height:100%; } #wedding_banner img { margin:11vw 0 3vw 0; padding:0; width:22%; height:auto; -webkit-filter:drop-shadow(0 0 15px #FFFBEC); } #wedding_banner p { margin:0 auto; padding:0; width:33%; font-family:JPLight; font-size:0.8vw; letter-spacing:0.2vw; text-shadow:1px 1px 8px #FFFBEC; } /*********** TOP-ABOUT ***********/ #top_about { margin:0; padding:0; width:100%; } #about_photo { magin:0; padding:0; width:66.6666667%; float:left; background-color:#000000; } #about_layout { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/about/about_layout_1.jpg); background-repeat:no-repeat; background-size:cover; background-position:0 0; } .photo_thumb { margin:0; padding:0; width:25%; float:left; } #top_about_thumb1 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/about/about_photo_1.jpg); background-repeat:no-repeat; background-size:cover; background-position:-60px 0; } #top_about_thumb2 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/about/about_photo_2.jpg); background-repeat:no-repeat; background-size:cover; background-position:-40px 0; } #top_about_thumb3 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/about/about_photo_3.jpg); background-repeat:no-repeat; background-size:cover; background-position:0 0; } #top_about_thumb4 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/about/about_photo_4.jpg); background-repeat:no-repeat; background-size:cover; background-position:-40px 0; } #top_about_thumb5 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/about/about_photo_5.jpg); background-repeat:no-repeat; background-size:cover; background-position:-60px 0; } #top_about_thumb6 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/about/about_photo_6.jpg); background-repeat:no-repeat; background-size:cover; background-position:-50px 0; } #top_about_thumb7 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/about/about_photo_7.jpg); background-repeat:no-repeat; background-size:cover; background-position:0 0; } #top_about_btn { margin:0; padding:0; width:25%; position:relative; float:left; background-color:#360000; } #top_about_btn span { padding:20px; font-family: JPLight; font-size:2.2vw; line-height:2.2vw; position:absolute; color:#360000; } #top_about_btn small { padding-top: -4vw; font-family:Poppins-Regular; font-size:1.2vw; line-height:0vw; letter-spacing:0px; } #top_about_btn img { width:100%; height:auto; vertical-align:bottom; } /*********** TOP-PARTY ***********/ #party { background-size:100%; background-position:0 -13vw; } #party a { display:block; text-decoration:none; color:#FFF3E2; } #party_banner { margin:0; padding:0; display:table-cell; vertical-align:middle; width:100%; height:100%; } #party_banner img { margin:14vw auto; padding:0; width:17%; height:auto; /*-webkit-filter:drop-shadow(0 0 15px #FFFBEC);*/ } #party_banner p { margin:0 auto; padding:0; width:33%; font-family:JPLight; font-size:0.8vw; letter-spacing:0.2vw; text-shadow:1px 1px 8px #FFFBEC; } /*********** TOP-ABOUT ***********/ #about { background-size:100%; background-position:0 -25vw; } #about a { display:block; text-decoration:none; color:#FFF3E2; } #about_banner { margin:0; padding:0; display:table-cell; vertical-align:middle; width:100%; height:100%; } #about_banner img { margin:14vw auto; padding:0; width:17%; height:auto; /*-webkit-filter:drop-shadow(0 0 15px #FFFBEC);*/ } #about_banner p { margin:0 auto; padding:0; width:33%; font-family:JPLight; font-size:0.8vw; letter-spacing:0.2vw; text-shadow:1px 1px 8px #FFFBEC; } /*********** PAGE-HEADER ***********/ #header_title { margin:0; padding:0; width:100%; height:10vw; /*background-color:#060;*/ } #page_title h1 { margin:0; padding:0 0 0 1.04vw; width:45%; font-family:Oswald-Light; font-size:6.2vw; line-height:10vw; float:left; /*background-color:#900;*/ } #page_title_long h1 { margin:0; padding:0 0 0 1.04vw; width:95%; font-family:Oswald-Light; font-size:6.2vw; line-height:10vw; float:left; /*background-color:#900;*/ } #page_title_long a { text-decoration:none; color:#7A6A55; } #cal_link { margin: 0; padding: 1vw 0 0 1vw; width: 35%; font-size: 6.2vw; float: left;line-height: 10vw; text-align: left; /*background-color: #0CF;*/ } #cal_header_icon_set { margin: 0; padding: 1vw 0 0 0; width: 60%; line-height: 10vw; text-align: right; float: right; /*background-color: aliceblue;*/ } .icon_wrap { margin-left: 2vw; text-align: left; font-size: 1.4vw; line-height: 10vw; float: left; /*background-color: aquamarine;*/ } .icon_wrap img { width: 2.4vw; height: auto; vertical-align: middle; } #cal_switch { margin: 0; padding-right: 2%; width: 45%; line-height: 10vw; text-align: right; float: right; } #cal_switch img { width: 25%; height: auto; vertical-align: middle; } /*********** TOP-EVENT-CAL ***********/ #top_event_cal { margin:0; padding:5px; width:100%; /*background-color:#9F0;*/ } .top_cal_week { font-family:Poppins-Light; } .top_cal_week th { width:14.2857143%; } .top_dayBox { margin:0; padding:5px; vertical-align:top; border:#FFFFFF 2.5px solid; /*background-color:#7A6A55;*/ } .top_dayBox_1 { margin:0; padding:5px; vertical-align:top; border:#FFFFFF 2.5px solid; background-color:#7A6A55; } .top_dayBox_2 { margin:0; padding:5px; vertical-align:top; border:#FFFFFF 2.5px solid; background-color:#94846F; } .top_dayBox_3 { margin:0; padding:5px; vertical-align:top; border:#FFFFFF 2.5px solid; background-color:#A69681; } .top_dayBox_4 { margin:0; padding:5px; vertical-align:top; border:#FFFFFF 2.5px solid; background-color:#B5A591; } .top_dayBox_5 { margin:0; padding:5px; vertical-align:top; border:#FFFFFF 2.5px solid; background-color:#C7B8A5; } .top_dayBox_6 { margin:0; padding:5px; vertical-align:top; border:#FFFFFF 2.5px solid; background-color:#33CCFF; } .top_dayBox_7 { margin:0; padding:5px; vertical-align:top; border:#FFFFFF 2.5px solid; background-color:#FF99CC; } .top_dayDetail { margin:0.5vw 0 0 0; padding:0px; width:100%; border-collapse:collapse; table-layout:fixed; } .top_day_top { margin:0 0 0 0; padding:0; font-family:Poppins-Light; font-size:7vw; line-height:6vw; letter-spacing:-7px; text-align:left; color:#FFF; /*background-color:#9F0;*/ } .top_day_top a { color:#FFF; text-decoration:none; } .top_day_name { margin:-0.52vw 0 0 0; padding:5px; font-family:JPRegular; font-size:1.0vw; line-height:1.0vw; text-align:left; color:#FFF; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; /*background-color:#CF9;*/ } .top_day_name img { width: 3vw; height: auto; } /*********** EVENT-PICKUP ***********/ #event_pickup { margin:0; padding:0; width:50%; float:left; } #event { margin:0; padding:0; } #event_box_today { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; overflow:hidden; background-color:#900000; } #event_box_tonight { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; overflow:hidden; background-color:#7C0000; } #event_box_pickup1 { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; overflow:hidden; background-color:#680000; } #event_box_pickup2 { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; overflow:hidden; background-color:#5E0000; } #event_box_pickup3 { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; overflow:hidden; background-color:#4A0000; } #event_box_pickup4 { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; overflow:hidden; background-color:#360000; } #event_box_pickup5 { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; overflow:hidden; background-color:#2C0000; } #event_box_pickup6 { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; overflow:hidden; background-color:#2C0000; } #event_box_pickup7 { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; overflow:hidden; background-color:#2C0000; } #event_box_pickup8 { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; overflow:hidden; background-color:#2C0000; } #event_box_pickup9 { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; overflow:hidden; background-color:#2C0000; } #event_box_pickup10 { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; overflow:hidden; background-color:#2C0000; } #event_box_pickup11 { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; overflow:hidden; background-color:#2C0000; } .event_text { margin:0; padding:0 0 0 2%; width:96%; font-family:Poppins-Light; font-size:2.3vw; } .event_img { width:100%; /*background-color:#9C0;*/ } .event_img img { width:100%; height:auto; vertical-align:bottom; } .event_pickup_title { width:70%; float:left; position: relative; } .event_pickup_title span { top:70%; font-size: 0.6vw; line-height: 0.6vw; letter-spacing: 0.05vw; display: block; position: absolute; } .event_pickup_date { padding-top:2.0vw; width:30%; font-family:Poppins-Light; font-size:1.8vw; line-height:1.5vw; text-align:right; float:right; /*background-color:#F69;*/ } .event_pickup_date span { margin-top:0; display:block; font-size:1.0vw; line-height:1.0vw; letter-spacing:0px; } /*********** EVENT-UPCOMING ***********/ #event_upcoming { margin:0; padding:0; width:50%; color:#FFF3E2; float:left; overflow:hidden; /*background-color:#0C0;*/background-color:#4A0000; } #event_upcoming_set { margin:0; padding:0; width:100%; background-color:#4A0000; } #event_upcoming_title { margin:0; padding:0 0 0 2%; width:96%; font-size:1.8vw; letter-spacing: 0.1vw; } #event_upcoming_title span { margin:0; padding:2%; width:96%; font-size:0.9vw; letter-spacing: 0vw; } #event_upcoming_list { margin:0; padding:0; } .event_upcoming_line { margin-bottom:0.5vw; padding:0 0 0 2.08333333%; width:97.9166667%; /*background-color:#F63;*/ } .event_upcoming_event_date { width:17%; font-family:Poppings-Light; font-size:0.832vw; float:left; } .event_upcoming_event_name { width:50%; font-family:JPLight; font-size:0.832vw; /*overflow:hidden; white-space:nowrap; text-overflow:ellipsis;*/ float:left; } .event_upcoming_event_name a { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display: block; } .event_upcoming_btn { margin-right:20px; font-family:JPLight; font-size:0.5vw; background-image:url(../images/common/btn_rsv_event.png); background-size:cover; float:right; } /*********** EVENT-UPCOMING_NEW ***********/ #event_upcoming_new { margin:0; padding:0; width:100%; color:#7A6A55; float:left; overflow:hidden; /*background-color:#4A0000;*/ } #event_upcoming_new_set { margin:0; padding:0; width:100%; /*background-color:#4A0000;*/ } .event_upcoming_line_date { width: 16.6666667%; float: left; color: #FFFFFF; /*background-color: #7A6A55;*/ } .event_upcoming_line_btn { width: 16.6666667%; height: 100%; float: right; color: #FFFFFF; /*background-color: #4A0000;*/ vertical-align: bottom; } .event_upcoming_line_photo { width: 25.4166667%; float: left; vertical-align: bottom; background-color: #333333; } .event_upcoming_line_photo img { width: 100%; height: 100%; } .event_upcoming_line_info { padding: 0 1% 0 1%; width: 39.2499996%; float: left; overflow: hidden; } .event_upcoming_line_name { font-size: 140%; line-height: 140%; } .event_upcoming_line_name span { margin-top: 0.5vw; font-size: 40%; line-height: 160%; display: block; } .event_upcoming_line_contents { margin-top: 1vw; font-size: 75%; line-height: 150%; } .event_month { font-size: 5vw; line-height: 7vw; letter-spacing: -0.1vw; } .event_day { padding-right: 0.5vw; font-size: 8.5vw; line-height: 8.5vw; letter-spacing: -0.1vw; } .event_day span { margin-top: -1.3vw; font-size: 2.8vw; line-height: 2.8vw; } .badge_call_new { width:100%; position:relative; background:#000000; } .badge_call_new span { padding:20px; font-family:Poppins-Light; font-size:1.4vw; line-height:2.0vw; position:absolute; color:#FFF3E2; } .badge_call_new img { width: 100%; height: auto; vertical-align: bottom; } .badge_out_new { bottom: 0; width:100%; position:relative; background:#000000; } .badge_out_new span { padding:2vw 20px 20px 20px; font-family:JPLight; font-size:3.3vw; line-height:2vw; position:absolute; color:#900000; } .badge_out_new small { font-family:Poppins-Regular; font-size:1.2vw; line-height:0vw; letter-spacing:0px; } .badge_out_new img { width:100%; height:auto; vertical-align:bottom; } .badge_wait_new { width:100%; position:relative; background:#900000; } .badge_wait_new span { padding:20px; font-family:Poppins-Light; font-size:2.2vw; line-height:2.8vw; position:absolute; color:#900000; } .badge_wait_new img { width:100%; height:auto; vertical-align:bottom; } .badge_now_new { width:100%; overflow:hidden; position:relative; background:#FFFFFF; } .badge_now_new span { padding:2vw 20px 20px 20px; overflow:hidden; font-family:JPLight; font-size:2.6vw; line-height:2.0vw; position:absolute; color:#900000; } .badge_now_new small { font-family:Poppins-Regular; font-size:1.2vw; line-height:0vw; letter-spacing:0px; } .badge_now_new img { width:100%; height:100%; overflow:hidden; vertical-align:bottom; } .badge_playguide_new { width:100%; overflow:hidden; position:relative; background:#FFFFFF; } .badge_playguide_new span { padding:1.2vw 1.2vw 1.2vw 1.2vw; overflow:hidden; font-family:JPLight; font-size:2.4vw; line-height:2.8vw; letter-spacing: -0.1vw; position:absolute; color:#003399; } .badge_playguide_new small { top: 8.0vw; left:1.2vw; font-family:Poppins-Regular; font-size:1.2vw; line-height:0vw; letter-spacing:0px; position: absolute; color:#003399; } .badge_playguide_new img { width:100%; height:100%; overflow:hidden; vertical-align:bottom; } .badge_wedding_new { width:100%; overflow:hidden; position:relative; background:#FFFFFF; } .badge_wedding_new span { padding:1.2vw 1.2vw 1.2vw 1.2vw; overflow:hidden; font-family:JPLight; font-size:2.4vw; line-height:2.8vw; letter-spacing: -0.1vw; position:absolute; color:#7A6A55; } .badge_wedding_new small { top: 8.0vw; left:1.2vw; font-family:Poppins-Regular; font-size:1.2vw; line-height:0vw; letter-spacing:0px; position: absolute; color:#7A6A55; } .badge_wedding_new img { width:100%; height:100%; overflow:hidden; vertical-align:bottom; } .badge_closed_new { bottom: 0; width:100%; position:relative; background:#444444; } .badge_closed_new span { padding:2vw 20px 20px 20px; font-family:JPLight; font-size:3.3vw; line-height:2vw; position:absolute; color:#666666; } .badge_closed_new small { font-family:Poppins-Regular; font-size:1.2vw; line-height:0vw; letter-spacing:0px; } .badge_closed_new img { width:100%; height:auto; vertical-align:bottom; } #event_footer { font-size: 6vw; } /*********** EVENT-DETAIL ***********/ #detail_header { margin:0; padding:0; width:33.3333333%; overflow:hidden; float:left; color:#FFF; background-color:#7A6A55; } #detail_title_set { margin:0; padding:0; width:100%; /*background-color:#0FF;*/ } #detail_genre { margin:0; padding:0 2% 0 2%; width:96%; font-family:JPRegular; font-size:0.7vw; line-height:2.0vw; letter-spacing:0px; /*background-color:#090;*/ } #detail_title { margin:0; padding:0 2% 0 2%; width:96%; font-family:JPRegular; font-size:1.8vw; line-height:2.2vw; letter-spacing:0px; word-wrap:break-word; /*float:left;*/ /*background-color:#CC0;*/ } #detail_photo { margin:0; padding:0; width:100%; background-color:#7A6A55; } #detail_photo img { margin:0; padding:0; width:100%; height:auto; vertical-align:bottom; } #detail_attention { margin:0; padding:0; width:33.3333333%; float:left; background-color:#7A6A55; } #detail_date { width:100%; height:100%; font-family:Poppins-Light; font-size:7vw; line-height:8vw; letter-spacing:-1px; text-align:right; float:left; color:#FFF3E2; background-color:#900000; } #detail_date span { margin:0; padding:0 1.8vw 0 0; font-size:3.5vw; line-height:0vw; display:block; } #detail_badge { margin:0; padding:0; width:50%; float:left; } #badge_now { width:100%; position:relative; background:#900000; } #badge_now span { padding:2vw 20px 20px 20px; font-family:JPLight; font-size:2.65vw; line-height:2.4vw; position:absolute; color:#900000; } #badge_now small { font-family:Poppins-Regular; font-size:1.2vw; line-height:0vw; letter-spacing:0px; } #badge_now img { width:100%; height:auto; vertical-align:bottom; } #badge_playguide { width:100%; overflow:hidden; position:relative; background:#003399; } #badge_playguide span { padding:1.0vw 1.2vw 1.2vw 1.2vw; overflow:hidden; font-family:JPLight; font-size:2.4vw; line-height:2.8vw; letter-spacing: -0.1vw; position:absolute; color:#003399; } #badge_playguide small { top: 8.0vw; left:1.2vw; font-family:Poppins-Regular; font-size:1.2vw; line-height:0vw; letter-spacing:0px; position: absolute; color:#003399; } #badge_playguide img { width:100%; height:100%; overflow:hidden; vertical-align:bottom; } #badge_wedding { width:100%; overflow:hidden; position:relative; background:#7A6A55; } #badge_wedding span { padding:1.0vw 1.2vw 1.2vw 1.2vw; overflow:hidden; font-family:JPLight; font-size:2.4vw; line-height:2.8vw; letter-spacing: -0.1vw; position:absolute; color:#7A6A55; } #badge_wedding small { top: 8.0vw; left:1.2vw; font-family:Poppins-Regular; font-size:1.2vw; line-height:0vw; letter-spacing:0px; position: absolute; color:#7A6A55; } #badge_wedding img { width:100%; height:100%; overflow:hidden; vertical-align:bottom; } #badge_wait { width:100%; position:relative; background:#900000; } #badge_wait span { padding:10px; font-family:Poppins-Light; font-size:2.3vw; line-height:2.8vw; position:absolute; color:#900000; } #badge_wait img { width:100%; height:auto; vertical-align:bottom; } #badge_out { width:100%; position:relative; background:#900000; } #badge_out span { padding:2vw 20px 20px 20px; font-family:JPLight; font-size:3.3vw; line-height:2.0vw; position:absolute; color:#900000; } #badge_out small { font-family:Poppins-Regular; font-size:1.2vw; line-height:0vw; letter-spacing:0px; } #badge_out img { width:100%; height:auto; vertical-align:bottom; } #badge_closed { width:100%; position:relative; background:#666666; } #badge_closed span { padding:2vw 20px 20px 20px; font-family:JPLight; font-size:3.3vw; line-height:2.0vw; position:absolute; color:#666666; } #badge_closed small { font-family:Poppins-Regular; font-size:1.2vw; line-height:0vw; letter-spacing:0px; } #badge_closed img { width:100%; height:auto; vertical-align:bottom; } #badge_call { width:100%; position:relative; background:#FFF3E2; } #badge_call span { padding:20px; font-family:Poppins-Light; font-size:1.4vw; line-height:2.0vw; position:absolute; color:#FFF3E2; } #badge_call img { width:100%; height:auto; vertical-align:bottom; } #rsv_submit { margin:0; padding:0; text-align:left; border:0; background-color:transparent; cursor:pointer; } #reserve_ticket { margin:0; padding:0 0 0 0; width:50%; float:left; } #btn_reserve_ok { width:100%; position:relative; background:#FFF3E2; } /*#btn_reserve_ok span { padding:20px; font-family:Poppins-Light; font-size:3.5vw; line-height:3.0vw; position:absolute; color:#FFF3E2; }*/ #btn_reserve_ok span { padding:1vw 20px 20px 20px; font-family:JPLight; font-size:3.0vw; line-height:3.6vw; position:absolute; color:#FFF3E2; } #btn_reserve_ok small { top:55%; left:1vw; font-family:Poppins-Regular; font-size:1.2vw; line-height:0vw; letter-spacing:0px; position: absolute; color:#FFF3E2; } #btn_reserve_ok img { width:100%; height:auto; vertical-align:bottom; } #btn_reserve_out { width:100%; position:relative; background:#900000; } #btn_reserve_out span { padding:20px; font-family:Poppins-Light; font-size:3.5vw; line-height:3.0vw; position:absolute; color:#900000; } #btn_reserve_out img { width:100%; height:auto; vertical-align:bottom; } #btn_back_edit { width:100%; position:relative; background:#FFFFFF; } /*#btn_back_edit span { padding:20px; font-family:Poppins-Light; font-size:3.5vw; line-height:3.0vw; position:absolute; color:#FFFFFF; }*/ #btn_back_edit span { padding:1vw 20px 20px 20px; font-family:JPLight; font-size:3.0vw; line-height:3.6vw; position:absolute; color:#FFFFFF; } #btn_back_edit small { top:55%; left:1vw; font-family:Poppins-Regular; font-size:1.2vw; line-height:0vw; letter-spacing:0px; position: absolute; color:#FFFFFF; } #btn_back_edit img { width:100%; height:auto; vertical-align:bottom; } #detail_blank { margin:0; padding:0; width:33.333333%; overflow:hidden; float:left; } .detail_box_1 { margin:0; padding:0; width:50%; float:left; background-color:#94846F; } .detail_box_2 { margin:0; padding:0; width:50%; float:left; background-color:#A69681; } .detail_box_3 { margin:0; padding:0; width:50%; float:left; background-color:#B5A591; } .detail_box_4 { margin:0; padding:0; width:50%; float:left; background-color:#C7B8A5; } #detail_info { margin:0; padding:0 1% 0 1%; width:31.3333333%; float:left; color:#FFF3E2; background-color:#900000; } #detail_info a { text-decoration:none; color:#FFF3E2; } #detail_info_set { margin:0 0 20px 0; padding:0; font-family:JPRegular; font-size:0.7vw; line-height:1.1vw; letter-spacing:0.5px; } #detail_info_set_time { margin:0 0 0 0; padding:0; font-family:JPRegular; font-size:0.7vw; line-height:1.1vw; letter-spacing:0.5px; } .detail_info_title { font-family:Poppins-Regular; font-size:1.8vw; line-height:3vw; letter-spacing:0px; display:block; } .detail_info_time { font-family:Poppins-Regular; font-size:1.8vw; line-height:2vw; letter-spacing:0px; /*display:block;*/ } #detail_form { margin:0; padding:0; width:33.3333333%; overflow:hidden; float:left; background-color:#680000; } #ticket_form_set { margin:0; padding:0; width:100%; background-color:#680000; } #reserve_ticket { margin:0; padding:0; width:50%; float:left; background-color:#360000; } #detail_form_blank { margin:0; padding:0; width:33.3333333%; overflow:hidden; float:left; } .reserve_blank1 { margin:0; padding:0; width:50%; float:left; background-color:#360000; } .reserve_blank2 { margin:0; padding:0; width:50%; float:left; background-color:#4A0000; } .reserve_blank3 { margin:0; padding:0; width:50%; float:left; background-color:#5E0000; } .reserve_blank4 { margin:0; padding:0; width:50%; float:left; background-color:#680000; } .reserve_blank5 { margin:0; padding:0; width:50%; float:left; background-color:#7C0000; } .reserve_blank6 { margin:0; padding:0; width:50%; float:left; background-color:#900000; } .reserve_form_blank { margin:0; padding:0; width:50%; float:left; background-color:#900000; } /*********** RESERVE FORM ***********/ #ticket_form_set { margin:0; padding:0 0 0 2%; width:96%; } .page_title { margin:0; padding:1vw 0 1.5vw 0; font-family:Poppins-Light; font-size:3vw; line-height:3vw; color:#FFF3E2; } .page_title span { display:block; font-family:JPLight; font-size:0.7vw; line-height:1.0vw; letter-spacing:1px; } .event_form_line { margin:0; padding:0; width:95%; height:3vw; font-family:JPLight; font-size:0.8vw; letter-spacing:1px; color:#FFF3E2; /*background-color:#093;*/ } .event_form_left { margin:0; padding:0.5vw 0 0 0; width:21%; height:3vw; line-height:3vw; float:left; /*background-color:#906;*/ } .event_form_right { margin:0; padding:0; width:85%; float:left; /*background-color:#CC3;*/ } .event_form_right_select { margin:0 0 0 -1.3%; padding:0; width:76%; float:left; /*background-color:#CC3;*/ } .event_form_right_name { margin:0 6.5% 0 -1.3%; padding:0; width:32.8125%; float:left; /*background-color:#CC3;*/ } .event_form_right_long { margin:0 4% 0 -1.3%; padding:0; width:72%; float:left; /*background-color:#CC3;*/ } .form_subtitle { font-family:Poppins-Light; font-size:0.6vw; } .name_form { margin:0; padding:0 10px; width:96%; height:2vw; border:0; font-size:1vw; font-weight:300; line-height:2vw; letter-spacing:1px; color:#900000; } .form_long { margin:0; padding:0 10px; width:100%; height:2vw; border:0; font-size:1vw; font-weight:300; line-height:2vw; letter-spacing:1px; color:#900000; } select { -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none; appearance:none; border-radius:0; border:0; margin:0; padding:0; background:none transparent; vertical-align:middle; font-size:1.8vw; color:#900000; box-sizing:content-box; } .custom { margin:0; padding:0; overflow:hidden; display:inline-block; /*display:inline; *zoom:1;*/ position:relative; background-color:#FFFFFF; } .custom > select { width:3vw; padding:0.5vw 1.5vw 0.5vw 0.5vw; font-size:0.8vw; } .custom:after { position:absolute; top:0; bottom:0; right:0; width:100%; display:block; content:""; background:url("../images/event/form_select_arrow.png") center no-repeat; background-size:cover; pointer-events:none; } /*********** RESERVATION INFO ***********/ #rsv_title { margin:0; padding:1.5vw 0 1vw 0; width:100%; font-family:JPLight; font-size:1.3vw; line-height:1.3vw; letter-spacing:1.5px; } #rsv_title span { font-size:0.9vw; } #rsv_notice { margin:0; padding:0; font-family:Poppins-Light,JPLight; font-size:0.6vw; display:block; } #rsv_text { margin:0; padding:0 0 1.5vw 0; width:100%; font-family:JPLight; font-size:0.7vw; line-height:1.0vw; letter-spacing:1px; } #rsv_text span { font-family:Poppins-Light; font-size:0.5vw; display:block; } .rsv_info_line { margin-bottom:0.5vw; } .rsv_left { margin0; padding:0; width:20%; font-family:JPLight; font-size:0.8vw; line-height:1.0vw; letter-spacing:1px; float:left; } .rsv_left span { font-family:Poppins-Light; font-size:0.6vw; display:block; } .rsv_right { margin:0; padding:0; width:80%; font-family:JPLight; font-size:0.8vw; line-height:1.0vw; letter-spacing:1px; float:left; /*overflow:hidden; white-space:nowrap; text-overflow:ellipsis;*/ } .rsv_right span { font-family:Poppins-Light; font-size:0.6vw; display:block; } /*********** RESTAURANT ***********/ .restaurant_title_food h1 { margin:0; padding:0 0 0 1.04vw; width:95%; font-family:Oswald-Light; font-size:6.2vw; line-height:10vw; color:#900000; } .restaurant_title_course h1 { margin:0; padding:0 0 0 1.04vw; width:95%; font-family:Oswald-Light; font-size:6.2vw; line-height:10vw; color:#900000; } .restaurant_title_pasta h1 { margin:0; padding:0 0 0 1.04vw; width:95%; font-family:Oswald-Light; font-size:6.2vw; line-height:10vw; color:#006600; } .restaurant_title_drink h1 { margin:0; padding:0 0 0 1.04vw; width:95%; font-family:Oswald-Light; font-size:6.2vw; line-height:10vw; color:#003366; } .food_box { margin:0; padding:0; width:50%; float:left; } #food_header_1 { width:33.3333333%; float:left; background-image:url(../images/restaurant/title_burger.jpg); background-size:190%; background-position:-4vw -2vw; background-repeat:no-repeat; } #food_text_1 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#680000; } #food_header_2 { width:33.3333333%; float:left; background-image:url(../images/restaurant/title_combo.jpg); background-size:210%; background-position:-9vw -1vw; background-repeat:no-repeat; } #food_text_2 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#900000; } #food_header_3 { width:33.3333333%; float:left; background-image:url(../images/restaurant/title_fritto.jpg); background-size:cover; background-repeat:no-repeat; } #food_text_3 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#CCCC33; } #food_header_4 { width:33.3333333%; float:left; background-image:url(../images/restaurant/title_oven.jpg); background-size:180%; background-position:-9vw -3vw; background-repeat:no-repeat; } #food_text_4 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#FF6600; } #food_header_5 { width:33.3333333%; float:left; background-image:url(../images/restaurant/title_pizza.jpg); background-size:180%; background-position:-9vw -3vw; background-repeat:no-repeat; } #food_text_5 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#006600; } #food_header_6 { width:33.3333333%; float:left; background-image:url(../images/restaurant/title_rice.jpg); background-size:180%; background-position:-9vw -3vw; background-repeat:no-repeat; } #food_text_6 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#CC9933; } #food_header_7 { width:33.3333333%; float:left; background-image:url(../images/restaurant/title_pasta.jpg); background-size:180%; background-position:-12vw -3vw; background-repeat:no-repeat; } #food_text_7 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#900000; } #food_header_8 { width:33.3333333%; float:left; background-image:url(../images/restaurant/title_meat.jpg); background-size:180%; background-position:-9vw -3vw; background-repeat:no-repeat; } #food_text_8 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#660000; } #food_header_9 { width:33.3333333%; float:left; background-image:url(../images/restaurant/title_hors.jpg); background-size:180%; background-position:-9vw -3vw; background-repeat:no-repeat; } #food_text_9 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#FFCC00; } #food_header_10 { width:33.3333333%; float:left; background-image:url(../images/restaurant/title_salad.jpg); background-size:180%; background-position:-9vw -3vw; background-repeat:no-repeat; } #food_text_10 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#66CC33; } #food_header_11 { width:33.3333333%; float:left; background-image:url(../images/restaurant/title_ala.jpg); background-size:220%; background-position:-9vw -5vw; background-repeat:no-repeat; } #food_text_11 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#CC6600; } #food_header_12 { width:33.3333333%; float:left; background-image:url(../images/restaurant/title_dessert.jpg); background-size:210%; background-position:-9vw -4vw; background-repeat:no-repeat; } #food_text_12 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#64ACF5; } /*新規作成*/ .food_boxNew { margin:0; padding:0; width:50%; float:left; } #food_headerNew_1 { width:33.3333333%; float:left; background-image:url(../images/restaurant/plate_image_sq.jpg); background-size:cover; background-repeat:no-repeat; } #food_textNew_1 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#680000; } #food_headerNew_2 { width:33.3333333%; float:left; background-image:url(../images/restaurant/plate_curry_sq.jpg); background-size:cover; background-repeat:no-repeat; } #food_textNew_2 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#900000; } #food_headerNew_3 { width:33.3333333%; float:left; background-image:url(../images/restaurant/plate_burg_sq.jpg); background-size:cover; background-repeat:no-repeat; } #food_textNew_3 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#CCCC33; } #food_headerNew_4 { width:33.3333333%; float:left; background-image:url(../images/restaurant/plate_pasta_sq.jpg); background-size:cover; background-repeat:no-repeat; } #food_textNew_4 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#FF6600; } .food_text_titleNew { margin:0; padding:0.5vw 0 0 2%; width:98%; font-family:Poppins-Light; font-size:2.5vw; line-height:2.5vw; } .food_menu_lineNew { margin:0; padding:0 0 0 2%; width:98%; } .food_menu_nameNew { margin:0; padding:0; width:98%; font-family:JPRegular; font-size:0.9vw; line-height:1.6vw; float:left; } .food_header_title { margin:0; padding:2%; font-family:Poppins-Light; font-size:2.7vw; line-height:2.5vw; letter-spacing:0px; color:#FFFFFF; display:block; } .food_text_title { margin:0; padding:0.5vw 0 0 2%; width:98%; font-family:Poppins-Light; font-size:2.5vw; line-height:2.5vw; } .food_menu_line { margin:0; padding:0 0 0 2%; width:98%; } .food_menu_name { margin:0; padding:0; width:70%; font-family:JPRegular; font-size:0.9vw; line-height:1.6vw; float:left; } .food_menu_price { margin:0; padding:0 2% 0 0; width:20%; font-family:JPRegular; font-size:0.9vw; line-height:1.6vw; text-align:right; float:right; } #course_box { margin:0; padding:0; width:100%; /*overflow:hidden;*/ position:relative; } #course_box span { margin:0; padding:0.625%; font-family:Poppins-Light; font-size:3.0vw; line-height:3.0vw; color:#FFFFFF; position:absolute; } #course_1 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/restaurant/course_main.jpg); background-size:100%; background-repeat:no-repeat; background-color:#030; } #course_2 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/restaurant/course_hors.jpg); background-size:cover; background-position:-5vw 0; background-repeat:no-repeat; background-color:#033; } #course_3 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/restaurant/course_pasta.jpg); background-size:180%; background-position:-7vw -2vw; background-repeat:no-repeat; background-color:#036; } #course_4 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/restaurant/course_meat.jpg); background-size:225%; background-position:-15vw -4vw; background-repeat:no-repeat; background-color:#039; } #course_5 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/restaurant/course_bread.jpg); background-size:200%; background-position:-6vw -3vw; background-repeat:no-repeat; background-color:#03C; } #course_6 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/restaurant/course_fish.jpg); background-size:220%; background-position:-5vw -4vw; background-repeat:no-repeat; background-color:#03F; } #course_7 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/restaurant/course_dessert.jpg); background-size:225%; background-position:-10vw -4vw; background-color:#930; } #course_8 { margin:0; padding:0; width:33.3333333%; float:left; color:#FFFFFF; background-color:#7A6A55; } #course_8 h2 { margin:0; padding:1.5vw 0 0 1vw; font-family:JPLight; font-size:1.5vw; line-height:2.0vw; letter-spacing:1px; } #course_8 small { font-size:0.7vw; } #course_8 p { padding-left:1vw; font-family:JPRegular; font-size:0.7vw; line-height:0.7vw; } #course_8 a { text-decoration:none; color:#FFFFFF; font-family:Oswald-Regular; font-size:2.4vw; line-height:1.8vw; } #course_8 .business_time { font-size: 1.4vw; } .p_blank { margin-top:-0.8vw; } #pasta_box { margin:0; padding:0; width:100%; overflow:hidden; color:#FFF3E2; } #pasta_1 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/restaurant/set_pasta_1.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#030; } #pasta_2 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/restaurant/set_pasta_2.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#033; } #pasta_3 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/restaurant/set_pasta_3.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#039; } #pasta_4 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/restaurant/set_pasta_4.jpg); background-size:160%; background-position:-5vw -1vw; background-repeat:no-repeat; background-color:#03C; } #pasta_5 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/restaurant/set_pasta_5.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#03F; } #pasta_6 { margin:0; padding:0; width:16.6666667%; font-family:JPUltraLight; font-size:11vw; text-align:center; float:left; background-color:#006600; } #pasta_7 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/restaurant/set_salad.jpg); background-size:160%; background-position:-9vw 0; background-repeat:no-repeat; background-color:#030; } #pasta_8 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/restaurant/set_bread.jpg); background-size:220%; background-position:-8vw -4vw; background-repeat:no-repeat; background-color:#030; } #pasta_9 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/restaurant/set_dessert.jpg); background-size:200%; background-position:-10vw -5vw; background-repeat:no-repeat; background-color:#030; } #pasta_10 { margin:0; padding:0; width:50%; float:left; background-color:#C20000; } #pasta_10 h2 { margin:0; padding:1vw 0 0 1vw; font-family:JPLight; font-size:1.8vw; line-height:2.0vw; letter-spacing:1px; } #pasta_10 h3 { margin:0; padding:1vw 0 0 1vw; font-family:JPLight; font-size:1.2vw; line-height:1.2vw; letter-spacing:1px; } #pasta_10 small { font-size:0.7vw; } #pasta_10 p { padding-left:1vw; font-family:JPLight; font-size:0.7vw; line-height:0.7vw; } #pasta_info_set { margin:0; padding:0; width:100%; font-family:JPLight; } #pasta_select_1 { margin-left:1vw; padding:0.4vw; width:35%; border:#FFF3E2 2px solid; border-radius:5px; float:left; font-family:JPRegular; } #pasta_select_1 dt { padding-left: 1vw; font-size:1.0vw; } #pasta_select_1 dd { margin-left: 1vw; font-size:0.9vw; line-height:1.2vw; } #pasta_select_2 { margin:0; padding-top:1vw; padding-left:1vw; width:5%; height:100%; font-size:3vw; text-align:center; float:left; font-family:JPRegular; } #pasta_select_3 { margin-left:1vw; padding:0.4vw; width:20%; border:#FFF3E2 2px solid; border-radius:5px; float:left; font-family:JPRegular; } #pasta_select_3 dt { padding-left:1vw; font-size:1.0vw; } #pasta_select_3 dd { margin-left: 1vw; font-size:0.9vw; line-height:1.2vw; } #drink_box { margin:0; padding:0; width:100%; height:auto; color:#FFF3E2; background-color:#003366; overflow: hidden;} #drink_set_last { display:block; } .drink_set { margin:0; padding:0; width:33.3333333%; overflow:hidden; float:left; background-color:#003366; } .drink_genre { margin:0; padding:3%; } .drink_genre h3 { margin:0; padding:0.5vw 0 0.5vw 0; font-family:Poppins-Light; font-size:2.4vw; line-height:2.5vw; letter-spacing:0px; } .drink_genre small { font-size:1.0vw; } .drink_text_set { margin:-1.5vw 0 0 0; padding:3%; } .drink_name { margin:0; padding:0; width:70%; font-family:JPRegular; font-size:0.9vw; line-height:1.5vw; float:left; } .drink_price { margin:0; padding:0; width:20%; font-family:JPRegular; font-size:0.9vw; line-height:1.5vw; text-align:right; float:left; } .drink_left { margin:0; padding:0; width:50%; font-family:JPRegular; font-size:0.9vw; line-height:1.4vw; float:left; } .drink_right { margin:0; padding:0; width:50%; font-family:JPRegular; font-size:0.9vw; line-height:1.4vw; text-align:left; float:left; } .drink_left p { margin:0; padding:0; width:100%; font-family:JPRegular; font-size:0.9vw; line-height:1.4vw; float:left; } .drink_right p { margin:0; padding:0; width:100%; font-family:JPRegular; font-size:0.9vw; line-height:1.4vw; text-align:left; float:left; } /*********** ABOUT ***********/ #about_gallery_photo_1 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/about/about_photo_1.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#900; } #about_gallery_photo_2 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/about/about_photo_2.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#930; } #about_gallery_photo_3 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/about/about_photo_3.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#960; } #about_gallery_photo_4 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/about/about_photo_4.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#990; } #about_gallery_photo_5 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/about/about_photo_5.jpg); background-size:160%; background-position:-3vw 0; background-repeat:no-repeat; background-color:#9C0; } #about_gallery_photo_6 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/about/about_photo_8.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#9F0; } #about_gallery_photo_7 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/about/about_photo_9.jpg); background-size:155%; background-position:-4.0vw 0; background-repeat:no-repeat; background-color:#C00; } #about_gallery_photo_8 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/about/about_photo_6.jpg); background-size:160%; background-position:-5.0vw 0; background-repeat:no-repeat; background-color:#C30; } #about_gallery_photo_9 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/about/about_photo_10.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#C60; } #about_gallery_photo_10 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/about/about_photo_11.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#C90; } #about_gallery_photo_11 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/about/about_photo_12.jpg); background-size:160%; background-position:-7vw 0; background-repeat:no-repeat; background-color:#CC0; } #about_gallery_photo_12 { margin:0; padding:0; width:16.6666667%; float:left; background-image:url(../images/about/about_photo_7.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#CF0; } #about_floor_1680 { margin:0; padding:0; width:100%; overflow:hidden; display:blcok; } #about_floor_main_1 { margin:0; padding:0; width:66.6666667%; float:left; /*background-color:#90C;*/ } #about_floor_main_1 img { width:100%; height:auto; } .about_btn_set_1 { margin:0; padding:0; width:16.6666667%; float:left; } .about_btn_1 { margin:0; padding:0; width:100%; background:#0FF; } #about_floor_1280 { display:none; } #about_floor_main_2 { margin:0; padding:0; width:66.6666667%; float:left; /*background-color:#90C;*/ } #about_floor_main_2 img { width:100%; height:auto; } .about_btn_set_2 { margin:0; padding:0; width:16.6666667%; float:left; } .about_btn_2 { margin:0; padding:0; width:100%; background:#0FF; } #about_b { margin:0; padding:0 0 0 1%; width:32.3333333%; float:left; color:#FFF3E2; background-color:#900000; } #about_b_info { font-size:0.7vw; line-height:1.2vw; } .b_info_left { margin:0; padding:0; width:10%; font-family:Poppins-Regular; float:left; } .b_info_center { margin:0; padding:0; width:2%; font-family:Poppins-Regular; float:left; } .b_info_right { margin:0; padding:0; width:88%; font-family:JPRegular; float:left; } #about_access h3 { font-family:JPLight; font-size:1.0vw; line-height:1.0vw; letter-spacing:1px; } #about_access p { font-family:JPRegular; font-size:0.7vw; line-height:0.7vw; } #about_contact { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; background-color:#680000; } #about_blank { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; background-color:#900000; } #about_blank_1 { margin:0; padding:0; width:50%; float:left; background-color:#5E0000; } #about_blank_2 { margin:0; padding:0; width:50%; float:left; background-color:#680000; } #about_blank_3 { margin:0; padding:0; width:50%; float:left; background-color:#7C0000; } #about_blank_4 { margin:0; padding:0; width:50%; float:left; background-color:#900000; } #about_past { margin:0; padding:1%; width:100%; color:#FFF3E2; background-color:#7A6A55; } #about_past_set { margin:0; padding:0; width:100%; } .about_past_box { margin:0; padding:0; width:33.3333333%; float:left; } .about_past_box p { font-family:JPRegular; font-size:0.7vw; line-height:1.0vw; } .about_past_box_last { display:none; } .about_btn_1 { width:100%; position:relative; float:left; background:#FFFFFF; } .about_btn_1 span { padding:1.25vw 0 0 1.25vw; font-family:Poppins-Light; font-size:2.7vw; line-height:2.7vw; position:absolute; color:#FFFFFF; } .about_btn_1 img { width:100%; height:auto; } .about_btn_1 small { padding:7.25vw 0 0 1.25vw; position:absolute; font-family:Poppins-Light; font-size:1.0vw; line-height:0vw; color:#FFFFFF; } #btn_send { width:100%; position:relative; background:#FFF3E2; display:block; } #btn_send span { padding:20px; font-family:JPLight; font-size:2.6vw; line-height:3.0vw; position:absolute; color:#FFF3E2; } #btn_send small { top:52%; left:1.5vw; font-family:Poppins-Regular; font-size:1.2vw; line-height:0vw; letter-spacing:0px; position: absolute; color:#FFF3E2; } #btn_send img { width:100%; height:auto; vertical-align:bottom; } /*********** MAIL FORM ***********/ #about_contact { margin:0; padding:0 0 0 1%; width:32.3333333%; float:left; color:#FFF3E2; background-color:#680000; } .form_memo { margin:0; padding:1px 5px; width:100%; resize:both; border:0; font-size:1vw; font-weight:300; line-height:1.4vw; letter-spacing:1px; color:#900000; } /*********** CONTENTS BOX ***********/ #contents_box { margin:0; padding:0; width:100%; overflow:hidden; } #text_box { margin:0; padding:0 1% 0 1%; width:31.3333333%; float:left; color:#FFF3E2; background-color:#900000; } #text_box h2 { margin:2vw 0 2vw 0; font-family:JPLight; font-size:1.3vw; line-height:1.3vw; letter-spacing:1px; } #text_box h3 { font-family:JPLight; font-size:0.9vw; line-height:0.9vw; letter-spacing:1px; } #text_box p { font-family:JPLight; font-size:0.6vw; line-height:0.9vw; letter-spacing:0px; } #text_ul li { margin-bottom:0.7vw; list-style:circle; font-family:JPLight; font-size:0.7vw; line-height:1.0vw; letter-spacing:0px; } #others_blank_1 { margin:0; padding:0; width:33.333333%; height:100%; float:left; overflow:hidden; } #others_blank_2 { margin:0; padding:0; width:33.333333%; height:100%; float:left; overflow:hidden; } .recruit_photo { width:33.3333333%; float:left; } .recruit_photo img { width:100%; height:auto; } /*********** PARTY ***********/ #party_box { margin:0; padding:0; width:100%; } #party_photo_1 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/party/party_photo_1.jpg); background-size:110%; background-position:0 -3vw; background-repeat:no-repeat; background-color:#030; } #party_photo_2 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/party/party_photo_2.jpg); background-size:110%; background-position:0 -1vw; background-repeat:no-repeat; background-color:#033; } #party_photo_3 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/party/party_photo_3.jpg); background-size:110%; background-position:0 -3vw; background-repeat:no-repeat; background-color:#036; } #party_photo_4 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/party/party_photo_4.jpg); background-size:150%; background-position:-9vw 0; background-repeat:no-repeat; background-color:#039; } #party_text_set { margin:0; padding:0; width:33.3333333%; float:left; } #party_text { margin:0; padding:0; width:100%; color:#FFF3E2; background-color:#7A6A55; } #party_thumb_1 { margin:0; padding:0; width:50%; float:left; background-image:url(../images/about/about_photo_1.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#03F; } #party_thumb_2 { margin:0; padding:0; width:50%; float:left; background-image:url(../images/about/about_photo_6.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#930; } #party_info { margin:0; padding:0; width:33.3333333%; float:left; background-color:#F2ECDD; } #party_title { padding:4% 3% 3% 3%; font-family:Poppins-Light; font-size:2.7vw; line-height:3.0vw; letter-spacing:0px; } #party_subtitle { padding:4% 3% 0 3%; font-family:JPLight; font-size:1.2vw; line-height:2.0vw; letter-spacing:0px; } .party_sentence { padding:3%; font-family:JPLight; font-size:0.8vw; line-height:1.6vw; letter-spacing:1px; } .party_sentence p { line-height:1.35vw; } .party_sentence span { margin:0; padding:0; font-family:JPRegular; font-size:1.0vw; line-height:1.0vw; display:block; } .party_sentence h3 { margin-top:1.5vw; font-family:Oswald-Regular; font-size:2.4vw; line-height:0vw; letter-spacing:-0.5px; } .party_sentence a { text-decoration:none; color:#7A6A55; } /*********** EQUIP ***********/ #equip_box { margin:0; padding:0; width:100%; } #equip_header { margin:0; padding:0; width:100%; background-image:url(../images/equip/equip_header.jpg); background-size:100%; background-position:0 -25vw; background-repeat:no-repeat; background-color:#C39; } #equip_line_1 { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; background-color:#7A6A55; } #equip_line_2 { margin:0; padding:0; width:33.3333333%; float:left; color:#7A6A55; background-color:#F2ECDD; } #equip_line_3 { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; background-color:#7A6A55; } #equip_line_break { display:none; } .equip_title { margin:0; padding:1.5vw 0 0.5vw 2%; width:98%; font-size:3.0vw; line-height:3.0vw; letter-spacing:0px; } .equip_title span { font-size:1.2vw; line-height:3.0vw; letter-spacing:0.2vw; display: block; } .set_left { margin:0; padding:0 0 1.5vw 2%; width:48%; float:left; /*background-color:#963;*/ } .set_right { margin:0; padding:0 0 1.5vw 2%; width:48%; float:left; /*background-color:#930;*/ } .set_genre { margin:0; padding:1vw 0 1vw 0; font-family:Poppins-Light; font-size:1.4vw; line-height:1.4vw; letter-spacing:0px; } .equip_name { margin:0; padding:0; width:90%; font-family:Poppins-Light; font-size:0.8vw; line-height:1.2vw; letter-spacing:0px; float:left; } .equip_num { margin:0; padding:0; width:5%; font-family:Poppins-Light; font-size:0.8vw; line-height:1.2vw; letter-spacing:0px; text-align:center; float:left; } /*********** SEARCH ***********/ #search_box { margin:0 0 5vw 0; padding:0; width:100%; } #search_notice { margin:0; padding:1%; font-family:JPLight; font-size:2.0vw; line-height:2.0vw; letter-spacing:1px; } #search_notice span { margin:0; padding:0; font-family:Poppins-Light; font-size:1.0vw; line-height:2.0vw; display:block; } .search_event { margin:0; padding:1%; } .search_event_date { width:9%; font-family:Poppins-Light; font-size:1.2vw; line-height:1.2vw; float:left; } .search_event_name { width:80%; font-family:JPLight; font-size:1.2vw; line-height:1.2vw; float:left; } .search_event a { text-decoration:none; color:#7A6A55; } /*********** FOOTER ***********/ footer { margin:0; padding:0; width:100%; color:#FFF3E2; background-color:#760000; } footer h1 { font-family:Poppins-Light; font-size:30px; line-height:40px; letter-spacing:0px; font-feature-settings:"palt"; } footer p { margin:0; padding:0; font-family:JPLight; font-size:10px; line-height:14px; text-align:justify; word-wrap:break-all; -webkit-hyphens:manual; -moz-hyphens:manual; -ms-hyphens:manual; hyphens:manual; } footer a { text-decoration:none; color:#FFF3E2; } .letter_kerning { letter-spacing:-2.5px; } .footer_btn { margin:0; padding:0; width:16.6666667%; /*height:auto;*/ position:relative; float:left; } .footer_btn span { padding:20px; font-family:JPLight; font-size:2.1vw; line-height:2.1vw; letter-spacing:0px; position:absolute; } .footer_btn small { font-family:Poppins-Regular; font-size:1.2vw; line-height:1.2vw; letter-spacing:0px; } .footer_btn img { width:100%; height:auto; vertical-align:bottom; } .company_info { width:33.33%; float:left; /*background-color:#CF6;*/ } #footer_title { margin:30px 0 30px 3.125%; padding:0; width:93.75%; /*background-color:#990;*/ } #footer_d_set { margin:0 0 0 3.125%; } #footer_d_logo { margin:0 3.125% 0 0; padding:0; width:30.625%; float:left; /*background-color:#060;*/ } #footer_d_logo img { width:95%; height:auto; } #footer_d_info { width:63.125%; float:left; /*background-color:#936;*/ } #d_info { margin:0 0 10px 0; padding:0; font-family:JPLight; font-size:10px; line-height:14px; /*text-align:justify;*/ word-wrap:break-all; -webkit-hyphens:manual; -moz-hyphens:manual; -ms-hyphens:manual; hyphens:manual; } #info_1280 { display:inline; } #d_address { font-family:JPLight; } #d_address p { font-family:JPLight; font-size:10px; /*text-align:justify;*/ word-wrap:break-all; -webkit-hyphens:manual; -moz-hyphens:manual; -ms-hyphens:manual; hyphens:manual; } #footer_b_logo { margin:0 0 0 0; width:100%; height:100px; text-align:center; vertical-align:bottom; line-height:100px; /*background-color:#066;*/ } #footer_b_logo img { width:160px; height:auto; } .restaurant_set { margin:30px 0 0 0; padding:0; width:33.33%; float:left; /*background-color:#C96;*/ } .restaurant_box { margin:0 0 80px 0; width:100%; } .restaurant_logo { margin:0 0 0 3.125%; width:31.25%; float:left; } /*.restaurant_logo img { width:100%; height:auto; }*/ .restaurant_info { margin:0 3.125% 0 3.125%; width:59.375%; float:left; } #logo_nikusuki { width:96%; height:auto; } #logo_choiura { width:91.5%; height:auto; } #logo_koko { width:86%; height:auto; } #logo_beerk { width:88%; height:auto; } #logo_tekkote { width:70.5%; height:auto; } #logo_saketo { width:100%; height:auto; } #logo_awakure { width:90%; height:auto; } } @media screen and (max-width:1280px) and (min-width:961px){ /*********** NAVI ***********/ #navi_sp_icon { display:none; } #navi_sp_set { visibility:hidden; } #navi_set { top:0; left:0; margin:0; padding:0; width:100%; height:120px; color:#FFF3E2; position:fixed; z-index:9999; background-color:rgba(0,0,0,0.9); } #logo_set { width:25%; height:120px; float:left; /*background-color:#930;*/ } #logo { margin:40px 0 0 20px; padding:0px; width:80%; height:auto; } #logo img { width:100%; height:auto; } #console_set { width:70%; height:120px; float:right; /*background-color:#90C;*/ } #navi_upper { height:60px; line-height:60px; /*background-color:#060;*/ } #upper_set { margin:0 20px 0 0; width:100%; height:60px; text-align:right; float:right; /*background-color:#03F;*/ } #navi_text { margin:0 0 0 3vw; padding:0; background-color:#090; } #navi_form { margin:0; padding:0; /*background-color:#990;*/ } #navi_upper ul,li { margin:0; padding:0 0 0 0; list-style:none; font-family:Oswald-Regular; font-size:2.3vw; line-height:60px; } #navi_upper li { margin:0 0 0 2.7vw; padding:0; float:left; } #navi_upper a { text-decoration:none; color:#FFF3E2; } #btn_search { margin:0; border:0px; width:24px; height:24px; background:url(../images/common/header_icons_search.png) left top no-repeat; vertical-align:middle; } #btn_search:hover { cursor:pointer; } .navi_search { margin:0; padding:0; width:130px; height:24px; border:1px #FFF3E2 solid; color:#FFF3E2; background-color:rgba(0,0,0,0); } #navi_bottom { height:60px; line-height:60px; } #sns_icon_set { margin:0; padding:0; height:60px; line-height:60px; float:right; } .sns_icon { margin:15px 1.7vw 0 0; padding:0; width:2.5vw; height:auto; } #info_set { height:60px; line-height:60px; float:right; /*background-color:#900;*/ } #info_set a { margin:0 1.7vw 0 0; text-decoration:none; color:#FFF3E2; font-family:Oswald-Regular; font-size:1.7vw; line-height:60px; } #info_set img { margin:0 10px 0 0; width:auto; height:1.7vw; } /*********** COMMON ***********/ .br_960 { display:none; } .block_blank { width:25%; display:block; float:left; background:#900; } .block_blank { display:none; } .block_blank_1 { width:25%; display:block; float:left; background:#900000; } .block_blank_2 { width:25%; display:block; float:left; background:#7C0000; } .block_blank_3 { width:25%; display:none; float:left; background:#680000; } .block_blank_4 { width:25%; display:none; float:left; background:#5E0000; } .block_blank_5 { width:25%; display:none; float:left; background:#4A0000; } .block_blank_6 { width:25%; display:none; float:left; background:#360000; } .block_blank_7 { width:25%; display:none; float:left; background:#2C0000; } /*#footer_bridge { display:none; }*/ #header { position: relative; } #whatsnew { margin: 0; position: absolute; } #whatsnew h1 { margin: 0; padding: 0.8vw; font-size: 3.0vw; line-height: 3.0vw; } .whats_topic { margin: 0; padding: 0.8vw; } .whats_topic h2 { margin: 0; font-size: 1.5vw; } .whats_topic p { margin: 0 0 1.5vw 0; font-size: 1.1vw; line-height: 1.5vw; } #top_info { margin:0 30px 0 0; padding:0; float:right; } #middle_wrapper { margin:0; padding:0; width:100%; /*background-color:#060;*/ } #contents_wrapper { margin:20px; padding:0; } .h1_page_title { font-family:Oswald-Regular; font-size:100px; line-height:100px; letter-spacing:0px; } .h1_page_title_vw { font-family:Oswald-Regular; font-size:5.2vw; line-height:100px; letter-spacing:0px; } .h1_en_300 { font-family:Poppins-Light; font-size:3vw; } .h1_en_400 { font-family:Poppins-Regular; font-size:100px; } .h1_en_500 { font-family:Poppins-Medium; font-size:3vw; } .h1_en_600 { font-family:Poppins-SemiBold; font-size:3vw; } .h1_en_700 { font-family:Poppins-Bold; font-size:3vw; } .subtitle_300 { font-family:Poppins-Medium; font-size:36px; } .subtitle_300_vw { font-family:Poppins-Medium; font-size:1.87vw; } .test_sentence_300 { font-family:Poppins-Light; font-size:14px; } .test_sentence_300_vw { font-family:Poppins-Light; font-size:0.73vw; } .test_sentence_400 { font-family:Poppins-Regular; font-size:1.4vw; } .test_sentence_500 { font-family:Poppins-Medium; font-size:1.4vw; } .test_sentence_600 { font-family:Poppins-SemiBold; font-size:1.4vw; } .test_sentence_700 { font-family:Poppins-Bold; font-size:1.4vw; } .h1_jp { font-size:1.4vw; font-weight:400; } .h2_jp { font-size:1.2vw; font-weight:400; } .head_submit { margin:0 10px 0 0; padding:0; float:left; } .top_header_title { margin: 0; padding: 0; width: 100%; height: 19vw; } .top_header_title h1 { padding:0 0 0 1.5vw; font-size: 8.0vw; line-height: 17vw; } .top_header_title p { margin-top: -3.5vw; padding:0 0 0 1.5vw; font-size: 1.3vw; line-height: 1.5vw; } .top_header_title span { padding-right: 1.04vw; font-size: 1.8vw; line-height: 17vw; letter-spacing: 0.2vw; float: right; } /*********** SP ***********/ #sp_header_title { margin:0; padding:0; width:100%; height:10vw; /*background-color:#060;*/ } #page_sp_title { margin:0; padding:0 0 0 1.04vw; width:35%; float:left; /*background-color:#900;*/ } #page_sp_title h1 { font-family:Oswald-Light; font-size:5.0vw; line-height:0.0vw; } #page_subtitle { margin:0; padding:0 1.04vw 0 0; width:60%; text-align: right; float:right; /*background-color: aliceblue;*/ } #page_subtitle h2 { font-family:JPLight; font-size:2.2vw; line-height: 6.4vw; letter-spacing: 0.2vw; } #sp_header { margin:0; padding:0; width:100%; background-image:url(../images/sp/B_12th_header.jpg); background-size:100%; background-position:0 center; background-repeat:no-repeat; background-color:#C39; } #line_1 { width:100%; float:left; color:#FFFFFF; background-color:aliceblue; } #line_2 { width:50%; float:left; color:#FFFFFF; background-color:#7A6A55; } #line_3 { width:50%; float:left; color:#7A6A55; background-color:#F2ECDD; } #line_2 { text-align: center; } .greeting_message { font-size: 1.6vw; line-height: 3.2vw; letter-spacing: 0.3vw; } .topic_title { font-size: 2.4vw; line-height: 1.0vw; } .topic_sentence { font-size: 1.2vw; line-height: 0.8vw; } .topic_info { font-size: 2.3vw; line-height: 0.4vw; } .topic_info span { font-size: 1.2vw; line-height: 3.8vw; display: block; } /*********** SP-FORM ***********/ .sp_notice { margin-top: 2vw; padding:0 3.0vw; font-size: 1.2vw; line-height: 1.8vw; letter-spacing: 0.1vw; } .sp_form { color: #7A6A55; } .sp_form_line { margin:0; padding:0 3.0vw; width:96%; height:3vw; font-family:JPLight; font-size:1.2vw; letter-spacing:1px; /*background-color:#093;*/ } .sp_form_left { margin:0; padding:2.5vw 0 0 0; width:23%; height:3vw; line-height:3vw; float:left; /*background-color:#906;*/ } .sp_form_right { margin:0; padding:0; width:80%; float:left; background-color:#CC3; } .sp_form_right_name { margin:0 5.5% 0 -1.3%; padding:0; width:30%; float:left; /*background-color:#CC3;*/ } .sp_form_right_long { margin:0 4% 0 -1.3%; padding:0; width:72%; float:left; /*background-color:#CC3;*/ } .qty_form { margin:0; padding:0 0.5vw; width:14%; height:3.5vw; border:0; font-size:1.8vw; font-weight:300; line-height:2vw; letter-spacing:1px; color:#7A6A55; } .sp_name_form { margin:0; padding:0 0.5vw; width:90%; height:3.5vw; border:0; font-size:1.8vw; font-weight:300; line-height:2vw; letter-spacing:1px; color:#7A6A55; } .sp_form_long { margin:0; padding:0 10px; width:85%; height:3.5vw; border:0; font-size:1.8vw; font-weight:300; line-height:2vw; letter-spacing:1px; color:#7A6A55; } #sp_form_btn_set { margin-top: 4vw; padding: 0 3.0vw; } #sp_btn_attend { font-family: JPLight; font-size:2.4vw; letter-spacing: 0.2vw; float: left; } #sp_btn_attend { margin-right: 5%; background-color: #900000; color: #fff; display: inline-block; width: 45%; height: 6vw; text-align: center; text-decoration: none; line-height: 6vw; outline: none; } #sp_btn_attend::before, #sp_btn_attend::after { position: absolute; z-index: -1; display: block; content: ''; } #sp_btn_attend, #sp_btn_attend::before, #sp_btn_attend::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; } #sp_btn_attend:hover { background-color: #680000; } #sp_btn_absent { font-family: JPLight; font-size:2.4vw; letter-spacing: 0.2vw; float: left; } #sp_btn_absent { background-color: #DFD3C4; color: #7A6A55; display: inline-block; width: 45%; height: 6vw; text-align: center; text-decoration: none; line-height: 6vw; outline: none; } #sp_btn_absent::before, #sp_btn_absent::after { position: absolute; z-index: -1; display: block; content: ''; } #sp_btn_absent, #sp_btn_absent::before, #sp_btn_absent::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; } #sp_btn_absent:hover { background-color: #CFC4B6; } /*********** TOP-EVENT ***********/ #top_today { width:33.3333333%; float: left; } #top_pickup { width:66.6666667%; float: left; } #top_event_clear { display: none; } .top_event_box { margin-bottom: 0vw; width: 100%; } .top_event_pickup_box { margin-bottom: 0vw; width: 50%; float: left; } .top_event_box_wanted { margin-bottom: 0vw; width: 100%; } .top_event_box_left { width: 23.75%; float: left; } .top_event_box_right { width: 1.78571429%; float: left; } .top_event_box_bottom { width: 100%; height: 0.7vw; float: left; } .top_event_date { font-size: 3.0vw; letter-spacing: -0.15vw; line-height: 3.0vw; } .top_event_date span { margin-top: -0.2vw; display: block; font-size: 1.8vw; letter-spacing: 0vw; line-height: 1.8vw; } .date_set { padding: 0.4vw; } .top_event_badge { background-color: aliceblue; } .top_event_photo { width: 74.4642857%; float: left; background-color: #C2CD80; } #top_event_wanted { width: 98.2142857%; float: left; } #top_event_wanted h1 { margin: 1.0vw 0 0 0; font-size: 4.2vw; line-height: 4.2vw; } #top_event_wanted p { margin-top: 7.0vw; font-size: 1.0vw; line-height: 1.3vw; } #top_event_wanted span { margin-top: 0.6vw; font-size: 1.2vw; line-height: 1.6vw; } .wanted_mail_icon { font-size: 1.9vw; } #top_event { margin:0; padding:0; } #top_event_box_today { margin:0; padding:0; width:25%; float:left; } #top_event_box_tonight { margin:0; padding:0; width:25%; float:left; } #top_event_box_pickup1 { margin:0; padding:0; width:25%; float:left; } #top_event_box_pickup2 { margin:0; padding:0; width:25%; float:left; } #top_event_box_pickup3 { margin:0; padding:0; width:25%; float:left; } #top_event_box_pickup4 { margin:0; padding:0; width:25%; float:left; } #top_event_box_pickup5 { margin:0; padding:0; width:25%; float:left; } #top_event_box_pickup6 { margin:0; padding:0; width:25%; float:left; } #top_event_box_pickup7 { margin:0; padding:0; width:25%; float:left; } .top_event_text { margin:0; padding:2%; width:96%; font-family:Poppins-Light; font-size:2.8vw; } .top_event_img { margin:0; padding:0; width:100%; /*background-color:#066;*/ } .top_event_img img { width:100%; height:auto; } .top_event_pickup_title { width:70%; float:left; position: relative; } .top_event_pickup_title span { top:65%; font-size: 0.8vw; line-height: 0.8vw; letter-spacing: 0.05vw; display: block; position: absolute; } .top_event_pickup_date { padding-top:3.0vw; width:30%; font-family:Poppins-Light; font-size:2.5vw; line-height:2.5vw; text-align:right; float:right; /*background-color:#F69;*/ } .top_event_pickup_date span { margin-top:0; display:block; font-size:1.5vw; line-height:1.0vw; letter-spacing:0px; } /*********** TOP-UPCOMING ***********/ #top_upcoming { margin:0; padding:0; width:50%; color:#FFF3E2; float:left; overflow:hidden; background-color:#4A0000; } #top_upcoming_set { margin:0; padding:0; width:100%; background-color:#4A0000; } #top_upcoming_title { margin:-1vw 0 0 0; padding:0 0 0 2%; width:96%; font-family: JPLight; font-size:2.2vw; letter-spacing: 0.1vw; position: relative; } #top_upcoming_title span { top: 20%; margin:0; width:96%; font-family:Poppins-Light; font-size:1.0vw; letter-spacing: 0vw; display: block; position: absolute; } #top_upcoming_list { margin:0; padding:0; } .top_upcoming_line { margin-bottom:0.1vw; padding:0 0 0 2.08333333%; width:97.9166667%; /*background-color:#F63;*/ } .upcoming_event_date { width:22%; font-family:Poppings-Light; font-size:1.1vw; float:left; } .upcoming_event_name { width:45%; font-family:JPLight; font-size:1.1vw; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left; } .upcoming_btn { margin-right:20px; font-family:JPLight; font-size:0.9vw; background-image:url(../images/common/btn_rsv_event_s.png); background-size:cover; float:right; } /*********** TOP-BTN_EVENT ***********/ #top_btn_event { width:25%; float:left; /*background-color:#09C;*/ } #btn_event { width:100%; position:relative; background:#4A0000; } #btn_event span { padding:20px; font-family: JPLight; font-size:3.2vw; line-height:3.2vw; position:absolute; color:#4A0000; } #btn_event small { padding-top: -4vw; font-family:Poppins-Regular; font-size:1.8vw; line-height:0vw; letter-spacing:0px; } #btn_event img { width:100%; height:100%; } /*********** TOP-B_APP ***********/ #b_app { margin:0; padding:0; width:50%; float:left; /*background-image:url(../images/common/b_app_set.jpg); background-size:cover;*/ } #b_app_set { width:100%; position:relative; } #b_app_txt { top:1.248vw; right:0; margin-right: 3vw; width:55%; font-family:JPMedium; font-size:1.6vw; line-height:1.6vw; text-align: right; position:absolute; color:#FFF; } #b_app_txt span { padding-top: 0.2vw; font-family: Poppins-Regular; font-size:4.8vw; line-height: 3.6vw; display: block; } #b_app_txt small { font-family: JPRegular; font-size:1.2vw; } #b_app_txt h3 { margin-top: 3.0vw; font-family: Poppins-Medium; font-size: 5.6vw; line-height: 0vw; letter-spacing: 0vw; color: #FFE400; } #b_app_badge { margin-top: -2vw; margin-left:13.5vw; width:50%; } #b_app_badge img { margin-bottom: 0.8vw; width:100%; height:auto; vertical-align:bottom; } /*********** TOP-SP_MENU ***********/ #sp_food { margin:0; padding:0; width:100%; } .sp_food_box { width: 25%; } #sp_food_over_1280 { display:none; } #sp_food_961_1280 { margin:0; padding:0; display:block; } #sp_food_641_960 { display:none; } #sp_food_640 { display:none; } #sp_menu_mid1 { width:50%; float:left; background-image:url(../images/restaurant/sp_food_1.jpg); background-size:cover; background-repeat:no-repeat; /*background-color:#000000;*/ background-position:-3.0vw 0vw; } #sp_menu_mid2_3 { width:50%; float:left; } #sp_menu_mid2 { width:100%; background-image:url(../images/restaurant/sp_food_2.jpg); background-size:cover; background-repeat:no-repeat; background-position:0vw -5vw; /*background-color:#000000;*/ } #sp_menu_mid3 { width:100%; /*background-color:#000000;*/ } #sp_menu_mid3_1 { width:50%; float:left; background-image:url(../images/restaurant/sp_food_3.jpg); background-size:cover; background-repeat:no-repeat; background-position:-4vw 0vw; /*background-color:#000000;*/ } #sp_menu_mid3_2 { width:50%; position:relative; float:left; background:#FFFFFF; } #sp_menu_mid3_2 span { padding:20px; font-family: JPLight; font-size:3.2vw; line-height:3.2vw; position:absolute; color:#FFFFFF; } #sp_menu_mid3_2 small { padding-top: -4vw; font-family:Poppins-Regular; font-size:1.8vw; line-height:0vw; letter-spacing:0px; top: 40%; left:2.0vw; position: absolute; color: #FFFFFF; } #sp_menu_mid3_2 img { width:100%; height:auto; } /*********** TOP-WEDDING ***********/ #wedding_banner { margin:0; padding:9.5vw 0 0 0; display:block; width:100%; height:100%; } #wedding_banner img { margin:17vw 0 3vw 0; padding:0; width:25%; height:auto; -webkit-filter:drop-shadow(0 0 15px #FFFBEC); } #wedding_banner p { margin:0 auto; padding:0; width:38%; font-family:JPRegular; font-size:1vw; letter-spacing:0.2vw; text-shadow:1px 1px 8px #FFFBEC; } /*********** TOP-ABOUT ***********/ #top_about { margin:0; padding:0; width:100%; } #about_photo { magin:0; padding:0; width:100%; float:left; background-color:#000000; } #about_layout { margin:0; padding:0; width:100%; float:left; background-image:url(../images/about/about_layout_1.jpg); background-repeat:no-repeat; background-size:cover; background-position:0 0; } .photo_thumb { margin:0; padding:0; width:25%; float:left; } #top_about_thumb1 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/about/about_photo_1.jpg); background-repeat:no-repeat; background-size:cover; background-position:-80px 0; } #top_about_thumb2 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/about/about_photo_2.jpg); background-repeat:no-repeat; background-size:cover; background-position:-60px 0; } #top_about_thumb3 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/about/about_photo_3.jpg); background-repeat:no-repeat; background-size:cover; background-position:0 0; } #top_about_thumb4 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/about/about_photo_4.jpg); background-repeat:no-repeat; background-size:cover; background-position:0 0; } #top_about_thumb5 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/about/about_photo_5.jpg); background-repeat:no-repeat; background-size:cover; background-position:-40px 0; } #top_about_thumb6 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/about/about_photo_6.jpg); background-repeat:no-repeat; background-size:cover; background-position:-60px 0; } #top_about_thumb7 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/about/about_photo_7.jpg); background-repeat:no-repeat; background-size:cover; background-position:0 0; } #top_about_btn { margin:0; padding:0; width:25%; position:relative; float:left; background-color:#360000; } #top_about_btn span { padding:20px; font-family: JPLight; font-size:3.2vw; line-height:3.2vw; position:absolute; color:#360000; } #top_about_btn small { padding-top: -4vw; font-family:Poppins-Regular; font-size:1.8vw; line-height:0vw; letter-spacing:0px; } #top_about_btn img { width:100%; height:auto; vertical-align:bottom; } /*********** TOP-PARTY ***********/ #party { background-size:100%; background-position:0 -8vw; } #party a { display:block; text-decoration:none; color:#FFF3E2; } #party_banner { margin:0; padding:0; display:table-cell; vertical-align:middle; width:100%; height:100%; } #party_banner img { margin:24vw auto; padding:0; width:20%; height:auto; /*-webkit-filter:drop-shadow(0 0 15px #FFFBEC);*/ } #party_banner p { margin:0 auto; padding:0; width:38%; font-family:JPRegular; font-size:1vw; letter-spacing:0.2vw; text-shadow:1px 1px 8px #FFFBEC; } /*********** TOP-ABOUT ***********/ #about { background-size:100%; background-position:0 -15vw; } #about a { display:block; text-decoration:none; color:#FFF3E2; } #about_banner { margin:0; padding:0; display:table-cell; vertical-align:middle; width:100%; height:100%; } #about_banner img { margin:24vw auto; padding:0; width:20%; height:auto; /*-webkit-filter:drop-shadow(0 0 15px #FFFBEC);*/ } #about_banner p { margin:0 auto; padding:0; width:38%; font-family:JPRegular; font-size:1vw; letter-spacing:0.2vw; text-shadow:1px 1px 8px #FFFBEC; } /*********** PAGE-HEADER ***********/ #header_title { margin:0; padding:0; width:100%; height:10vw; /*background-color:#060;*/ } #page_title h1 { margin:0; padding:0 0 0 1.04vw; width:45%; font-family:Oswald-Light; font-size:6.2vw; line-height:10vw; letter-spacing:-1px; float:left; /*background-color:#900;*/ } #page_title_long h1 { margin:0; padding:0 0 0 1.04vw; width:95%; font-family:Oswald-Light; font-size:6.2vw; line-height:10vw; letter-spacing:-1px; float:left; /*background-color:#900;*/ } #page_title_long a { text-decoration:none; color:#7A6A55; } #cal_link { margin: 0; padding: 1vw 0 0 1vw; width: 33%; font-size: 6.2vw; float: left;line-height: 10vw; text-align: left; /*background-color: #0CF;*/ } #cal_header_icon_set { margin: 0; padding: 1vw 0 0 0; width: 65%; line-height: 10vw; text-align: right; float: right; /*background-color: aliceblue;*/ } .icon_wrap { margin-left: 2.3vw; text-align: left; font-size: 1.6vw; line-height: 10vw; float: left; /*background-color: aquamarine;*/ } .icon_wrap img { width: 3.0vw; height: auto; vertical-align: middle; } #cal_switch { margin: 0; padding-right: 2%; width: 45%; line-height: 10vw; text-align: right; float: right; } #cal_switch img { width: 25%; height: auto; vertical-align: middle; } /*********** TOP-EVENT-CAL ***********/ #top_event_cal { margin:0; padding:5px; width:100%; /*background-color:#9F0;*/ } .top_cal_week { font-family:Poppins-Light; } .top_cal_week th { width:14.2857143%; } .top_dayBox { margin:0; padding:5px; vertical-align:top; border:#FFFFFF 2.5px solid; /*background-color:#7A6A55;*/ } .top_dayBox_1 { margin:0; padding:5px; vertical-align:top; border:#FFFFFF 2.5px solid; background-color:#7A6A55; } .top_dayBox_2 { margin:0; padding:5px; vertical-align:top; border:#FFFFFF 2.5px solid; background-color:#94846F; } .top_dayBox_3 { margin:0; padding:5px; vertical-align:top; border:#FFFFFF 2.5px solid; background-color:#A69681; } .top_dayBox_4 { margin:0; padding:5px; vertical-align:top; border:#FFFFFF 2.5px solid; background-color:#B5A591; } .top_dayBox_5 { margin:0; padding:5px; vertical-align:top; border:#FFFFFF 2.5px solid; background-color:#C7B8A5; } .top_dayBox_6 { margin:0; padding:5px; vertical-align:top; border:#FFFFFF 2.5px solid; background-color:#33CCFF; } .top_dayBox_7 { margin:0; padding:5px; vertical-align:top; border:#FFFFFF 2.5px solid; background-color:#FF99CC; } .top_dayDetail { margin:0.5vw 0 0 0; padding:0px; width:100%; border-collapse:collapse; table-layout:fixed; } .top_day_top { margin:0 0 0 0; padding:0; font-family:Poppins-Light; font-size:7vw; line-height:6vw; letter-spacing:-4px; text-align:left; color:#FFF; /*background-color:#9F0;*/ } .top_day_top a { color:#FFF; text-decoration:none; } .top_day_name { margin:-0.52vw 0 0 0; padding:5px; font-family:JPRegular; font-size:1.0vw; line-height:1.0vw; text-align:left; color:#FFF; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; /*background-color:#CF9;*/ } .top_day_name img { width: 3vw; height: auto; } /*********** EVENT-PICKUP ***********/ #event_pickup { margin:0; padding:0; width:100%; /*float:left;*/ } #event { margin:0; padding:0; } #event_box_today { margin:0; padding:0; width:25%; float:left; color:#FFF3E2; overflow:hidden; background-color:#900000; } #event_box_tonight { margin:0; padding:0; width:25%; float:left; color:#FFF3E2; overflow:hidden; background-color:#7C0000; } #event_box_pickup1 { margin:0; padding:0; width:25%; float:left; color:#FFF3E2; overflow:hidden; background-color:#680000; } #event_box_pickup2 { margin:0; padding:0; width:25%; float:left; color:#FFF3E2; overflow:hidden; background-color:#5E0000; } #event_box_pickup3 { margin:0; padding:0; width:25%; float:left; color:#FFF3E2; overflow:hidden; background-color:#4A0000; } #event_box_pickup4 { margin:0; padding:0; width:25%; float:left; color:#FFF3E2; overflow:hidden; background-color:#360000; } #event_box_pickup5 { margin:0; padding:0; width:25%; float:left; color:#FFF3E2; overflow:hidden; background-color:#2C0000; } #event_box_pickup6 { margin:0; padding:0; width:25%; float:left; color:#FFF3E2; overflow:hidden; background-color:#2C0000; } #event_box_pickup7 { margin:0; padding:0; width:25%; float:left; color:#FFF3E2; overflow:hidden; background-color:#2C0000; } #event_box_pickup8 { margin:0; padding:0; width:25%; float:left; color:#FFF3E2; overflow:hidden; background-color:#2C0000; } #event_box_pickup9 { margin:0; padding:0; width:25%; float:left; color:#FFF3E2; overflow:hidden; background-color:#2C0000; } #event_box_pickup10 { margin:0; padding:0; width:25%; float:left; color:#FFF3E2; overflow:hidden; background-color:#2C0000; } #event_box_pickup11 { margin:0; padding:0; width:25%; float:left; color:#FFF3E2; overflow:hidden; background-color:#2C0000; } .event_text { margin:0; padding:0 0 0 2%; width:96%; font-family:Poppins-Light; font-size:2.8vw; } .event_img { margin:0; padding:0;width:100%; /*background-color:#9C0;*/ } .event_img img { width:100%; height:auto; overflow:hidden; vertical-align:bottom; } .event_pickup_title { width:70%; float:left; position: relative; } .event_pickup_title span { top:65%; font-size: 0.7vw; line-height: 0.7vw; letter-spacing: 0.05vw; display: block; position: absolute; } .event_pickup_date { padding-top:3.0vw; width:30%; font-family:Poppins-Light; font-size:2.5vw; line-height:2.5vw; text-align:right; float:right; /*background-color:#F69;*/ } .event_pickup_date span { margin-top:0; display:block; font-size:1.5vw; line-height:1.0vw; letter-spacing:0px; } /*********** EVENT-UPCOMING ***********/ #event_upcoming { margin:0; padding:0; width:100%; height:auto; color:#FFF3E2; overflow:hidden; background-color:#4A0000; } #event_upcoming_set { margin:0; padding:0; width:100%; height:auto; background-color:#4A0000; } #event_upcoming_title { margin:-1vw 0 0 0; padding:0 0 0 2%; width:96%; font-family: JPLight; font-size:2.2vw; letter-spacing: 0.1vw; position: relative; } #event_upcoming_title span { top: 20%; margin:0; width:96%; font-family:Poppins-Light; font-size:1.0vw; letter-spacing: 0vw; display: block; position: absolute; } #event_upcoming_list { margin:0 0 4vw 0; padding:0; } .event_upcoming_line { margin-bottom:0.5vw; padding:0 0 0 2.08333333%; width:97.9166667%; height:auto; /*background-color:#F63;*/ } .event_upcoming_event_date { width:12%; font-family:Poppings-Light; font-size:1.2vw; float:left; /*background-color:#099;*/ } .event_upcoming_event_name { width:65%; font-family:JPLight; font-size:1.2vw; /*overflow:hidden; white-space:nowrap; text-overflow:ellipsis;*/ float:left; } .event_upcoming_event_name a { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display: block; } .event_upcoming_btn { margin-right:20px; font-family:JPLight; font-size:1.0vw; background-image:url(../images/common/btn_rsv_event_s.png); background-size:cover; float:right; } /*********** EVENT-UPCOMING_NEW ***********/ #event_upcoming_new { margin:0; padding:0; width:100%; color:#7A6A55; float:left; overflow:hidden; /*background-color:#4A0000;*/ } #event_upcoming_new_set { margin:0; padding:0; width:100%; /*background-color:#4A0000;*/ } .event_upcoming_line_date { width: 16.6666667%; float: left; color: #FFFFFF; /*background-color: #7A6A55;*/ } .event_upcoming_line_btn { width: 16.6666667%; height: 100%; float: right; color: #FFFFFF; /*background-color: #4A0000;*/ vertical-align: bottom; } .event_upcoming_line_photo { width: 25.4166667%; float: left; vertical-align: bottom; background-color: #333333; } .event_upcoming_line_photo img { width: 100%; height: 100%; } .event_upcoming_line_info { padding: 0 1% 0 1%; width: 39.2499996%; float: left; overflow: hidden; } .event_upcoming_line_name { font-size: 110%; line-height: 120%; } .event_upcoming_line_name span { margin-top: 1.0vw; font-size: 40%; line-height: 200%; display: block; } .event_upcoming_line_contents { margin-top: 1vw; font-size: 65%; line-height: 140%; } .event_month { font-size: 5vw; line-height: 7vw; letter-spacing: -0.1vw; } .event_day { padding-right: 0.5vw; font-size: 8.5vw; line-height: 8.5vw; letter-spacing: -0.1vw; } .event_day span { margin-top: -1.3vw; font-size: 2.8vw; line-height: 2.8vw; } .badge_call_new { width:100%; position:relative; background:#000000; } .badge_call_new span { padding:15px; font-family:Poppins-Light; font-size:1.4vw; line-height:2.0vw; position:absolute; color:#FFF3E2; } .badge_call_new img { width: 100%; height: auto; vertical-align: bottom; } .badge_out_new { bottom: 0; width:100%; position:relative; background:#000000; } .badge_out_new span { padding:2vw 15px 15px 15px; font-family:JPLight; font-size:3.0vw; line-height:2vw; position:absolute; color:#900000; } .badge_out_new small { font-family:Poppins-Regular; font-size:1.2vw; line-height:0vw; letter-spacing:0px; } .badge_out_new img { width:100%; height:auto; vertical-align:bottom; } .badge_wait_new { width:100%; position:relative; background:#900000; } .badge_wait_new span { padding:15px; font-family:Poppins-Light; font-size:2.0vw; line-height:2.4vw; position:absolute; color:#900000; } .badge_wait_new img { width:100%; height:auto; vertical-align:bottom; } .badge_now_new { width:100%; overflow:hidden; position:relative; background:#FFFFFF; } .badge_now_new span { padding:2vw 15px 15px 15px; overflow:hidden; font-family:JPLight; font-size:2.4vw; line-height:2.0vw; position:absolute; color:#900000; } .badge_now_new small { font-family:Poppins-Regular; font-size:1.2vw; line-height:0vw; letter-spacing:0px; } .badge_now_new img { width:100%; height:100%; overflow:hidden; vertical-align:bottom; } .badge_playguide_new { width:100%; overflow:hidden; position:relative; background:#FFFFFF; } .badge_playguide_new span { padding:1.2vw 1.2vw 1.2vw 1.2vw; overflow:hidden; font-family:JPLight; font-size:2.4vw; line-height:2.8vw; letter-spacing: -0.1vw; position:absolute; color:#003399; } .badge_playguide_new small { top: 8.0vw; left:1.2vw; font-family:Poppins-Regular; font-size:1.2vw; line-height:0vw; letter-spacing:0px; position: absolute; color:#003399; } .badge_playguide_new img { width:100%; height:100%; overflow:hidden; vertical-align:bottom; } .badge_wedding_new { width:100%; overflow:hidden; position:relative; background:#FFFFFF; } .badge_wedding_new span { padding:1.2vw 1.2vw 1.2vw 1.2vw; overflow:hidden; font-family:JPLight; font-size:2.4vw; line-height:2.8vw; letter-spacing: -0.1vw; position:absolute; color:#7A6A55; } .badge_wedding_new small { top: 8.0vw; left:1.2vw; font-family:Poppins-Regular; font-size:1.2vw; line-height:0vw; letter-spacing:0px; position: absolute; color:#7A6A55; } .badge_wedding_new img { width:100%; height:100%; overflow:hidden; vertical-align:bottom; } .badge_closed_new { bottom: 0; width:100%; position:relative; background:#444444; } .badge_closed_new span { padding:2vw 15px 15px 15px; font-family:JPLight; font-size:3.0vw; line-height:2vw; position:absolute; color:#666666; } .badge_closed_new small { font-family:Poppins-Regular; font-size:1.2vw; line-height:0vw; letter-spacing:0px; } .badge_closed_new img { width:100%; height:auto; vertical-align:bottom; } #event_footer { font-size: 7vw; } /*********** EVENT-DETAIL ***********/ #detail_header { margin:0; padding:0; width:50%; overflow:hidden; float:left; color:#FFF; background-color:#7A6A55; } #detail_title_set { margin:0; padding:0; width:100%; /*background-color:#0FF;*/ } #detail_genre { margin:0; padding:0 2% 0 2%; width:96%; font-family:JPRegular; font-size:1.5vw; line-height:3.5vw; letter-spacing:0px; /*background-color:#090;*/ } #detail_title { margin:0; padding:0 2% 0 2%; width:96%; font-family:JPRegular; font-size:2.8vw; line-height:3.2vw; letter-spacing:0px; word-wrap:break-word; /*float:left;*/ /*background-color:#CC0;*/ } #detail_photo { margin:0; padding:0; width:100%; background-color:#7A6A55; } #detail_photo img { margin:0; padding:0; width:100%; height:auto; vertical-align:bottom; } #detail_attention { margin:0; padding:0; width:50%; float:left; background-color:#7A6A55; } #detail_date { width:100%; height:100%; font-family:Poppins-Light; font-size:10vw; line-height:11vw; letter-spacing:-1px; text-align:right; float:left; color:#FFF3E2; background-color:#900000; } #detail_date span { margin:0; padding:0 2.0vw 0 0; font-size:6.5vw; line-height:2vw; display:block; } #detail_badge { margin:0; padding:0; width:50%; float:left; /*display:none;*/ } #badge_now { width:100%; position:relative; background:#900000; } #badge_now span { padding:3vw 15px 15px 15px; font-family:JPLight; font-size:4.4vw; line-height:3.0vw; position:absolute; color:#900000; } #badge_now small { font-family:Poppins-Regular; font-size:2.0vw; line-height:0vw; letter-spacing:0px; } #badge_now img { width:100%; height:auto; vertical-align:bottom; } #badge_playguide { width:100%; overflow:hidden; position:relative; background:#003399; } #badge_playguide span { padding:1.5vw 1.5vw 1.5vw 1.5vw; overflow:hidden; font-family:JPLight; font-size:3.6vw; line-height:4.1vw; letter-spacing: -0.1vw; position:absolute; color:#003399; } #badge_playguide small { top: 12.0vw; left:1.5vw; font-family:Poppins-Regular; font-size:1.8vw; line-height:0vw; letter-spacing:0px; position: absolute; color:#003399; } #badge_playguide img { width:100%; height:100%; overflow:hidden; vertical-align:bottom; } #badge_wedding { width:100%; overflow:hidden; position:relative; background:#7A6A55; } #badge_wedding span { padding:1.5vw 1.5vw 1.5vw 1.5vw; overflow:hidden; font-family:JPLight; font-size:3.6vw; line-height:4.1vw; letter-spacing: -0.1vw; position:absolute; color:#7A6A55; } #badge_wedding small { top: 12.0vw; left:1.5vw; font-family:Poppins-Regular; font-size:1.8vw; line-height:0vw; letter-spacing:0px; position: absolute; color:#7A6A55; } #badge_wedding img { width:100%; height:100%; overflow:hidden; vertical-align:bottom; } #badge_wait { width:100%; position:relative; background:#900000; } #badge_wait span { padding:20px; font-family:Poppins-Light; font-size:3.0vw; line-height:3.8vw; position:absolute; color:#900000; } #badge_wait img { width:100%; height:auto; vertical-align:bottom; } #badge_out { width:100%; position:relative; background:#900000; } #badge_out span { padding:3vw 20px 20px 20px; font-family:JPLight; font-size:5.2vw; line-height:3.5vw; position:absolute; color:#900000; } #badge_out small { font-family:Poppins-Regular; font-size:2.0vw; line-height:0vw; letter-spacing:0px; } #badge_out img { width:100%; height:auto; vertical-align:bottom; } #badge_closed { width:100%; position:relative; background:#666666; } #badge_closed span { padding:3vw 20px 20px 20px; font-family:JPLight; font-size:5.2vw; line-height:3.5vw; position:absolute; color:#666666; } #badge_closed small { font-family:Poppins-Regular; font-size:2.0vw; line-height:0vw; letter-spacing:0px; } #badge_closed img { width:100%; height:auto; vertical-align:bottom; } #badge_call { width:100%; position:relative; background:#FFF3E2; } #badge_call span { padding:20px; font-family:Poppins-Light; font-size:2.2vw; line-height:2.8vw; position:absolute; color:#FFF3E2; } #badge_call img { width:100%; height:auto; vertical-align:bottom; } #rsv_submit { margin:0; padding:0; text-align:left; border:0; background-color:transparent; cursor:pointer; } #reserve_ticket { margin:0; padding:0 0 0 0; width:50%; float:left; } #btn_reserve_ok { width:100%; position:relative; background:#FFF3E2; } /*#btn_reserve_ok span { padding:20px; font-family:Poppins-Light; font-size:5.2vw; line-height:5.0vw; position:absolute; color:#FFF3E2; }*/ #btn_reserve_ok span { padding:2vw 20px 20px 20px; font-family:JPLight; font-size:4.8vw; line-height:5.2vw; position:absolute; color:#FFF3E2; } #btn_reserve_ok small { top:55%; left:2vw; font-family:Poppins-Regular; font-size:1.8vw; line-height:0vw; letter-spacing:0px; position: absolute; color:#FFF3E2; } #btn_reserve_ok img { width:100%; height:auto; vertical-align:bottom; } #btn_reserve_out { width:100%; position:relative; background:#900000; } #btn_reserve_out span { padding:20px; font-family:Poppins-Light; font-size:5.2vw; line-height:5.0vw; position:absolute; color:#900000; } #btn_reserve_out img { width:100%; height:auto; vertical-align:bottom; } #btn_back_edit { width:100%; position:relative; background:#FFFFFF; } /*#btn_back_edit span { padding:20px; font-family:Poppins-Light; font-size:5.2vw; line-height:5.0vw; position:absolute; color:#FFFFFF; }*/ #btn_back_edit span { padding:1vw 20px 20px 20px; font-family:JPLight; font-size:5.0vw; line-height:5.4vw; position:absolute; color:#FFFFFF; } #btn_back_edit small { top:55%; left:2vw; font-family:Poppins-Regular; font-size:2.0vw; line-height:0vw; letter-spacing:0px; position: absolute; color:#FFFFFF; } #btn_back_edit img { width:100%; height:auto; vertical-align:bottom; } #detail_blank { margin:0; padding:0; width:50%; overflow:hidden; float:left; display:none; } .detail_box_1 { margin:0; padding:0; width:50%; float:left; background-color:#94846F; } .detail_box_2 { margin:0; padding:0; width:50%; float:left; background-color:#A69681; } .detail_box_3 { margin:0; padding:0; width:50%; float:left; background-color:#B5A591; } .detail_box_4 { margin:0; padding:0; width:50%; float:left; background-color:#C7B8A5; } #detail_info { margin:0; padding:0 1% 0 1%; width:48%; float:left; color:#FFF3E2; background-color:#900000; } #detail_info a { text-decoration:none; color:#FFF3E2; } #detail_info_set { margin:0 0 20px 0; padding:0; font-family:JPRegular; font-size:0.95vw; line-height:1.6vw; letter-spacing:0.5px; } #detail_info_set_time { margin:0 0 0 0; padding:0; font-family:JPRegular; font-size:0.95vw; line-height:1.6vw; letter-spacing:0.5px; } .detail_info_title { font-family:Poppins-Regular; font-size:2.6vw; line-height:4.6vw; letter-spacing:0px; display:block; } .detail_info_time { font-family:Poppins-Regular; font-size:2.6vw; line-height:3.8vw; letter-spacing:0px; /*display:block;*/ } #detail_form { margin:0; padding:0; width:50%; overflow:hidden; float:left; background-color:#680000; } #ticket_form_set { margin:0; padding:0; width:100%; background-color:#680000; } #reserve_ticket { margin:0; padding:0; width:50%; float:left; background-color:#360000; } #detail_form_blank { margin:0; padding:0; width:50%; overflow:hidden; float:left; display:none; } .reserve_blank1 { margin:0; padding:0; width:50%; float:left; background-color:#360000; } .reserve_blank2 { margin:0; padding:0; width:50%; float:left; background-color:#4A0000; } .reserve_blank3 { margin:0; padding:0; width:50%; float:left; background-color:#5E0000; } .reserve_blank4 { margin:0; padding:0; width:50%; float:left; background-color:#680000; } .reserve_blank5 { margin:0; padding:0; width:50%; float:left; background-color:#7C0000; } .reserve_blank6 { margin:0; padding:0; width:50%; float:left; background-color:#900000; } .reserve_form_blank { margin:0; padding:0; width:50%; float:left; background-color:#900000; } /*********** RESERVE FORM ***********/ #ticket_form_set { margin:0; padding:0 0 0 2%; width:96%; } .page_title { margin:0; padding:1vw 0 1.5vw 0; font-family:Poppins-Light; font-size:4vw; line-height:4vw; color:#FFF3E2; } .page_title span { display:block; font-family:JPLight; font-size:1.3vw; line-height:1.7vw; letter-spacing:1px; } .event_form_line { margin:0; padding:0; width:95%; height:4vw; font-family:JPLight; font-size:1.3vw; letter-spacing:1px; color:#FFF3E2; /*background-color:#093;*/ } .event_form_left { margin:0; padding:0.5vw 0 0 0; width:21%; height:5vw; line-height:5vw; float:left; /*background-color:#906;*/ } .event_form_right { margin:0; padding:0; width:85%; float:left; /*background-color:#CC3;*/ } .event_form_right_select { margin:0 0 0 -1.3%; padding:0; width:76%; float:left; /*background-color:#CC3;*/ } .event_form_right_name { margin:0 6.5% 0 -1.3%; padding:0; width:32.8125%; float:left; /*background-color:#CC3;*/ } .event_form_right_long { margin:0 4% 0 -1.3%; padding:0; width:72%; float:left; /*background-color:#CC3;*/ } .form_subtitle { font-family:Poppins-Light; font-size:1.2vw; } .name_form { margin:0; padding:0 10px; width:96%; height:3vw; border:0; font-size:1.2vw; font-weight:300; line-height:2vw; letter-spacing:1px; color:#900000; } .form_long { margin:0; padding:0 10px; width:100%; height:3vw; border:0; font-size:1.2vw; font-weight:300; line-height:2vw; letter-spacing:1px; color:#900000; } select { -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none; appearance:none; border-radius:0; border:0; margin:0; padding:0; background:none transparent; vertical-align:middle; font-size:2.5vw; color:#900000; box-sizing:content-box; } .custom { margin:0; padding:0; overflow:hidden; display:inline-block; /*display:inline; *zoom:1;*/ position:relative; background-color:#FFFFFF; } .custom > select { width:5vw; padding:0.5vw 1.5vw 0.5vw 0.5vw; font-size:1.2vw; } .custom:after { position:absolute; top:0; bottom:0; right:0; width:100%; display:block; content:""; background:url("../images/event/form_select_arrow.png") center no-repeat; background-size:cover; pointer-events:none; } /*********** RESERVATION INFO ***********/ #rsv_title { margin:0; padding:2vw 0 2vw 0; width:100%; font-family:JPLight; font-size:2.3vw; line-height:2.3vw; letter-spacing:1px; } #rsv_title span { font-size:1.2vw; } #rsv_notice { margin:0; padding:0; font-family:Poppins-Light,JPLight; font-size:1.0vw; display:block; } #rsv_text { margin:0; padding:0 0 3vw 0; width:100%; font-family:JPLight; font-size:1.2vw; line-height:1.4vw; letter-spacing:1px; } #rsv_text span { font-family:Poppins-Light; font-size:0.9vw; display:block; } .rsv_info_line { margin-bottom:1.0vw; } .rsv_left { margin0; padding:0; width:20%; font-family:JPLight; font-size:1.2vw; line-height:1.4vw; letter-spacing:1px; float:left; } .rsv_left span { font-family:Poppins-Light; font-size:0.9vw; display:block; } .rsv_right { margin:0; padding:0; width:80%; font-family:JPLight; font-size:1.2vw; line-height:1.4vw; letter-spacing:1px; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .rsv_right span { font-family:Poppins-Light; font-size:0.9vw; display:block; } /*********** RESTAURANT ***********/ .restaurant_title_food h1 { margin:0; padding:0 0 0 1.04vw; width:95%; font-family:Oswald-Light; font-size:6.2vw; line-height:10vw; letter-spacing:-1px; color:#900000; } .restaurant_title_course h1 { margin:0; padding:0 0 0 1.04vw; width:95%; font-family:Oswald-Light; font-size:6.2vw; line-height:10vw; letter-spacing:-1px; color:#900000; } .restaurant_title_pasta h1 { margin:0; padding:0 0 0 1.04vw; width:95%; font-family:Oswald-Light; font-size:6.2vw; line-height:10vw; letter-spacing:-1px; color:#006600; } .restaurant_title_drink h1 { margin:0; padding:0 0 0 1.04vw; width:95%; font-family:Oswald-Light; font-size:6.2vw; line-height:10vw; letter-spacing:-1px; color:#003366; } .food_box { margin:0; padding:0; width:100%; float:left; } #food_header_1 { width:25%; float:left; background-image:url(../images/restaurant/title_burger.jpg); background-size:190%; background-position:-4vw -2vw; background-repeat:no-repeat; } #food_text_1 { width:75%; float:left; color:#FFF3E2; background-color:#680000; } #food_header_2 { width:25%; float:left; background-image:url(../images/restaurant/title_combo.jpg); background-size:210%; background-position:-9vw -1vw; background-repeat:no-repeat; } #food_text_2 { width:75%; float:left; color:#FFF3E2; background-color:#900000; } #food_header_3 { width:25%; float:left; background-image:url(../images/restaurant/title_fritto.jpg); background-size:cover; background-repeat:no-repeat; } #food_text_3 { width:75%; float:left; color:#FFF3E2; background-color:#CCCC33; } #food_header_4 { width:25%; float:left; background-image:url(../images/restaurant/title_oven.jpg); background-size:180%; background-position:-9vw -3vw; background-repeat:no-repeat; } #food_text_4 { width:75%; float:left; color:#FFF3E2; background-color:#FF6600; } #food_header_5 { width:25%; float:left; background-image:url(../images/restaurant/title_pizza.jpg); background-size:180%; background-position:-9vw -3vw; background-repeat:no-repeat; } #food_text_5 { width:75%; float:left; color:#FFF3E2; background-color:#006600; } #food_header_6 { width:25%; float:left; background-image:url(../images/restaurant/title_rice.jpg); background-size:180%; background-position:-9vw -3vw; background-repeat:no-repeat; } #food_text_6 { width:75%; float:left; color:#FFF3E2; background-color:#CC9933; } #food_header_7 { width:25%; float:left; background-image:url(../images/restaurant/title_pasta.jpg); background-size:180%; background-position:-12vw -3vw; background-repeat:no-repeat; } #food_text_7 { width:75%; float:left; color:#FFF3E2; background-color:#900000; } #food_header_8 { width:25%; float:left; background-image:url(../images/restaurant/title_meat.jpg); background-size:180%; background-position:-9vw -3vw; background-repeat:no-repeat; } #food_text_8 { width:75%; float:left; color:#FFF3E2; background-color:#660000; } #food_header_9 { width:25%; float:left; background-image:url(../images/restaurant/title_hors.jpg); background-size:180%; background-position:-9vw -3vw; background-repeat:no-repeat; } #food_text_9 { width:75%; float:left; color:#FFF3E2; background-color:#FFCC00; } #food_header_10 { width:25%; float:left; background-image:url(../images/restaurant/title_salad.jpg); background-size:180%; background-position:-9vw -3vw; background-repeat:no-repeat; } #food_text_10 { width:75%; float:left; color:#FFF3E2; background-color:#66CC33; } #food_header_11 { width:25%; float:left; background-image:url(../images/restaurant/title_ala.jpg); background-size:220%; background-position:-9vw -5vw; background-repeat:no-repeat; } #food_text_11 { width:75%; float:left; color:#FFF3E2; background-color:#CC6600; } #food_header_12 { width:25%; float:left; background-image:url(../images/restaurant/title_dessert.jpg); background-size:210%; background-position:-9vw -4vw; background-repeat:no-repeat; } #food_text_12 { width:75%; float:left; color:#FFF3E2; background-color:#64ACF5; } /*新規作成*/ .food_boxNew { margin:0; padding:0; width:100%; float:left; } #food_headerNew_1 { width:25%; float:left; background-image:url(../images/restaurant/plate_image_sq.jpg); background-size:cover; background-repeat:no-repeat; } #food_textNew_1 { width:75%; float:left; color:#FFF3E2; background-color:#680000; } #food_headerNew_2 { width:25%; float:left; background-image:url(../images/restaurant/plate_curry_sq.jpg); background-size:cover; background-repeat:no-repeat; } #food_textNew_2 { width:75%; float:left; color:#FFF3E2; background-color:#900000; } #food_headerNew_3 { width:25%; float:left; background-image:url(../images/restaurant/plate_burg_sq.jpg); background-size:cover; background-repeat:no-repeat; } #food_textNew_3 { width:75%; float:left; color:#FFF3E2; background-color:#CCCC33; } #food_headerNew_4 { width:25%; float:left; background-image:url(../images/restaurant/plate_pasta_sq.jpg); background-size:cover; background-repeat:no-repeat; } #food_textNew_4 { width:75%; float:left; color:#FFF3E2; background-color:#FF6600; } .food_text_titleNew { margin:0; padding:0 0 0 2%; width:98%; font-family:Poppins-Light; font-size:3.5vw; line-height:2.5vw; } .food_menu_lineNew { margin:0; padding:0 0 0 2%; width:98%; } .food_menu_nameNew { margin:0; padding:0; width:98%; font-family:JPRegular; font-size:1.5vw; line-height:2.4vw; float:left; } .food_header_title { margin:0; padding:2%; font-family:Poppins-Light; font-size:4.5vw; line-height:4.3vw; letter-spacing:0px; color:#FFFFFF; display:block; } .food_text_title { margin:0; padding:0 0 0 2%; width:98%; font-family:Poppins-Light; font-size:3.5vw; line-height:2.5vw; } .food_menu_line { margin:0; padding:0 0 0 2%; width:98%; } .food_menu_name { margin:0; padding:0; width:69%; font-family:JPRegular; font-size:1.5vw; line-height:2.4vw; float:left; } .food_menu_price { margin:0; padding:0 1% 0 0; width:29%; font-family:JPRegular; font-size:1.5vw; line-height:2.4vw; text-align:right; float:left; } #course_box { margin:0; padding:0; width:100%; /*overflow:hidden;*/ position:relative; } #course_box span { margin:0; padding:0.625%; font-family:Poppins-Light; font-size:4.5vw; line-height:4.5vw; color:#FFFFFF; position:absolute; } #course_1 { margin:0; padding:0; width:50%; float:left; background-image:url(../images/restaurant/course_main.jpg); background-size:100%; background-repeat:no-repeat; background-color:#030; } #course_2 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/restaurant/course_hors.jpg); background-size:cover; background-position:-5vw 0; background-repeat:no-repeat; background-color:#033; } #course_3 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/restaurant/course_pasta.jpg); background-size:180%; background-position:-7vw -2vw; background-repeat:no-repeat; background-color:#036; } #course_4 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/restaurant/course_meat.jpg); background-size:225%; background-position:-15vw -4vw; background-repeat:no-repeat; background-color:#039; } #course_5 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/restaurant/course_bread.jpg); background-size:200%; background-position:-6vw -3vw; background-repeat:no-repeat; background-color:#03C; } #course_6 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/restaurant/course_fish.jpg); background-size:220%; background-position:-5vw -4vw; background-repeat:no-repeat; background-color:#03F; } #course_7 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/restaurant/course_dessert.jpg); background-size:225%; background-position:-10vw -4vw; background-color:#930; } #course_8 { margin:0; padding:0; width:50%; float:left; color:#FFFFFF; background-color:#7A6A55; } #course_8 h2 { margin:0; padding:2vw 0 0 2vw; font-family:JPLight; font-size:2.5vw; line-height:3.0vw; letter-spacing:1px; } #course_8 small { font-size:1.0vw; } #course_8 p { padding-left:2vw; font-family:JPRegular; font-size:1.1vw; line-height:0.9vw; } #course_8 a { text-decoration:none; color:#FFFFFF; font-family:Oswald-Regular; font-size:3.4vw; line-height:2.0vw; } #course_8 .business_time { font-size: 1.8vw; } .p_blank { margin-top:-1.0vw; } #pasta_box { margin:0; padding:0; width:100%; overflow:hidden; color:#FFF3E2; } #pasta_1 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/restaurant/set_pasta_1.jpg); background-size:170%; background-position:-6vw -1vw; background-repeat:no-repeat; background-color:#030; } #pasta_2 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/restaurant/set_pasta_2.jpg); background-size:180%; background-position:-5vw -2vw; background-repeat:no-repeat; background-color:#033; } #pasta_3 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/restaurant/set_pasta_3.jpg); background-size:180%; background-position:-6vw -2vw; background-repeat:no-repeat; background-color:#039; } #pasta_4 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/restaurant/set_pasta_4.jpg); background-size:180%; background-position:-6vw -2vw; background-repeat:no-repeat; background-color:#03C; } #pasta_5 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/restaurant/set_pasta_5.jpg); background-size:170%; background-position:-5vw -2vw; background-repeat:no-repeat; background-color:#03F; } #pasta_6 { margin:0; padding:0; width:25%; font-family:JPUltraLight; font-size:16vw; text-align:center; float:left; background-color:#006600; } #pasta_7 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/restaurant/set_salad.jpg); background-size:160%; background-position:-9vw 0; background-repeat:no-repeat; background-color:#030; } #pasta_8 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/restaurant/set_bread.jpg); background-size:220%; background-position:-12vw -8vw; background-repeat:no-repeat; background-color:#030; } #pasta_9 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/restaurant/set_dessert.jpg); background-size:200%; background-position:-10vw -8vw; background-repeat:no-repeat; background-color:#030; } #pasta_10 { margin:0; padding:0; width:75%; float:left; background-color:#C20000; } #pasta_10 h2 { margin:0; padding:2vw 0 0 2vw; font-family:JPLight; font-size:2.5vw; line-height:3.0vw; letter-spacing:1px; } #pasta_10 h3 { margin:0; padding:1.0vw 0 0 2vw; font-family:JPLight; font-size:2.0vw; line-height:2.0vw; letter-spacing:1px; } #pasta_10 small { font-size:1.0vw; } #pasta_10 p { padding-left:1vw; font-family:JPLight; font-size:0.8vw; line-height:0.8vw; } #pasta_info_set { margin:0; padding:0; width:100%; font-family:JPRegular; } #pasta_select_1 { margin-left:2vw; padding:0.8vw; width:30%; border:#FFF3E2 2px solid; border-radius:5px; float:left; } #pasta_select_1 dt { padding-left:2vw; font-size:1.6vw; } #pasta_select_1 dd { margin-left: 2vw; font-size:1.2vw; line-height:1.6vw; } #pasta_select_2 { margin:0; padding-top:2vw; padding-left:2vw; width:5%; height:100%; font-size:4vw; text-align:center; float:left; } #pasta_select_3 { margin-left:2vw; padding:0.8vw; width:20%; border:#FFF3E2 2px solid; border-radius:5px; float:left; } #pasta_select_3 dt { padding-left:2vw; font-size:1.6vw; } #pasta_select_3 dd { margin-left: 2vw; font-size:1.2vw; line-height:1.6vw; } #drink_box { margin:0; padding:0; width:100%; height:auto; color:#FFF3E2; background-color:#003366; overflow: hidden;} #drink_set_last { display:block; } .drink_set { margin:0; padding:0; width:50%; overflow:hidden; float:left; background-color:#003366; } .drink_genre { margin:0; padding:0 0 0 3%; width:97%; } .drink_genre h3 { margin:0; padding:2.5vw 0 2.5vw 0; font-family:Poppins-Light; font-size:3.5vw; line-height:3.8vw; letter-spacing:-0.5px; } .drink_genre small { font-size:1.6vw; } .drink_text_set { margin:-1.5vw 0 0 0; padding:3%; } .drink_name { margin:0; padding:0; width:70%; font-family:JPRegular; font-size:1.2vw; line-height:2.2vw; float:left; } .drink_price { margin:0; padding:0; width:20%; font-family:JPRegular; font-size:1.2vw; line-height:2.2vw; text-align:right; float:left; } .drink_left { margin:0; padding:0; width:50%; font-family:JPRegular; font-size:1.2vw; line-height:2.2vw; float:left; } .drink_right { margin:0; padding:0; width:50%; font-family:JPRegular; font-size:1.2vw; line-height:2.2vw; text-align:left; float:left; } .drink_left p { margin:0; padding:0; width:100%; font-family:JPRegular; font-size:1.2vw; line-height:2.2vw; float:left; } .drink_right p { margin:0; padding:0; width:100%; font-family:JPRegular; font-size:1.2vw; line-height:2.2vw; text-align:left; float:left; } /*********** ABOUT ***********/ #about_gallery { margin:0; padding:0; width:100%; overflow:hidden; } #about_gallery_photo_1 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/about/about_photo_1.jpg); background-size:160%; background-position:-8vw 0; background-repeat:no-repeat; background-color:#900; } #about_gallery_photo_2 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/about/about_photo_2.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#930; } #about_gallery_photo_3 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/about/about_photo_3.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#960; } #about_gallery_photo_4 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/about/about_photo_4.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#990; } #about_gallery_photo_5 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/about/about_photo_5.jpg); background-size:160%; background-position:-3vw 0; background-repeat:no-repeat; background-color:#9C0; } #about_gallery_photo_6 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/about/about_photo_8.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#9F0; } #about_gallery_photo_7 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/about/about_photo_9.jpg); background-size:155%; background-position:-6.0vw 0; background-repeat:no-repeat; background-color:#C00; } #about_gallery_photo_8 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/about/about_photo_6.jpg); background-size:160%; background-position:-5.0vw 0; background-repeat:no-repeat; background-color:#C30; } #about_gallery_photo_9 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/about/about_photo_10.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#C60; } #about_gallery_photo_10 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/about/about_photo_11.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#C90; } #about_gallery_photo_11 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/about/about_photo_12.jpg); background-size:160%; background-position:-7vw 0; background-repeat:no-repeat; background-color:#CC0; } #about_gallery_photo_12 { margin:0; padding:0; width:25%; float:left; background-image:url(../images/about/about_photo_7.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#CF0; } #about_floor_1680 { display:none; } #about_floor_main_1 { margin:0; padding:0; width:66.6666667%; float:left; /*background-color:#90C;*/ } #about_floor_main_1 img { width:100%; height:auto; } .about_btn_set_1 { margin:0; padding:0; width:16.6666667%; float:left; } .about_btn_1 { margin:0; padding:0; width:100%; background:#0FF; } #about_floor_1280 { margin:0; padding:0; width:100%; overflow:hidden; display:block; } #about_floor_main_2 { margin:0; padding:0; width:100%; float:left; /*background-color:#90C;*/ } #about_floor_main_2 img { width:100%; height:auto; } .about_btn_set_2 { margin:0; padding:0; width:50%; float:left; } .about_btn_2 { margin:0; padding:0; width:50%; float:left; background:#0FF; } .about_btn_2 { width:50%; position:relative; float:left; background:#FFFFFF; } .about_btn_2 span { padding:1.25vw 0 0 1.25vw; font-family:Poppins-Light; font-size:4.3vw; line-height:4.0vw; position:absolute; color:#FFFFFF; } .about_btn_2 img { width:100%; height:auto; } .about_btn_2 small { padding:10.25vw 0 0 1.25vw; position:absolute; font-family:Poppins-Light; font-size:1.8vw; line-height:0vw; color:#FFFFFF; } #about_b { margin:0; padding:0 0 0 1%; width:49%; float:left; color:#FFF3E2; background-color:#900000; } #about_b_info { margin:0 0 2vw 0; padding:0; font-size:1.2vw; line-height:1.8vw; text-decoration:none; } .b_info_left { margin:0; padding:0; width:11%; font-family:Poppins-Regular; float:left; } .b_info_center { margin:0; padding:0; width:2%; font-family:Poppins-Regular; float:left; } .b_info_right { margin:0; padding:0; width:86%; font-family:JPRegular; float:left; } #about_access h3 { font-family:JPLight; font-size:1.5vw; line-height:2.0vw; letter-spacing:1px; } #about_access p { font-family:JPRegular; font-size:1.0vw; line-height:1.0vw; } #about_contact { margin:0; padding:0; width:50%; float:left; color:#FFF3E2; background-color:#680000; } #about_blank { margin:0; padding:0; width:100%; float:left; color:#FFF3E2; background-color:#900000; } #about_blank_1 { margin:0; padding:0; width:25%; float:left; background-color:#5E0000; } #about_blank_2 { margin:0; padding:0; width:25%; float:left; background-color:#680000; } #about_blank_3 { margin:0; padding:0; width:25%; float:left; background-color:#7C0000; } #about_blank_4 { margin:0; padding:0; width:25%; float:left; background-color:#900000; } #about_past { margin:0; padding:1%; width:98%; color:#FFF3E2; background-color:#7A6A55; } #about_past_set { margin:0; padding:1%; width:98%; /*background-color:#7A6A55;*/ } .about_past_box { margin:0; padding:0; width:50%; float:left; /*background-color:#7A6A55;*/ } .about_past_box p { font-family:JPRegular; font-size:1.2vw; line-height:1.4vw; } #btn_send { width:100%; position:relative; background:#FFF3E2; } #btn_send span { padding:20px; font-family:JPLight; font-size:4.0vw; line-height:4.8vw; position:absolute; color:#FFF3E2; } #btn_send small { top:54%; left:2.0vw; font-family:Poppins-Regular; font-size:1.8vw; line-height:0vw; letter-spacing:0px; position: absolute; color:#FFF3E2; } #btn_send img { width:100%; height:auto; vertical-align:bottom; } /*********** MAIL FORM ***********/ #about_contact { margin:0; padding:0 0 0 1%; width:49%; float:left; color:#FFF3E2; background-color:#680000; } .form_memo { margin:0; padding:1px 5px; width:100%; resize:both; border:0; font-size:1vw; font-weight:300; line-height:1.4vw; letter-spacing:1px; color:#900000; } /*********** CONTENTS BOX ***********/ #contents_box { margin:0; padding:0; width:100%; overflow:hidden; } #text_box { margin:0; padding:0 1% 0 1%; width:48%; float:left; color:#FFF3E2; background-color:#900000; } #text_box h2 { margin:3vw 0 3vw 0; font-family:JPLight; font-size:2.0vw; line-height:2.0vw; letter-spacing:1px; } #text_box h3 { font-family:JPLight; font-size:1.5vw; line-height:1.0vw; letter-spacing:1px; } #text_box p { font-family:JPLight; font-size:1.0vw; line-height:1.2vw; letter-spacing:0px; } #text_ul li { margin-bottom:1.0vw; width:95%; list-style:circle; font-family:JPLight; font-size:1.0vw; line-height:1.8vw; letter-spacing:0px; } #others_blank_1 { margin:0; padding:0; width:50%; height:100%; float:left; overflow:hidden; } #others_blank_2 { margin:0; padding:0; width:50%; height:100%; float:left; overflow:hidden; display:none; } .recruit_photo { width:50%; float:left; } .recruit_photo img { width:100%; height:auto; } /*********** PARTY ***********/ #party_box { margin:0; padding:0; width:100%; } #party_photo_1 { margin:0; padding:0; width:100%; float:left; background-image:url(../images/party/party_photo_1.jpg); background-size:100%; background-position:0 -20vw; background-repeat:no-repeat; background-color:#030; } #party_photo_2 { margin:0; padding:0; width:50%; float:left; background-image:url(../images/party/party_photo_2.jpg); background-size:110%; background-position:0 -1vw; background-repeat:no-repeat; background-color:#033; } #party_photo_3 { margin:0; padding:0; width:50%; float:left; background-image:url(../images/party/party_photo_3.jpg); background-size:110%; background-position:0 -6vw; background-repeat:no-repeat; background-color:#036; } #party_photo_4 { margin:0; padding:0; width:100%; float:left; background-image:url(../images/party/party_photo_4.jpg); background-size:110%; background-position:-9vw -10vw; background-repeat:no-repeat; background-color:#039; } #party_text_set { margin:0; padding:0; width:50%; float:left; } #party_text { margin:0; padding:0; width:100%; color:#FFF3E2; background-color:#7A6A55; } #party_thumb_1 { margin:0; padding:0; width:50%; float:left; background-image:url(../images/about/about_photo_1.jpg); background-size:160%; background-position:-9vw 0; background-repeat:no-repeat; background-color:#03F; } #party_thumb_2 { margin:0; padding:0; width:50%; float:left; background-image:url(../images/about/about_photo_6.jpg); background-size:160%; background-position:-7vw 0; background-repeat:no-repeat; background-color:#930; } #party_info { margin:0; padding:0; width:50%; float:left; background-color:#F2ECDD; } #party_title { padding:4% 3% 3% 3%; font-family:Poppins-Light; font-size:4.0vw; line-height:4.0vw; letter-spacing:0px; } #party_subtitle { padding:4% 3% 0 3%; font-family:JPRegular; font-size:1.8vw; line-height:2.4vw; letter-spacing:0px; } .party_sentence { padding:3%; font-family:JPRegular; font-size:1.3vw; line-height:2.2vw; letter-spacing:1px; } .party_sentence p { line-height:1.7vw; } .party_sentence span { margin:0; padding:0; font-family:JPRegular; font-size:1.7vw; line-height:1.7vw; display:block; } .party_sentence h3 { margin-top:2.5vw; font-family:Oswald-Regular; font-size:3.8vw; line-height:0vw; letter-spacing:-0.5px; } .party_sentence a { text-decoration:none; color:#7A6A55; } /*********** EQUIP ***********/ #equip_box { margin:0; padding:0; width:100%; } #equip_header { margin:0; padding:0; width:100%; background-image:url(../images/equip/equip_header.jpg); background-size:100%; background-position:0 -25vw; background-repeat:no-repeat; background-color:#C39; } #equip_line_1 { margin:0; padding:0; width:50%; float:left; color:#FFF3E2; background-color:#7A6A55; } #equip_line_2 { margin:0; padding:0; width:50%; float:left; color:#7A6A55; background-color:#F2ECDD; } #equip_line_3 { margin:0; padding:0; width:50%; float:left; color:#7A6A55; background-color:#F2ECDD; } #equip_line_break { margin:0; padding:0; width:50%; float:left; color:#FFFFFF; background-color:#7A6A55; display:block; } .equip_title { margin:0; padding:2.5vw 0 1.5vw 2%; width:98%; font-size:4.2vw; line-height:4.2vw; letter-spacing:0vw; } .equip_title span { font-size:1.8vw; line-height:3.8vw; letter-spacing:0.2vw; display: block; } .set_left { margin:0; padding:0 0 1.5vw 2%; width:48%; float:left; } .set_right { margin:0; padding:0 0 1.5vw 2%; width:48%; float:left; } .set_genre { margin:0; padding:1vw 0 1vw 0; font-family:Poppins-Light; font-size:2.4vw; line-height:2.4vw; letter-spacing:0px; } .equip_name { margin:0; padding:0; width:90%; font-family:Poppins-Light; font-size:1.2vw; line-height:1.6vw; letter-spacing:0px; float:left; } .equip_num { margin:0; padding:0; width:5%; font-family:Poppins-Light; font-size:1.2vw; line-height:1.6vw; letter-spacing:0px; text-align:center; float:left; } /*********** SEARCH ***********/ #search_box { margin:0 0 5vw 0; padding:0; width:100%; } #search_notice { margin:0; padding:1%; font-family:JPLight; font-size:3.0vw; line-height:3.4vw; letter-spacing:1px; } #search_notice span { margin:0; padding:0; font-family:Poppins-Light; font-size:1.4vw; line-height:2.4vw; display:block; } .search_event { margin:0; padding:1%; } .search_event_date { width:12%; font-family:Poppins-Light; font-size:1.6vw; line-height:1.6vw; float:left; } .search_event_name { width:83%; font-family:JPLight; font-size:1.6vw; line-height:1.6vw; float:left; } .search_event a { text-decoration:none; color:#7A6A55; } /*********** FOOTER ***********/ footer { margin:0; padding:0; width:100%; color:#FFF3E2; background-color:#760000; } footer h1 { font-family:Poppins-Light; font-size:38px; line-height:40px; letter-spacing:-0.5px; font-feature-settings:"palt"; } footer p { margin:0; padding:0; font-family:JPLight; font-size:10px; line-height:14px; } footer a { text-decoration:none; color:#FFF3E2; } .letter_kerning { letter-spacing:-3px; } .footer_btn { margin:0; padding:0; width:16.6666667%; height:auto; position:relative; float:left; } .footer_btn span { padding:20px; font-family:JPLight; font-size:2.0vw; line-height:2.3vw; letter-spacing:0px; position:absolute; } .footer_btn small { font-family:Poppins-Regular; font-size:1.2vw; line-height:1.2vw; letter-spacing:0px; } .footer_btn img { width:100%; height:100%; vertical-align:bottom; } .company_info { width:100%; /*float:left;*/ /*background-color:#CF6;*/ } #footer_title { margin:30px 0 30px 3.125%; padding:0; width:93.75%; /*background-color:#990;*/ } #footer_d_set { margin:0 0 30px 3.125%; } #footer_d_logo { margin:0 3.125% 0 0; padding:0; width:18%; float:left; /*background-color:#060;*/ } #footer_d_logo img { width:95%; height:auto; } #footer_d_info { width:70.75%; float:left; /*background-color:#936;*/ } #d_info { margin:0 3.125% 0 0; padding:0; width:50%; float:left; font-family:JPLight; font-size:10px; line-height:14px; /*text-align:justify;*/ word-wrap:break-all; -webkit-hyphens:manual; -moz-hyphens:manual; -ms-hyphens:manual; hyphens:manual; } #info_1280 { display:inline; } #d_address { font-family:JPLight; width:40%; float:left; } #d_address p { font-family:JPLight; font-size:10px; /*text-align:justify;*/ word-wrap:break-all; -webkit-hyphens:manual; -moz-hyphens:manual; -ms-hyphens:manual; hyphens:manual; } #footer_b_logo { margin:0 0 0 0; width:100%; height:100px; text-align:center; vertical-align:bottom; line-height:100px; /*background-color:#066;*/ } #footer_b_logo img { width:160px; height:auto; } .restaurant_set { margin:30px 0 0 20px; padding:0; width:46.875%; float:left; /*background-color:#C96;*/ } .restaurant_box { margin:0 0 50px 0; width:100%; } .restaurant_logo { margin:0 0 0 3.125%; width:31.25%; float:left; } .restaurant_info { margin:0 3.125% 0 3.125%; width:59.375%; float:left; } #logo_nikusuki { width:96%; height:auto; } #logo_choiura { width:91.5%; height:auto; } #logo_koko { width:86%; height:auto; } #logo_beerk { width:88%; height:auto; } #logo_tekkote { width:70.5%; height:auto; } #logo_saketo { width:100%; height:auto; } #logo_awakure { width:90%; height:auto; } /*********** EVENT ***********/ .event_box_wrapper { margin:0 0 20px 0; padding:0; width:960px; } .event_box_date { margin:0; padding:0; font-family:'Droid Serif', serif; font-style:italic; font-size:1.5vw; } .event_box_title { margin:0 0 20px 0; padding:0; font-size:1.5vw; } .event_box_info { margin:0; padding:0; width:960px; /*background-color:#900;*/ } .event_box_img { margin:0 20px 20px 0; padding:0; width:220px; height:auto; float:left; } .event_box_img img { width:100%; height:auto; } .event_box_contents { margin:0; padding:0; width:720px; font-size:0.9vw; float:left; } .event_box_detail { margin:0; padding:0; } .event_box_detail_text { margin:0 0 5px 0; padding:0; font-size:0.9vw; } .event_box_detail_text span { font-weight:bold; } } @media screen and (max-width:960px) and (min-width:641px){ /*********** COMMON ***********/ .br_960 { display:none; } .block_blank { display:none; } .block_blank_1 { width:33.3333334%; display:block; float:left; background:#900000; } .block_blank_2 { width:33.3333334%; display:none; float:left; background:#7C0000; } .block_blank_3 { width:33.3333334%; display:none; float:left; background:#680000; } .block_blank_4 { width:33.3333334%; display:none; float:left; background:#5E0000; } .block_blank_5 { width:33.3333334%; display:none; float:left; background:#4A0000; } .block_blank_6 { width:33.3333334%; display:none; float:left; background:#360000; } .block_blank_7 { width:33.3333334%; display:none; float:left; background:#2C0000; } #footer_bridge { display:inline; } #whatsnew { margin: 0 0 4vw 0; } #whatsnew h1 { margin: 0; padding: 2vw; font-size: 8.0vw; } .whats_topic { margin: 0; padding: 2vw; } .whats_topic h2 { margin: 0; font-size: 3vw; } .whats_topic p { margin: 0; font-size: 1.8vw; line-height: 2.5vw; } #top_info { margin:0 30px 0 0; padding:0; float:right; } #middle_wrapper { margin:0; padding:0; width:100%; /*background-color:#060;*/ } #contents_wrapper { margin:20px; padding:0; } .h1_jp { font-size:2.4vw; font-weight:400; } .h2_jp { font-size:2.0vw; font-weight:400; } .head_submit { margin:0 10px 0 0; padding:0; float:left; } .top_header_title { margin: 0; padding: 0; width: 100%; height: 23vw; position: relative; } .top_header_title h1 { padding:0 0 0 1.5vw; font-size: 8.0vw; line-height: 18vw; } .top_header_title p { margin-top: -1.5vw; padding:0 0 0 1.5vw; font-size: 1.9vw; line-height: 2.2vw; } .top_header_title span { right: 3.5vw; font-size: 2.5vw; line-height: 18vw; letter-spacing: 0.2vw; position: absolute; float: right; } /*********** SP ***********/ #sp_header_title { margin:0; padding:0; width:100%; height:12vw; /*background-color:#060;*/ } #page_sp_title { margin-top:-2.5vw; padding:0 0 0 1.04vw; width:100%; /*float:left;*/ background-color:#900; } #page_sp_title h1 { font-family:Oswald-Light; font-size:7.2vw; line-height:0.0vw; } #page_subtitle { margin:0; padding:0 0 0 1.04vw; width:100%; text-align: left; /*float:right;*/ /*background-color: aliceblue;*/ } #page_subtitle h2 { font-family:JPLight; font-size:3.2vw; line-height: 0.0vw; letter-spacing: 0.2vw; } #sp_header { margin:0; padding:0; width:100%; background-image:url(../images/sp/B_12th_header.jpg); background-size:155%; background-position:0 center; background-repeat:no-repeat; background-color:#C39; } #line_1 { width:100%; float:left; color:#FFFFFF; background-color:aliceblue; } #line_2 { width:100%; float:left; color:#FFFFFF; background-color:#7A6A55; } #line_3 { width:100%; float:left; color:#7A6A55; background-color:#F2ECDD; } #line_2 { text-align: center; } .greeting_message { font-size: 3.4vw; line-height: 7.2vw; letter-spacing: 0.6vw; } .topic_title { font-size: 6.4vw; line-height: 1.0vw; } .topic_sentence { font-size: 2.4vw; line-height: 2.0vw; } .topic_info { font-size: 6.4vw; line-height: 1.0vw; } .topic_info span { font-size: 3.6vw; line-height: 12.0vw; display: block; } /*********** SP-FORM ***********/ .sp_notice { margin-top: 4vw; padding:0 3.0vw; font-size: 2.8vw; line-height: 4.6vw; letter-spacing: 0.2vw; } .sp_form { color: #7A6A55; } .sp_form_line { margin:0; padding:0 3.0vw; width:96%; height:4.0vw; font-family:JPLight; font-size:2.4vw; letter-spacing:1px; /*background-color:#093;*/ } .sp_form_left { margin:0; padding:5.5vw 0 0 0; width:23%; height:3vw; line-height:3vw; float:left; /*background-color:#906;*/ } .sp_form_right { margin:0; padding:0; width:80%; float:left; background-color:#CC3; } .sp_form_right_name { margin:0 5.5% 0 -1.3%; padding:0; width:30%; float:left; /*background-color:#CC3;*/ } .sp_form_right_long { margin:0 4% 0 -1.3%; padding:0; width:72%; float:left; /*background-color:#CC3;*/ } .qty_form { margin:0; padding:0 1.5vw; width:14%; height:5.5vw; border:0; font-size:2.4vw; font-weight:300; line-height:3vw; letter-spacing:1px; color:#7A6A55; } .sp_name_form { margin:0; padding:0 1.5vw; width:88%; height:5.5vw; border:0; font-size:2.4vw; font-weight:300; line-height:3vw; letter-spacing:1px; color:#7A6A55; } .sp_form_long { margin:0; padding:0 10px; width:85%; height:5.5vw; border:0; font-size:2.4vw; font-weight:300; line-height:3vw; letter-spacing:1px; color:#7A6A55; } #sp_form_btn_set { margin-top: 6vw; padding: 0 3.0vw 12.0vw 0; } #sp_btn_attend { font-family: JPLight; font-size:4.4vw; letter-spacing: 1.0vw; float: left; } #sp_btn_attend { margin-left: 3.0vw; margin-right: 5%; background-color: #900000; color: #fff; display: inline-block; width: 45%; height: 12vw; text-align: center; text-decoration: none; line-height: 12vw; outline: none; } #sp_btn_attend::before, #sp_btn_attend::after { position: absolute; z-index: -1; display: block; content: ''; } #sp_btn_attend, #sp_btn_attend::before, #sp_btn_attend::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; } #sp_btn_attend:hover { background-color: #680000; } #sp_btn_absent { font-family: JPLight; font-size:4.4vw; letter-spacing: 1.0vw; float: left; } #sp_btn_absent { background-color: #DFD3C4; color: #7A6A55; display: inline-block; width: 45%; height: 12vw; text-align: center; text-decoration: none; line-height: 12vw; outline: none; } #sp_btn_absent::before, #sp_btn_absent::after { position: absolute; z-index: -1; display: block; content: ''; } #sp_btn_absent, #sp_btn_absent::before, #sp_btn_absent::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; } #sp_btn_absent:hover { background-color: #CFC4B6; } /*********** NAVI ***********/ #navi_set { top:0; left:0; margin:0; padding:0; width:100%; height:13vw; color:#FFF3E2; position:fixed; z-index:999; background-color:rgba(0,0,0,0.9); } #navi_sp_icon { margin:0 20px 0 0; padding:3vw 0 0 0; float:right; display:block; height:10vw; line-height:10vw; /*background-color:#900;*/ } #navi_sp_icon img { width:auto; height:6vw; cursor:pointer; } #navi_sp_set { visibility:visible; } .sp_li a { text-decoration:none; color:#FFF3E2; } #logo_set { width:30%; height:80px; float:left; /*background-color:#930;*/ } #logo { margin:30px 0 0 20px; padding:0px; width:100%; height:auto; } #logo img { width:100%; height:auto; } #console_set { /*width:100%;*/ height:120px; float:right; display:none; /*background-color:#90C;*/ } #navi_upper { height:60px; line-height:60px; /*background-color:#060;*/ } #upper_set { margin:0 20px 0 0; width:100%; height:60px; text-align:right; float:right; /*background-color:#03F;*/ } #navi_upper ul,li { margin:0 40px 0 0; padding:0; list-style:none; font-family:Oswald-Regular; font-size:25px; line-height:60px; } #navi_upper li { float:left; } #navi_upper a { text-decoration:none; color:#FFF3E2; } #btn_search { margin:0 0 0 0; border:0px; width:24px; height:24px; background:url(../images/common/header_icons_search.png) left top no-repeat; vertical-align:middle; } #btn_search:hover { cursor:pointer; } .navi_search { margin:18px 0 0 0; padding:0; width:160px; height:24px; border:1px #FFF3E2 solid; color:#FFF3E2; background-color:rgba(0,0,0,0); } #navi_bottom { height:60px; line-height:60px; } #sns_icon_set { margin:0; padding:0; height:60px; line-height:60px; float:right; } .sns_icon { margin:15px 30px 0 0; padding:0; width:30px; height:auto; } #info_set { height:60px; line-height:60px; float:right; /*background-color:#900;*/ } #info_set a { margin:0 20px 0 0; text-decoration:none; color:#FFF3E2; font-family:Oswald-Regular; font-size:20px; line-height:60px; } #info_set img { margin:0 10px 0 0; width:auto; height:20px; } /*********** TOP-EVENT ***********/ #top_today { width:100%; } #top_pickup { width:100%; } #top_event_clear { display: block; } .top_event_box { margin-bottom: 0vw; width: 50%; float: left; background-color: #900000; } .top_event_pickup_box { margin-bottom: 0vw; width: 50%; float: left; } .top_event_box_wanted { margin-bottom: 0vw; width: 50%; float: left; background-color: #900000; } .top_event_box_left { width: 23.75%; float: left; } .top_event_box_right { width: 1.78571429%; float: left; } .top_event_box_bottom { width: 100%; height: 1.0vw; float: left; } .top_event_date { font-size: 4.5vw; letter-spacing: -0.15vw; line-height: 4.5vw; } .top_event_date span { margin-top: -0.2vw; display: block; font-size: 2.6vw; letter-spacing: 0vw; line-height: 2.6vw; } .date_set { padding: 0.6vw; } .top_event_badge { background-color: aliceblue; } .top_event_photo { width: 74.4642857%; float: left; background-color: #C2CD80; } #top_event_wanted { width: 98.2142857%; float: left; } #top_event_wanted h1 { margin: 2.7vw 0 0 0; font-size: 6.0vw; line-height: 6.0vw; } #top_event_wanted p { margin-top: 10.7vw; font-size: 1.4vw; line-height: 2.0vw; } #top_event_wanted span { margin-top: 1.6vw; font-size: 2.0vw; line-height: 2.0vw; } .wanted_mail_icon { font-size: 3.0vw; } #top_event { margin:0; padding:0; } #top_event_box_today { margin:0; padding:0; width:33.3333334%; float:left; } #top_event_box_tonight { margin:0; padding:0; width:33.3333334%; float:left; } #top_event_box_pickup1 { margin:0; padding:0; width:33.3333334%; float:left; } #top_event_box_pickup2 { margin:0; padding:0; width:33.3333334%; float:left; } #top_event_box_pickup3 { margin:0; padding:0; width:33.3333334%; float:left; } #top_event_box_pickup4 { margin:0; padding:0; width:33.3333334%; float:left; } #top_event_box_pickup5 { margin:0; padding:0; width:33.3333334%; float:left; } #top_event_box_pickup6 { display: none; } #top_event_box_pickup7 { display: none; } .top_event_text { margin:0; padding:2%; width:96%; font-family:Poppins-Light; font-size:4.0vw; } .top_event_img { margin:0; padding:0; width:100%; /*background-color:#066;*/ } .top_event_img img { width:100%; height:auto; } .top_event_pickup_title { width:70%; float:left; position: relative; } .top_event_pickup_title span { top:67%; font-size: 1.0vw; line-height: 1.0vw; letter-spacing: 0.05vw; display: block; position: absolute; } .top_event_pickup_date { padding-top:4.0vw; width:30%; font-family:Poppins-Light; font-size:3.5vw; line-height:3.5vw; text-align:right; float:right; /*background-color:#F69;*/ } .top_event_pickup_date span { margin-top:0; display:block; font-size:2.5vw; line-height:2.0vw; letter-spacing:0px; } /*********** TOP-UPCOMING ***********/ #top_upcoming { margin:0; padding-bottom:4vw; width:100%; height:auto; color:#FFF3E2; float:left; /*overflow:hidden;*/ background-color:#4A0000; } #top_upcoming_set { margin:0; padding:0; width:100%; height:auto; background-color:#4A0000; } #top_upcoming_title { margin:-1vw 0 0 0; padding:0 0 0 2%; width:96%; font-family: JPLight; font-size:3.5vw; letter-spacing: 0.1vw; position: relative; } #top_upcoming_title span { top: 25%; margin:0; width:96%; font-family:Poppins-Light; font-size:1.6vw; letter-spacing: 0vw; display: block; position: absolute; } #top_upcoming_list { margin:0; padding:0; } .top_upcoming_line { margin-bottom:0.5vw; padding:0 0 0 2.08333333%; width:97.9166667%; height:auto; /*background-color:#F63;*/ } .upcoming_event_date { width:16%; font-family:Poppings-Light; font-size:1.5vw; float:left; } .upcoming_event_name { width:54%; font-family:JPLight; font-size:1.5vw; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left; } .upcoming_btn { margin-right:20px; font-family:JPLight; font-size:1.4vw; background-image:url(../images/common/btn_rsv_event_s.png); background-size:cover; float:right; } /*********** TOP-BTN_EVENT ***********/ #top_btn_event { width:33.3333333%; float:left; /*background-color:#09C;*/ } #btn_event { width:100%; position:relative; background:#4A0000; } #btn_event span { padding:20px; font-family: JPLight; font-size:4.4vw; line-height:4.0vw; position:absolute; color:#4A0000; } #btn_event small { padding-top: -4vw; font-family:Poppins-Regular; font-size:2.2vw; line-height:0vw; letter-spacing:0px; } #btn_event img { width:100%; height:100%; } /*********** TOP-B_APP ***********/ #b_app { margin:0; padding:0; width:66.6666668%; height:auto; float:left; /*background-image:url(../images/common/b_app_set.jpg); background-size:cover;*/ } #b_app_set { width:100%; position:relative; } #b_app_txt { top:1.248vw; right:0; margin-right: 3vw; width:55%; font-family:JPMedium; font-size:2.4vw; line-height:2.4vw; text-align: right; position:absolute; color:#FFF; } #b_app_txt span { padding-top: 0.2vw; font-family: Poppins-Regular; font-size:7.0vw; line-height: 5.0vw; display: block; } #b_app_txt small { font-family: JPRegular; font-size:2.0vw; } #b_app_txt h3 { margin-top: 4.0vw; font-family: Poppins-Medium; font-size: 7.6vw; line-height: 0vw; letter-spacing: 0vw; color: #FFE400; } #b_app_badge { margin-top: -3.0vw; margin-left:17.5vw; width:50%; } #b_app_badge img { margin-bottom: 0.8vw; width:100%; height:auto; vertical-align:bottom; } /*********** TOP-SP_MENU ***********/ #sp_food { margin:0; padding:0; width:100%; } .sp_food_box { width: 50%; } #sp_food_over_1280 { display:none; } #sp_food_961_1280 { display:none; } #sp_food_641_960 { margin:0; padding:0; display:block; } #sp_food_640 { display:none; } #sp_menu_s1 { width:66.6666667%; float:left; background-image:url(../images/restaurant/sp_food_1.jpg); background-size:cover; background-repeat:no-repeat; /*background-color:#060;*/ background-position:-3.0vw 0vw; } #sp_menu_s2_3 { width:33.3333333%; float:left; } #sp_menu_s2 { width:100%; /*float:left;*/ background-image:url(../images/restaurant/sp_food_3.jpg); background-size:cover; background-repeat:no-repeat; background-position:-5vw 0vw; /*background-color:#C90;*/ } #sp_menu_s3 { width:100%; /*float:left;*/ background-image:url(../images/restaurant/sp_food_4.jpg); background-size:cover; background-repeat:no-repeat; background-position:-8vw 0vw; /*background-color:#C30;*/ } #sp_menu_s4 { width:66.6666667%; float:left; background-image:url(../images/restaurant/sp_food_2.jpg); background-size:cover; background-repeat:no-repeat; background-position:0vw -8vw; /*background-color:#C90;*/ } #sp_menu_s5 { width:33.3333333%; position:relative; float:left; background-color:#FFFFFF; } #sp_menu_s5 span { padding:1.5vw 15px 15px 15px; font-family:JPLight; font-size:4.3vw; line-height:5.0vw; position:absolute; color:#FFFFFF; } #sp_menu_s5 small { padding-top: -4vw; font-family:Poppins-Regular; font-size:2.4vw; line-height:0vw; letter-spacing:0px; top: 41%; left:2.5vw; position: absolute; color: #FFFFFF; } #sp_menu_s5 img { width:100%; height:auto; } /*新規作成0818*/ /*********** TOP-RESTAURANT_NEW ***********/ #restaurant_bannerNew { width: 100%; height: auto; margin: 0; padding: 0; float: none; } /*********** TOP-WEDDING ***********/ #wedding { background-size:115%; background-position:-10vw 0vw; } #wedding_banner { margin:0; padding:15vw 0 0 0; display:block; width:100%; height:100%; } #wedding_banner img { margin:18vw 0 4.5vw -1.5vw; padding:0; width:35%; height:auto; -webkit-filter:drop-shadow(0 0 15px #FFFBEC); } #wedding_banner p { margin:0 auto; padding:0; width:60%; font-family:JPRegular; font-size:1.7vw; letter-spacing:0.2vw; text-shadow:2px 2px 8px #000; } /*********** TOP-ABOUT ***********/ #top_about { margin:0; padding:0; width:100%; } #about_photo { magin:0; padding:0; width:100%; float:left; background-color:#000000; } #about_layout { margin:0; padding:0; width:100%; float:left; background-image:url(../images/about/about_layout_1.jpg); background-repeat:no-repeat; background-size:cover; background-position:0 0; } .photo_thumb { margin:0; padding:0; width:33.3333333%; float:left; } #top_about_thumb1 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/about/about_photo_1.jpg); background-repeat:no-repeat; background-size:cover; background-position:-80px 0; } #top_about_thumb2 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/about/about_photo_2.jpg); background-repeat:no-repeat; background-size:cover; background-position:-60px 0; } #top_about_thumb3 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/about/about_photo_3.jpg); background-repeat:no-repeat; background-size:cover; background-position:0 0; } #top_about_thumb4 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/about/about_photo_4.jpg); background-repeat:no-repeat; background-size:cover; background-position:0 0; } #top_about_thumb5 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/about/about_photo_5.jpg); background-repeat:no-repeat; background-size:cover; background-position:-40px 0; } #top_about_thumb6 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/about/about_photo_6.jpg); background-repeat:no-repeat; background-size:cover; background-position:-60px 0; } #top_about_thumb7 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/about/about_photo_7.jpg); background-repeat:no-repeat; background-size:cover; background-position:0 0; } #top_about_btn { margin:0; padding:0; width:33.3333333%; position:relative; float:left; background-color:#360000; } #top_about_btn span { padding:20px; font-family: JPLight; font-size:5.5vw; line-height:5.5vw; position:absolute; color:#360000; } #top_about_btn small { padding-top: -5vw; font-family:Poppins-Regular; font-size:2.4vw; line-height:0vw; letter-spacing:0px; } #top_about_btn img { width:100%; height:auto; vertical-align:bottom; } /*********** TOP-PARTY ***********/ #party { background-size:140%; background-position:-21vw -11vw; } #party a { display:block; text-decoration:none; color:#FFF3E2; } #party_banner { margin:0; padding:0; display:table-cell; vertical-align:middle; width:100%; height:100%; } #party_banner img { margin:34vw auto; padding:0; width:25%; height:auto; /*-webkit-filter:drop-shadow(0 0 15px #FFFBEC);*/ } #party_banner p { margin:0 auto; padding:0; width:60%; font-family:JPRegular; font-size:1.7vw; letter-spacing:0.2vw; text-shadow:2px 2px 8px #000; } /*********** TOP-ABOUT ***********/ #about { background-size:140%; background-position:-21vw -25vw; } #about a { display:block; text-decoration:none; color:#FFF3E2; } #about_banner { margin:0; padding:0; display:table-cell; vertical-align:middle; width:100%; height:100%; } #about_banner img { margin:34vw auto; padding:0; width:30%; height:auto; /*-webkit-filter:drop-shadow(0 0 15px #FFFBEC);*/ } #about_banner p { margin:0 auto; padding:0; width:60%; font-family:JPRegular; font-size:1.7vw; letter-spacing:0.2vw; text-shadow:2px 2px 8px #000; } /*********** PAGE-HEADER ***********/ #header_title { margin:2vw 0 4vw; padding:0; width:100%; height:10vw; /*background-color:#060;*/ } #page_title h1 { margin:0; padding:0 0 0 1.04vw; width:45%; font-family:Oswald-Light; font-size:10.0vw; line-height:7.0vw; letter-spacing:0px; float:left; /*background-color:#900;*/ } #page_title_long h1 { margin:0; padding:0 0 0 1.04vw; width:95%; font-family:Oswald-Light; font-size:10.0vw; line-height:7.0vw; letter-spacing:0px; float:left; /*background-color:#900;*/ } #page_title_long a { text-decoration:none; color:#7A6A55; } #cal_link { margin: 0; padding: 3vw 0 0 2%; width: 98%; font-size: 8.0vw; float: left;line-height: 10vw; text-align: left; /*background-color: #0CF;*/ } #cal_header_icon_set { margin: 0; padding: 0; width: 100%; line-height: 10vw; text-align: right; float: right; /*background-color: aliceblue;*/ } .icon_wrap { margin-left: 2.3vw; text-align: left; font-size: 2.4vw; line-height: 10vw; float: left; /*background-color: aquamarine;*/ } .icon_wrap img { width: 5.0vw; height: auto; vertical-align: middle; } #cal_switch { margin: 0; padding-right: 2%; width: 45%; line-height: 7.0vw; text-align: right; float: right; } #cal_switch img { width: 47%; height: auto; vertical-align: middle; } /*********** TOP-EVENT-CAL ***********/ #top_event_cal { margin:0; padding:2px; width:100%; /*background-color:#9F0;*/ } .top_cal_week { font-family:Poppins-Light; } .top_cal_week th { width:14.2857143%; } .top_dayBox { margin:0; padding:5px; vertical-align:top; border:#FFFFFF 0.5px solid; /*background-color:#7A6A55;*/ } .top_dayBox_1 { margin:0; padding:5px; vertical-align:top; border:#FFFFFF 0.5px solid; background-color:#7A6A55; } .top_dayBox_2 { margin:0; padding:5px; vertical-align:top; border:#FFFFFF 0.5px solid; background-color:#94846F; } .top_dayBox_3 { margin:0; padding:5px; vertical-align:top; border:#FFFFFF 0.5px solid; background-color:#A69681; } .top_dayBox_4 { margin:0; padding:5px; vertical-align:top; border:#FFFFFF 0.5px solid; background-color:#B5A591; } .top_dayBox_5 { margin:0; padding:5px; vertical-align:top; border:#FFFFFF 0.5px solid; background-color:#C7B8A5; } .top_dayBox_6 { margin:0; padding:5px; vertical-align:top; border:#FFFFFF 0.5px solid; background-color:#33CCFF; } .top_dayBox_7 { margin:0; padding:5px; vertical-align:top; border:#FFFFFF 0.5px solid; background-color:#FF99CC; } .top_dayDetail { margin:0.5vw 0 0 0; padding:0px; width:100%; border-collapse:collapse; table-layout:fixed; } .top_day_top { margin:0 0 0 0; padding:0; font-family:Poppins-Light; font-size:7vw; line-height:6vw; letter-spacing:-2px; text-align:left; color:#FFF; /*background-color:#9F0;*/ } .top_day_top a { color:#FFF; text-decoration:none; } .top_day_name { margin:-0.52vw 0 0 0; padding:0; font-family:JPRegular; font-size:1.0vw; line-height:1.0vw; text-align:left; color:#FFF; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; /*background-color:#CF9;*/ } .top_day_name img { padding-right: 0.5vw; width: 3.5vw; height: auto; } /*********** EVENT-PICKUP ***********/ #event_pickup { margin:0; padding:0; width:100%; /*float:left;*/ } #event { margin:0; padding:0; } #event_box_today { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; overflow:hidden; background-color:#900000; } #event_box_tonight { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; overflow:hidden; background-color:#7C0000; } #event_box_pickup1 { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; overflow:hidden; background-color:#680000; } #event_box_pickup2 { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; overflow:hidden; background-color:#5E0000; } #event_box_pickup3 { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; overflow:hidden; background-color:#4A0000; } #event_box_pickup4 { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; overflow:hidden; background-color:#360000; } #event_box_pickup5 { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; overflow:hidden; background-color:#2C0000; } #event_box_pickup6 { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; overflow:hidden; background-color:#2C0000; } #event_box_pickup7 { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; overflow:hidden; background-color:#2C0000; } #event_box_pickup8 { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; overflow:hidden; background-color:#2C0000; } #event_box_pickup9 { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; overflow:hidden; background-color:#2C0000; } #event_box_pickup10 { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; overflow:hidden; background-color:#2C0000; } #event_box_pickup11 { margin:0; padding:0; width:33.3333333%; float:left; color:#FFF3E2; overflow:hidden; background-color:#2C0000; } .event_text { margin:0; padding:0 0 0 2%; width:96%; font-family:Poppins-Light; font-size:4.0vw; } .event_img { width:100%; /*background-color:#9C0;*/ } .event_img img { width:100%; height:auto; vertical-align:bottom; } .event_pickup_title { width:70%; float:left; position: relative; } .event_pickup_title span { top:67%; font-size: 1.0vw; line-height: 1.0vw; letter-spacing: 0.05vw; display: block; position: absolute; } .event_pickup_date { padding-top:4.0vw; width:30%; font-family:Poppins-Light; font-size:3.5vw; line-height:3.5vw; text-align:right; float:right; /*background-color:#F69;*/ } .event_pickup_date span { margin-top:0; display:block; font-size:2.5vw; line-height:2.0vw; letter-spacing:0px; } /*********** EVENT-UPCOMING ***********/ #event_upcoming { margin:0; padding:0; width:100%; height:auto; color:#FFF3E2; overflow:hidden; background-color:#4A0000; } #event_upcoming_set { margin:0; padding:0; width:100%; height:auto; background-color:#4A0000; } #event_upcoming_title { margin:-1vw 0 0 0; padding:0 0 0 2%; width:96%; font-family: JPLight; font-size:3.5vw; letter-spacing: 0.1vw; position: relative; } #event_upcoming_title span { top: 25%; margin:0; width:96%; font-family:Poppins-Light; font-size:1.6vw; letter-spacing: 0vw; display: block; position: absolute; } #event_upcoming_list { margin:0 0 4vw 0; padding:0; } .event_upcoming_line { margin-bottom:0.6vw; padding:0 0 0 2.08333333%; width:97.9166667%; height:auto; table-layout: fixed; } .event_upcoming_event_date { width:20%; font-family:Poppings-Light; font-size:1.8vw; float:left; } .event_upcoming_event_name { width:50%; font-family:JPLight; font-size:1.8vw; /*overflow:hidden; white-space:nowrap; text-overflow:ellipsis;*/ float:left; } .event_upcoming_event_name a { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display: block; } .event_upcoming_btn { margin-right:20px; font-family:JPLight; font-size:1.3vw; background-image:url(../images/common/btn_rsv_event_s.png); background-size:cover; float:right; } /* .event_upcoming_line { margin-bottom: 4.0vw; padding-bottom: 4.0vw; padding-left:2.08333333%; width:97.9166667%; height:auto; } .event_upcoming_event_date { width:100%; font-family:Poppings-Light; font-size:3.5vw; line-height:3.0vw; letter-spacing:0; float:left; } .event_upcoming_event_name { width:90%; font-family:JPLight; font-size:4.5vw; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left; } .event_upcoming_btn { margin-right:20px; font-family:JPLight; font-size:3.5vw; background-image:url(../images/common/btn_rsv_event_s.png); background-size:cover; float:left; } */ /*********** EVENT-UPCOMING_NEW ***********/ #event_upcoming_new { margin:0; padding:0; width:100%; color:#7A6A55; float:left; overflow:hidden; /*background-color:#4A0000;*/ } #event_upcoming_new_set { margin:0; padding:0; width:100%; /*background-color:#4A0000;*/ } .event_upcoming_line_date { width: 28.5249142%; float: left; color: #FFFFFF; /*background-color: #7A6A55;*/ } .event_upcoming_line_btn { width: 28.5249142%; height: 100%; float: left; color: #FFFFFF; /*background-color: #4A0000;*/ vertical-align: bottom; } .event_upcoming_line_photo { width: 42.9141717%; float: left; vertical-align: bottom; background-color: #333333; } .event_upcoming_line_photo img { width: 100%; height: 100%; } .event_upcoming_line_info { padding: 0; width: 100%; float: right; overflow: hidden; } .event_upcoming_line_name { padding:1vw; font-size: 170%; line-height: 120%; letter-spacing: -0.1vw; } .event_upcoming_line_name span { margin-top: 0vw; font-size: 40%; line-height: 200%; display: block; } .event_upcoming_line_contents { padding: 1vw; font-size: 75%; line-height: 130%; } .event_month { font-size: 9vw; line-height: 12vw; letter-spacing: -0.1vw; } .event_day { padding-right: 0.5vw; font-size: 15vw; line-height: 14vw; letter-spacing: -0.2vw; } .event_day span { margin-top: -1.3vw; margin-right: 1vw; font-size: 6vw; line-height: 4vw; } .badge_call_new { width:100%; position:relative; background:#000000; } .badge_call_new span { padding:10px; font-family:Poppins-Light; font-size:2.8vw; line-height:3.6vw; letter-spacing: -0.1vw; position:absolute; color:#FFF3E2; } .badge_call_new img { width: 100%; height: auto; vertical-align: bottom; } .badge_out_new { bottom: 0; width:100%; position:relative; background:#000000; } .badge_out_new span { padding:3.5vw 15px 15px 15px; font-family:JPLight; font-size:5.5vw; line-height:4.0vw; position:absolute; color:#900000; } .badge_out_new small { font-family:Poppins-Regular; font-size:2.6vw; line-height:0vw; letter-spacing:0px; } .badge_out_new img { width:100%; height:auto; vertical-align:bottom; } .badge_wait_new { width:100%; position:relative; background:#900000; } .badge_wait_new span { padding:10px; font-family:Poppins-Light; font-size:3.9vw; line-height:4.4vw; position:absolute; color:#900000; } .badge_wait_new img { width:100%; height:auto; vertical-align:bottom; } .badge_now_new { width:100%; overflow:hidden; position:relative; background:#FFFFFF; } .badge_now_new span { padding:3.5vw 15px 15px 15px; overflow:hidden; font-family:JPLight; font-size:4.6vw; line-height:4.0vw; position:absolute; color:#900000; } .badge_now_new small { font-family:Poppins-Regular; font-size:2.6vw; line-height:0vw; letter-spacing:0px; } .badge_now_new img { width:100%; height:100%; overflow:hidden; vertical-align:bottom; } .badge_playguide_new { width:100%; overflow:hidden; position:relative; background:#FFFFFF; } .badge_playguide_new span { padding:2.5vw 1.5vw 1.5vw 1.5vw; overflow:hidden; font-family:JPLight; font-size:4.2vw; line-height:4.8vw; letter-spacing: -0.1vw; position:absolute; color:#003399; } .badge_playguide_new small { top: 14.0vw; left:1.5vw; font-family:Poppins-Regular; font-size:2.0vw; line-height:0vw; letter-spacing:0px; position: absolute; color:#003399; } .badge_playguide_new img { width:100%; height:100%; overflow:hidden; vertical-align:bottom; } .badge_wedding_new { width:100%; overflow:hidden; position:relative; background:#FFFFFF; } .badge_wedding_new span { padding:2.5vw 1.5vw 1.5vw 1.5vw; overflow:hidden; font-family:JPLight; font-size:4.2vw; line-height:4.8vw; letter-spacing: -0.1vw; position:absolute; color:#7A6A55; } .badge_wedding_new small { top: 14.0vw; left:1.5vw; font-family:Poppins-Regular; font-size:2.0vw; line-height:0vw; letter-spacing:0px; position: absolute; color:#7A6A55; } .badge_wedding_new img { width:100%; height:100%; overflow:hidden; vertical-align:bottom; } .badge_closed_new { bottom: 0; width:100%; position:relative; background:#444444; } .badge_closed_new span { padding:3.5vw 15px 15px 15px; font-family:JPLight; font-size:5.5vw; line-height:4.0vw; position:absolute; color:#666666; } .badge_closed_new small { font-family:Poppins-Regular; font-size:2.6vw; line-height:0vw; letter-spacing:0px; } .badge_closed_new img { width:100%; height:auto; vertical-align:bottom; } #event_footer { font-size: 9vw; } /*********** EVENT-DETAIL ***********/ #detail_header { margin:0; padding:0; width:66.6666666%; overflow:hidden; float:left; color:#FFF; background-color:#7A6A55; } #detail_title_set { margin:0; padding:0; width:100%; /*background-color:#0FF;*/ } #detail_genre { margin:0; padding:0 2% 0 2%; width:96%; font-family:JPRegular; font-size:2.0vw; line-height:4.0vw; letter-spacing:0px; /*background-color:#090;*/ } #detail_title { margin:0; padding:0 2% 0 2%; width:96%; font-family:JPRegular; font-size:3.3vw; line-height:3.7vw; letter-spacing:0px; word-wrap:break-word; /*float:left;*/ /*background-color:#CC0;*/ } #detail_photo { margin:0; padding:0; width:100%; background-color:#7A6A55; } #detail_photo img { margin:0; padding:0; width:100%; height:auto; vertical-align:bottom; } #detail_attention { margin:0; padding:0; width:33.3333333%; float:left; background-color:#7A6A55; } #detail_date { width:100%; height:100%; font-family:Poppins-Light; font-size:13vw; line-height:14vw; letter-spacing:-1px; text-align:right; float:left; color:#FFF3E2; background-color:#900000; } #detail_date span { margin:0; padding:0 3.0vw 0 0; font-size:8.5vw; line-height:4vw; display:block; } #detail_badge { margin:0; padding:0; width:100%; float:left; /*display:none;*/ } #badge_now { width:100%; position:relative; background:#900000; } #badge_now span { padding:4vw 10px 10px 10px; font-family:JPLight; font-size:5.9vw; line-height:4.8vw; position:absolute; color:#900000; } #badge_now small { font-family:Poppins-Regular; font-size:2.8vw; line-height:0vw; letter-spacing:0px; } #badge_now img { width:100%; height:auto; vertical-align:bottom; } #badge_playguide { width:100%; overflow:hidden; position:relative; background:#003399; } #badge_playguide span { padding:1.8vw 1.8vw 1.8vw 1.8vw; overflow:hidden; font-family:JPLight; font-size:4.8vw; line-height:5.4vw; letter-spacing: -0.1vw; position:absolute; color:#003399; } #badge_playguide small { top: 15.0vw; left:2.0vw; font-family:Poppins-Regular; font-size:2.4vw; line-height:0vw; letter-spacing:0px; position: absolute; color:#003399; } #badge_playguide img { width:100%; height:100%; overflow:hidden; vertical-align:bottom; } #badge_wedding { width:100%; overflow:hidden; position:relative; background:#7A6A55; } #badge_wedding span { padding:1.8vw 1.8vw 1.8vw 1.8vw; overflow:hidden; font-family:JPLight; font-size:4.8vw; line-height:5.4vw; letter-spacing: -0.1vw; position:absolute; color:#7A6A55; } #badge_wedding small { top: 15.0vw; left:2.0vw; font-family:Poppins-Regular; font-size:2.4vw; line-height:0vw; letter-spacing:0px; position: absolute; color:#7A6A55; } #badge_wedding img { width:100%; height:100%; overflow:hidden; vertical-align:bottom; } #badge_wait { width:100%; position:relative; background:#900000; } #badge_wait span { padding:20px; font-family:Poppins-Light; font-size:4.0vw; line-height:4.8vw; position:absolute; color:#900000; } #badge_wait img { width:100%; height:auto; vertical-align:bottom; } #badge_out { width:100%; position:relative; background:#900000; } #badge_out span { padding:5vw 20px 20px 20px; font-family:JPLight; font-size:7.0vw; line-height:4.8vw; position:absolute; color:#900000; } #badge_out small { font-family:Poppins-Regular; font-size:2.8vw; line-height:0vw; letter-spacing:0px; } #badge_out img { width:100%; height:auto; vertical-align:bottom; } #badge_closed { width:100%; position:relative; background:#666666; } #badge_closed span { padding:5vw 20px 20px 20px; font-family:JPLight; font-size:7.0vw; line-height:4.8vw; position:absolute; color:#666666; } #badge_closed small { font-family:Poppins-Regular; font-size:2.8vw; line-height:0vw; letter-spacing:0px; } #badge_closed img { width:100%; height:auto; vertical-align:bottom; } #badge_call { width:100%; position:relative; background:#FFF3E2; } #badge_call span { padding:20px; font-family:Poppins-Light; font-size:3.1vw; line-height:3.7vw; position:absolute; color:#FFF3E2; } #badge_call img { width:100%; height:auto; vertical-align:bottom; } #rsv_submit { margin:0; padding:0; text-align:left; border:0; background-color:transparent; cursor:pointer; } #reserve_ticket { margin:0; padding:0; width:100%; float:left; /*display:none;*/ } #btn_reserve_ok { width:100%; height:100%; position:relative; background:#FFF3E2; } /*#btn_reserve_ok span { padding:10px; font-family:Poppins-Light; font-size:10.0vw; line-height:10.0vw; position:absolute; color:#FFF3E2; }*/ #btn_reserve_ok span { padding:3vw 20px 20px 20px; font-family:JPLight; font-size:9.2vw; line-height:9.6vw; position:absolute; color:#FFF3E2; } #btn_reserve_ok small { top:55%; left:3vw; font-family:Poppins-Regular; font-size:3.8vw; line-height:0vw; letter-spacing:0px; position: absolute; color:#FFF3E2; } #btn_reserve_ok img { width:100%; height:auto; vertical-align:bottom; } #btn_reserve_out { width:50%; height:100%; position:relative; background:#900000; float:left; } #btn_reserve_out span { padding:20px; font-family:Poppins-Light; font-size:10.0vw; line-height:10.0vw; position:absolute; color:#900000; } #btn_reserve_out img { width:100%; height:auto; vertical-align:bottom; } #btn_back_edit { width:100%; position:relative; background:#FFFFFF; } /*#btn_back_edit span { padding:20px; font-family:Poppins-Light; font-size:10.0vw; line-height:10.0vw; position:absolute; color:#FFFFFF; }*/ #btn_back_edit span { padding:3vw 20px 20px 20px; font-family:JPLight; font-size:9.0vw; line-height:9.4vw; position:absolute; color:#FFFFFF; } #btn_back_edit small { top:53%; left:3vw; font-family:Poppins-Regular; font-size:3.8vw; line-height:0vw; letter-spacing:0px; position: absolute; color:#FFFFFF; } #btn_back_edit img { width:100%; height:auto; vertical-align:bottom; } #detail_blank { margin:0; padding:0; width:100%; overflow:hidden; float:left; display:none; } .detail_box_1 { margin:0; padding:0; width:100%; float:left; background-color:#94846F; } .detail_box_2 { margin:0; padding:0; width:100%; float:left; background-color:#A69681; display:none; } .detail_box_3 { margin:0; padding:0; width:100%; float:left; background-color:#B5A591; } .detail_box_4 { margin:0; padding:0; width:100%; float:left; background-color:#C7B8A5; display:none; } #detail_info { margin:0; padding:1%; width:98%; float:left; color:#FFF3E2; background-color:#900000; } #detail_info a { text-decoration:none; color:#FFF3E2; } #detail_info_set { margin:0 0 20px 0; padding:0; font-family:JPRegular; font-size:1.8vw; line-height:2.5vw; letter-spacing:0.5px; } #detail_info_set_time { margin:0 0 0 0; padding:0; font-family:JPRegular; font-size:1.8vw; line-height:2.5vw; letter-spacing:0.5px; } .detail_info_title { font-family:Poppins-Regular; font-size:3.8vw; line-height:6vw; letter-spacing:0px; display:block; } .detail_info_time { font-family:Poppins-Regular; font-size:3.8vw; line-height:5vw; letter-spacing:0px; /*display:block;*/ } #detail_form { margin:0; padding:0; width:100%; height:100%; float:left; background-color:#680000; } #ticket_form_set { margin:0; padding:0; width:100%; background-color:#680000; } #reserve_ticket { margin:0; padding:0; width:50%; float:left; background-color:#360000; } #detail_form_blank { margin:0; padding:0; width:100%; overflow:hidden; float:left; display:none; } .reserve_blank1 { margin:0; padding:0; width:50%; float:left; background-color:#360000; display:block; } .reserve_blank2 { margin:0; padding:0; width:50%; float:left; background-color:#4A0000; display:block; } .reserve_blank3 { margin:0; padding:0; width:50%; float:left; background-color:#5E0000; display:none; } .reserve_blank4 { margin:0; padding:0; width:50%; float:left; background-color:#680000; display:none; } .reserve_blank5 { margin:0; padding:0; width:50%; float:left; background-color:#7C0000; display:none; } .reserve_blank6 { margin:0; padding:0; width:50%; float:left; background-color:#900000; display:none; } .reserve_form_blank { margin:0; padding:0; width:50%; float:left; background-color:#900000; } /*********** RESERVE FORM ***********/ #ticket_form_set { margin:0 0 40px 0; padding:1%; width:98%; height:100%; } .page_title { margin:0; padding:1vw 0 3.5vw 0; font-family:Poppins-Light; font-size:8vw; line-height:8vw; color:#FFF3E2; } .page_title span { display:block; font-family:JPLight; font-size:2.0vw; line-height:2.0vw; letter-spacing:1px; } .event_form_line { margin:0; padding:0; width:98%; /*height:6vw;*/ font-family:JPLight; font-size:2.5vw; line-height:4vw; letter-spacing:1px; color:#FFF3E2; } .event_form_left { margin:0; padding:4.0vw 0 0 0; width:21%; height:5vw; line-height:5vw; float:left; } .event_form_right { margin:0; padding:0; width:85%; float:left; } .event_form_right_select { margin:0 0 0 -1.3%; padding:0; width:76%; float:left; } .event_form_right_name { margin:0 6.5% 0 -1.3%; padding:0; width:32.8125%; float:left; } .event_form_right_long { margin:0 4% 0 -1.3%; padding:0; width:72%; float:left; } .form_subtitle { font-family:Poppins-Light; font-size:2.0vw; line-height:4.25vw; } .name_form { margin:0; padding:0 10px; width:96%; height:5vw; border:0; font-size:2vw; font-weight:300; line-height:3vw; letter-spacing:1px; color:#900000; } .form_long { margin:0; padding:0 10px; width:100%; height:5vw; border:0; font-size:2vw; font-weight:300; line-height:3vw; letter-spacing:1px; color:#900000; } select { -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none; appearance:none; border-radius:0; border:0; margin:0; padding:0; background:none transparent; vertical-align:middle; font-size:2.0vw; color:#900000; box-sizing:content-box; } .custom { margin:0; padding:0; overflow:hidden; display:inline-block; position:relative; background-color:#FFFFFF; } .custom > select { width:8vw; padding:0.0vw 1.5vw 0.5vw 0.5vw; font-size:2.0vw; line-height:2.0vw; } .custom:after { position:absolute; top:0; bottom:0; right:0; width:100%; display:block; content:""; background:url("../images/event/form_select_arrow.png") center no-repeat; background-size:cover; pointer-events:none; } /*********** RESERVATION INFO ***********/ #rsv_title { margin:0; padding:3vw 0 2vw 0; width:100%; font-family:JPLight; font-size:3.0vw; line-height:3.0vw; letter-spacing:1px; } #rsv_title span { font-size:2.2vw; } #rsv_notice { margin:0; padding:1vw 0 0 0; font-family:Poppins-Light,JPLight; font-size:1.4vw; display:block; } #rsv_text { margin:0; padding:0 0 3vw 0; width:100%; font-family:JPLight; font-size:2.0vw; line-height:2.0vw; letter-spacing:1px; } #rsv_text span { font-family:Poppins-Light; font-size:1.4vw; display:block; } .rsv_info_line { margin-bottom:2.0vw; } .rsv_left { margin0; padding:0; width:20%; font-family:JPLight; font-size:2.0vw; line-height:2.0vw; letter-spacing:1px; float:left; } .rsv_left span { font-family:Poppins-Light; font-size:1.4vw; display:block; } .rsv_right { margin:0; padding:0; width:80%; font-family:JPLight; font-size:2.0vw; line-height:2.0vw; letter-spacing:1px; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .rsv_right span { font-family:Poppins-Light; font-size:1.4vw; display:block; } /*********** RESTAURANT ***********/ .restaurant_title_food h1 { margin:0; padding:1.04vw 0 0 1.04vw; width:95%; font-family:Oswald-Light; font-size:8.5vw; line-height:10vw; letter-spacing:0.0vw; color:#900000; } .restaurant_title_course h1 { margin:0; padding:1.04vw 0 0 1.04vw; width:95%; font-family:Oswald-Light; font-size:8.5vw; line-height:10vw; letter-spacing:0.0vw; color:#900000; } .restaurant_title_pasta h1 { margin:0; padding:1.04vw 0 0 1.04vw; width:95%; font-family:Oswald-Light; font-size:8.5vw; line-height:10vw; letter-spacing:0.0vw; color:#006600; } .restaurant_title_drink h1 { margin:0; padding:1.04vw 0 0 1.04vw; width:95%; font-family:Oswald-Light; font-size:8.5vw; line-height:10vw; letter-spacing:0.0vw; color:#003366; } .food_box { margin:0; padding:0; width:100%; float:left; } #food_header_1 { width:33.3333333%; float:left; background-image:url(../images/restaurant/title_burger.jpg); background-size:190%; background-position:-4vw -2vw; background-repeat:no-repeat; } #food_text_1 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#680000; } #food_header_2 { width:33.3333333%; float:left; background-image:url(../images/restaurant/title_combo.jpg); background-size:220%; background-position:-17vw -5vw; background-repeat:no-repeat; } #food_text_2 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#900000; } #food_header_3 { width:33.3333333%; float:left; background-image:url(../images/restaurant/title_fritto.jpg); background-size:cover; background-repeat:no-repeat; } #food_text_3 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#CCCC33; } #food_header_4 { width:33.3333333%; float:left; background-image:url(../images/restaurant/title_oven.jpg); background-size:200%; background-position:-14vw -6vw; background-repeat:no-repeat; } #food_text_4 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#FF6600; } #food_header_5 { width:33.3333333%; float:left; background-image:url(../images/restaurant/title_pizza.jpg); background-size:180%; background-position:-13vw -3vw; background-repeat:no-repeat; } #food_text_5 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#006600; } #food_header_6 { width:33.3333333%; float:left; background-image:url(../images/restaurant/title_rice.jpg); background-size:180%; background-position:-9vw -5vw; background-repeat:no-repeat; } #food_text_6 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#CC9933; } #food_header_7 { width:33.3333333%; float:left; background-image:url(../images/restaurant/title_pasta.jpg); background-size:190%; background-position:-24vw -8vw; background-repeat:no-repeat; } #food_text_7 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#900000; } #food_header_8 { width:33.3333333%; float:left; background-image:url(../images/restaurant/title_meat.jpg); background-size:180%; background-position:-9vw -3vw; background-repeat:no-repeat; } #food_text_8 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#660000; } #food_header_9 { width:33.3333333%; float:left; background-image:url(../images/restaurant/title_hors.jpg); background-size:180%; background-position:-9vw -3vw; background-repeat:no-repeat; } #food_text_9 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#FFCC00; } #food_header_10 { width:33.3333333%; float:left; background-image:url(../images/restaurant/title_salad.jpg); background-size:180%; background-position:-9vw -3vw; background-repeat:no-repeat; } #food_text_10 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#66CC33; } #food_header_11 { width:33.3333333%; float:left; background-image:url(../images/restaurant/title_ala.jpg); background-size:220%; background-position:-9vw -5vw; background-repeat:no-repeat; } #food_text_11 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#CC6600; } #food_header_12 { width:33.3333333%; float:left; background-image:url(../images/restaurant/title_dessert.jpg); background-size:210%; background-position:-9vw -4vw; background-repeat:no-repeat; } #food_text_12 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#64ACF5; } /*新規作成*/ .food_boxNew { margin:0; padding:0; width:100%; float:left; } #food_headerNew_1 { width:33.3333333%; float:left; background-image:url(../images/restaurant/plate_image_sq.jpg); background-size:cover; background-repeat:no-repeat; } #food_textNew_1 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#680000; } #food_headerNew_2 { width:33.3333333%; float:left; background-image:url(../images/restaurant/plate_curry_sq.jpg); background-size:cover; background-repeat:no-repeat; } #food_textNew_2 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#900000; } #food_headerNew_3 { width:33.3333333%; float:left; background-image:url(../images/restaurant/plate_burg_sq.jpg); background-size:cover; background-repeat:no-repeat; } #food_textNew_3 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#CCCC33; } #food_headerNew_4 { width:33.3333333%; float:left; background-image:url(../images/restaurant/plate_pasta_sq.jpg); background-size:cover; background-repeat:no-repeat; } #food_textNew_4 { width:66.6666667%; float:left; color:#FFF3E2; background-color:#FF6600; } .food_text_titleNew { margin:0; padding:1vw 0 0 2%; width:98%; font-family:Poppins-Light; font-size:4.8vw; line-height:2.5vw; } .food_menu_lineNew { margin:0; padding:0 0 0 2%; width:98%; } .food_menu_nameNew { margin:0; padding:0; width:98%; font-family:JPLight; font-size:2.0vw; line-height:3.0vw; float:left; } .food_header_title { margin:0; padding:2%; font-family:Poppins-Light; font-size:5.6vw; line-height:5.8vw; letter-spacing:0px; color:#FFFFFF; display:block; } .food_text_title { margin:0; padding:1vw 0 0 2%; width:98%; font-family:Poppins-Light; font-size:4.8vw; line-height:2.5vw; } .food_menu_line { margin:0; padding:0 0 0 2%; width:98%; } .food_menu_name { margin:0; padding:0; width:69.5%; font-family:JPLight; font-size:2.0vw; line-height:3.0vw; float:left; } .food_menu_price { margin:0; padding:0 2% 0 0; width:28%; font-family:JPLight; font-size:2.0vw; line-height:3.0vw; text-align:right; float:left; } #course_box { margin:0; padding:0; width:100%; overflow:hidden; position:relative; } #course_box span { margin:0; padding:0.625%; font-family:Poppins-Light; font-size:6.7vw; line-height:7.0vw; color:#FFFFFF; position:absolute; } #course_1 { margin:0; padding:0; width:66.6666667%; float:left; background-image:url(../images/restaurant/course_main.jpg); background-size:100%; background-repeat:no-repeat; background-color:#030; } #course_2 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/restaurant/course_hors.jpg); background-size:cover; background-position:-5vw 0; background-repeat:no-repeat; background-color:#033; } #course_3 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/restaurant/course_pasta.jpg); background-size:180%; background-position:-7vw -2vw; background-repeat:no-repeat; background-color:#036; } #course_4 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/restaurant/course_meat.jpg); background-size:225%; background-position:-15vw -4vw; background-repeat:no-repeat; background-color:#039; } #course_5 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/restaurant/course_bread.jpg); background-size:200%; background-position:-6vw -3vw; background-repeat:no-repeat; background-color:#03C; } #course_6 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/restaurant/course_fish.jpg); background-size:220%; background-position:-5vw -4vw; background-repeat:no-repeat; background-color:#03F; } #course_7 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/restaurant/course_dessert.jpg); background-size:225%; background-position:-10vw -4vw; background-color:#930; } #course_8 { margin:0; padding:0; width:66.6666667%; float:left; color:#FFFFFF; background-color:#7A6A55; } #course_8 h2 { margin:0; padding:3vw 0 0 2vw; font-family:JPLight; font-size:3.0vw; line-height:3.5vw; letter-spacing:1px; } #course_8 small { font-size:1.4vw; } #course_8 p { padding-left:2vw; font-family:JPRegular; font-size:1.4vw; line-height:1.0vw; } #course_8 a { text-decoration:none; color:#FFFFFF; font-family:Oswald-Regular; font-size:4.6vw; line-height:3.8vw } #course_8 .business_time { font-size: 2.6vw; } .p_blank { margin-top:-0.8vw; } #pasta_box { margin:0; padding:0; width:100%; overflow:hidden; color:#FFF3E2; } #pasta_1 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/restaurant/set_pasta_1.jpg); background-size:170%; background-position:-10vw -1vw; background-repeat:no-repeat; background-color:#030; } #pasta_2 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/restaurant/set_pasta_2.jpg); background-size:185%; background-position:-7vw -4vw; background-repeat:no-repeat; background-color:#033; } #pasta_3 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/restaurant/set_pasta_3.jpg); background-size:180%; background-position:-8vw -2vw; background-repeat:no-repeat; background-color:#039; } #pasta_4 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/restaurant/set_pasta_4.jpg); background-size:180%; background-position:-10vw -2vw; background-repeat:no-repeat; background-color:#03C; } #pasta_5 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/restaurant/set_pasta_5.jpg); background-size:170%; background-position:-7vw -2vw; background-repeat:no-repeat; background-color:#03F; } #pasta_6 { margin:0; padding:0; width:33.3333333%; font-family:JPUltraLight; font-size:20vw; text-align:center; float:left; background-color:#006600; } #pasta_7 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/restaurant/set_salad.jpg); background-size:160%; background-position:-14vw 0; background-repeat:no-repeat; background-color:#030; } #pasta_8 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/restaurant/set_bread.jpg); background-size:220%; background-position:-14vw -8vw; background-repeat:no-repeat; background-color:#030; } #pasta_9 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/restaurant/set_dessert.jpg); background-size:200%; background-position:-18vw -10vw; background-repeat:no-repeat; background-color:#030; } #pasta_10 { margin:0; padding:0; width:100%; float:left; background-color:#C20000; } #pasta_10 h2 { margin:0; padding:2vw 0 0 2vw; font-family:JPLight; font-size:4.0vw; line-height:4.5vw; letter-spacing:1px; } #pasta_10 h3 { margin:0; padding:1.0vw 0 0 2vw; font-family:JPLight; font-size:3.0vw; line-height:3.0vw; letter-spacing:1px; } #pasta_10 small { font-size:1.8vw; } #pasta_10 p { padding-left:1vw; font-family:JPLight; font-size:0.8vw; line-height:0.8vw; } #pasta_info_set { margin:0; padding:0; width:100%; font-family:JPRegular; } #pasta_select_1 { margin-left:2vw; padding:1.0vw; width:35%; border:#FFF3E2 2px solid; border-radius:5px; float:left; } #pasta_select_1 dt { padding-left:2vw; padding-bottom:0.5vw; font-size:2.0vw; line-height:2.2vw; } #pasta_select_1 dd { margin-left: 2vw; font-size:1.5vw; line-height:2.0vw; } #pasta_select_2 { margin:0; padding-top:2vw; padding-left:2vw; width:5%; height:100%; font-size:6vw; text-align:center; float:left; } #pasta_select_3 { margin-left:2vw; padding:1.0vw; width:25%; border:#FFF3E2 2px solid; border-radius:5px; float:left; } #pasta_select_3 dt { padding-left:2vw; padding-bottom:0.5vw; font-size:2.0vw; line-height:2.2vw; } #pasta_select_3 dd { margin-left: 2vw; font-size:1.5vw; line-height:2.0vw; } #drink_box { margin:0; padding:0; width:100%; height:auto; color:#FFF3E2; background-color:#003366; overflow: hidden;} #drink_set_last { display:none; } .drink_set { margin:0; padding:0; width:100%; overflow:hidden; float:left; background-color:#003366; } .drink_genre { margin:0; padding:3%; } .drink_genre h3 { margin:0; padding:0; font-family:Poppins-Light; font-size:4.8vw; line-height:4.8vw; letter-spacing:0px; } .drink_genre small { font-size:2.0vw; } .drink_text_set { margin:-4.5vw 0 0 0; padding:3%; } .drink_name { margin:0; padding:0; width:50%; font-family:JPRegular; font-size:2.0vw; line-height:3.0vw; float:left; } .drink_price { margin:0; padding:0; width:50%; font-family:JPRegular; font-size:2.0vw; line-height:3.0vw; text-align:right; float:left; } .drink_left { margin:0; padding:0; width:50%; font-family:JPRegular; font-size:2.0vw; line-height:3.0vw; float:left; } .drink_right { margin:0; padding:0; width:50%; font-family:JPRegular; font-size:2.0vw; line-height:3.0vw; text-align:left; float:left; } .drink_left p { margin:0; padding:0; width:100%; font-family:JPRegular; font-size:2.0vw; line-height:3.0vw; float:left; } .drink_right p { margin:0; padding:0; width:100%; font-family:JPRegular; font-size:2.0vw; line-height:3.0vw; text-align:left; float:left; } /*********** ABOUT ***********/ #about_gallery { margin:0; padding:0; width:100%; overflow:hidden; } #about_gallery_photo_1 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/about/about_photo_1.jpg); background-size:160%; background-position:-11vw 0; background-repeat:no-repeat; background-color:#900; } #about_gallery_photo_2 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/about/about_photo_2.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#930; } #about_gallery_photo_3 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/about/about_photo_3.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#960; } #about_gallery_photo_4 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/about/about_photo_4.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#990; } #about_gallery_photo_5 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/about/about_photo_5.jpg); background-size:160%; background-position:-3vw 0; background-repeat:no-repeat; background-color:#9C0; } #about_gallery_photo_6 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/about/about_photo_8.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#9F0; } #about_gallery_photo_7 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/about/about_photo_9.jpg); background-size:155%; background-position:-9.0vw 0; background-repeat:no-repeat; background-color:#C00; } #about_gallery_photo_8 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/about/about_photo_6.jpg); background-size:160%; background-position:-9.0vw 0; background-repeat:no-repeat; background-color:#C30; } #about_gallery_photo_9 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/about/about_photo_10.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#C60; } #about_gallery_photo_10 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/about/about_photo_11.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#C90; } #about_gallery_photo_11 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/about/about_photo_12.jpg); background-size:160%; background-position:-14vw 0; background-repeat:no-repeat; background-color:#CC0; } #about_gallery_photo_12 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/about/about_photo_7.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#CF0; } #about_floor_1680 { margin:0; padding:0; width:100%; overflow:hidden; display:none; } #about_floor_main_1 { margin:0; padding:0; width:66.6666667%; float:left; /*background-color:#90C;*/ } #about_floor_main_1 img { width:100%; height:auto; } .about_btn_set_1 { margin:0; padding:0; width:16.6666667%; float:left; } .about_btn_1 { margin:0; padding:0; width:100%; background:#0FF; } #about_floor_1280 { margin:0; padding:0; width:100%; overflow:hidden; display:block; } #about_floor_main_2 { margin:0; padding:0; width:100%; float:left; /*background-color:#90C;*/ } #about_floor_main_2 img { width:100%; height:auto; } .about_btn_set_2 { margin:0; padding:0; width:50%; float:left; } .about_btn_2 { margin:0; padding:0; width:50%; float:left; background:#0FF; } .about_btn_2 { width:50%; position:relative; float:left; background:#FFFFFF; } .about_btn_2 span { padding:1.25vw 0 0 1.25vw; font-family:Poppins-Light; font-size:4.3vw; line-height:4.0vw; position:absolute; color:#FFFFFF; } .about_btn_2 img { width:100%; height:auto; } .about_btn_2 small { padding:10.25vw 0 0 1.25vw; position:absolute; font-family:Poppins-Light; font-size:1.8vw; line-height:0vw; color:#FFFFFF; } #about_b { margin:0; padding:2vw 0 2vw 1%; width:99%; float:left; color:#FFF3E2; background-color:#900000; } #about_b_info { margin:0 0 4vw 0; padding:0; font-size:1.8vw; line-height:2.8vw; text-decoration:none; } .b_info_left { margin:0; padding:0; width:11%; font-family:Poppins-Regular; float:left; } .b_info_center { margin:0; padding:0; width:2%; font-family:Poppins-Regular; float:left; } .b_info_right { margin:0; padding:0; width:86%; font-family:JPRegular; float:left; } #about_access h3 { font-family:JPLight; font-size:2.6vw; line-height:3.0vw; letter-spacing:1px; } #about_access p { font-family:JPRegular; font-size:1.6vw; line-height:1.6vw; } #about_contact { margin:0; padding:0; width:100%; float:left; color:#FFF3E2; background-color:#680000; } #about_blank { margin:0; padding:0; width:100%; float:left; color:#FFF3E2; background-color:#900000; } #about_blank_1 { margin:0; padding:0; width:50%; float:left; display:none; background-color:#5E0000; } #about_blank_2 { margin:0; padding:0; width:50%; float:left; display:none; background-color:#680000; } #about_blank_3 { margin:0; padding:0; width:50%; float:left; background-color:#7C0000; } #about_blank_4 { margin:0; padding:0; width:50%; float:left; background-color:#900000; } #about_past { margin:0; padding:1%; width:98%; color:#FFF3E2; background-color:#7A6A55; } #about_past_set { margin:0; padding:1%; width:100%; /*background-color:#7A6A55;*/ } .about_past_box { margin:0; padding:0; width:50%; float:left; /*background-color:#7A6A55;*/ } .about_past_box p { font-family:JPRegular; font-size:1.4vw; line-height:1.5vw; } #btn_send { width:100%; height:100%; position:relative; background:#FFF3E2; } #btn_send span { padding:10px; font-family:JPLight; font-size:7.7vw; line-height:9.7vw; position:absolute; color:#FFF3E2; } #btn_send small { top:54%; left:2.0vw; font-family:Poppins-Regular; font-size:3.8vw; line-height:0vw; letter-spacing:0px; position: absolute; color:#FFF3E2; } #btn_send img { width:100%; height:auto; vertical-align:bottom; } /*********** MAIL FORM ***********/ #about_contact { margin:0; padding:3vw 0 10vw 2%; width:98%; float:left; color:#FFF3E2; background-color:#680000; } .form_memo { margin:0; padding:1px 5px; width:100%; resize:both; border:0; font-size:1vw; font-weight:300; line-height:1.4vw; letter-spacing:1px; color:#900000; } /*********** CONTENTS BOX ***********/ #contents_box { margin:0; padding:0; width:100%; overflow:hidden; } #text_box { margin:0; padding:0 0 4vw 1%; width:99%; float:left; color:#FFF3E2; background-color:#900000; } #text_box h2 { margin:4vw 0 4vw 0; font-family:JPLight; font-size:3.3vw; line-height:3.3vw; letter-spacing:1px; } #text_box h3 { font-family:JPLight; font-size:2.6vw; line-height:2.6vw; letter-spacing:1px; } #text_box p { font-family:JPLight; font-size:1.6vw; line-height:2.4vw; letter-spacing:0px; } #text_ul li { margin-bottom:1.6vw; width:95%; list-style:circle; font-family:JPLight; font-size:1.6vw; line-height:2.4vw; letter-spacing:0px; } #others_blank_1 { margin:0; padding:0; width:50%; height:100%; float:left; overflow:hidden; display:none; } #others_blank_2 { margin:0; padding:0; width:50%; height:100%; float:left; overflow:hidden; display:none; } .recruit_photo { width:50%; float:left; vertical-align:bottom; } .recruit_photo img { width:100%; height:auto; } /*********** PARTY ***********/ #party_box { margin:0; padding:0; width:100%; } #party_photo_1 { margin:0; padding:0; width:100%; float:left; background-image:url(../images/party/party_photo_1.jpg); background-size:100%; background-position:0 -20vw; background-repeat:no-repeat; background-color:#030; } #party_photo_2 { margin:0; padding:0; width:50%; float:left; background-image:url(../images/party/party_photo_2.jpg); background-size:110%; background-position:0 -1vw; background-repeat:no-repeat; background-color:#033; } #party_photo_3 { margin:0; padding:0; width:50%; float:left; background-image:url(../images/party/party_photo_3.jpg); background-size:110%; background-position:0 -3vw; background-repeat:no-repeat; background-color:#036; } #party_photo_4 { margin:0; padding:0; width:100%; float:left; background-image:url(../images/party/party_photo_4.jpg); background-size:110%; background-position:-9vw -10vw; background-repeat:no-repeat; background-color:#039; } #party_text_set { margin:0; padding:0; width:100%; float:left; } #party_text { margin:0; padding:0; width:100%; color:#FFF3E2; background-color:#7A6A55; } #party_thumb_1 { margin:0; padding:0; width:50%; float:left; background-image:url(../images/about/about_photo_1.jpg); background-size:120%; background-position:-8vw -5vw; background-repeat:no-repeat; background-color:#03F; } #party_thumb_2 { margin:0; padding:0; width:50%; float:left; background-image:url(../images/about/about_photo_6.jpg); background-size:130%; background-position:-7vw -6vw; background-repeat:no-repeat; background-color:#930; } #party_info { margin:0; padding:0; width:100%; float:left; background-color:#F2ECDD; } #party_title { padding:4% 3% 0 3%; font-family:Poppins-Light; font-size:6.2vw; line-height:6.2vw; letter-spacing:0px; } #party_subtitle { padding:4% 3% 0 3%; font-family:JPRegular; font-size:3.6vw; line-height:4.0vw; letter-spacing:0px; } .party_sentence { padding:3%; font-family:JPLight; font-size:2.2vw; line-height:4.0vw; letter-spacing:1px; } .party_sentence p { font-family:JPRegular; font-size:2.0vw; line-height:3.6vw; } .party_sentence span { margin:0; padding:0; font-family:JPRegular; font-size:3.0vw; line-height:3.0vw; display:block; } .party_sentence h3 { margin-top:3.5vw; font-family:Oswald-Regular; font-size:6.2vw; line-height:0vw; letter-spacing:-0.5px; } .party_sentence a { text-decoration:none; color:#7A6A55; } /*********** EQUIP ***********/ #equip_box { margin:0; padding:0; width:100%; } #equip_header { margin:0; padding:0; width:100%; background-image:url(../images/equip/equip_header.jpg); background-size:100%; background-position:0 -15vw; background-repeat:no-repeat; background-color:#C39; } #equip_line_1 { margin:0; padding:2vw 0 5vw 0; width:100%; float:left; color:#FFF3E2; background-color:#7A6A55; } #equip_line_2 { margin:0; padding:2vw 0 5vw 0; width:100%; float:left; color:#7A6A55; background-color:#F2ECDD; } #equip_line_3 { margin:0; padding:2vw 0 5vw 0; width:100%; float:left; color:#FFF3E2; background-color:#7A6A55; } #equip_line_break { margin:0; padding:0; width:50%; float:left; color:#FFFFFF; background-color:#7A6A55; display:none; } .equip_title { margin:0; padding:2.5vw 0 1.5vw 2%; width:98%; font-size:6.6vw; line-height:6.6vw; letter-spacing:-0.1vw; } .equip_title span { font-size:2.6vw; line-height:4.8vw; letter-spacing:0.2vw; display: block; } .set_left { margin:0; padding:0 0 3.5vw 2%; width:48%; float:left; } .set_right { margin:0; padding:0 0 3.5vw 2%; width:48%; float:left; } .set_genre { margin:0; padding:1vw 0 1vw 0; font-family:Poppins-Light; font-size:3.4vw; line-height:3.4vw; letter-spacing:0px; } .equip_name { margin:0; padding:0; width:80%; font-family:Poppins-Light; font-size:1.8vw; line-height:2.4vw; letter-spacing:0px; float:left; } .equip_num { margin:0; padding:0; width:10%; font-family:Poppins-Light; font-size:1.8vw; line-height:2.4vw; letter-spacing:0px; text-align:center; float:left; } /*********** SEARCH ***********/ #search_box { margin:0 0 5vw 0; padding:0; width:100%; } #search_notice { margin:0; padding:1%; font-family:JPLight; font-size:4.0vw; line-height:4.8vw; letter-spacing:1px; } #search_notice span { margin:0; padding:0; font-family:Poppins-Light; font-size:2.0vw; line-height:2.8vw; display:block; } .search_event { margin:0; padding:1%; } .search_event_date { width:15%; font-family:Poppins-Light; font-size:2.4vw; line-height:3.0vw; float:left; } .search_event_name { width:80%; font-family:JPLight; font-size:2.4vw; line-height:3.0vw; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .search_event a { text-decoration:none; color:#7A6A55; } /*********** FOOTER ***********/ footer { margin:0; padding:0; width:100%; color:#FFF3E2; background-color:#760000; } footer h1 { font-family:Poppins-Light; font-size:38px; line-height:40px; letter-spacing:-0.5px; font-feature-settings:"palt"; } footer p { margin:0; padding:0; font-family:JPLight; font-size:10px; line-height:14px; } footer a { text-decoration:none; color:#FFF3E2; } .letter_kerning { letter-spacing:-3px; } .footer_btn { margin:0; padding:0; width:33.3333334%; height:auto; position:relative; float:left; display:block; line-height:0; border:1px solid #FFF; box-sizing:border-box; } .footer_btn span { padding:20px; font-family:JPLight; font-size:4.2vw; line-height:4.6vw; letter-spacing:0px; position:absolute; } .footer_btn small { font-family:Poppins-Regular; font-size:2.2vw; line-height:2.2vw; letter-spacing:0px; } .footer_btn img { width:100%; height:100%; vertical-align:top; } .company_info { width:100%; /*float:left;*/ /*background-color:#CF6;*/ } #footer_title { margin:30px 0 30px 3.125%; padding:0; width:93.75%; /*background-color:#990;*/ } #footer_d_set { margin:0 0 30px 3.125%; } #footer_d_logo { margin:0 3.125% 0 0; padding:0; width:18%; float:left; /*background-color:#060;*/ } #footer_d_logo img { width:95%; height:auto; } #footer_d_info { width:75.75%; float:left; /*background-color:#936;*/ } #d_info { margin:0 3.125% 0 0; padding:0; width:45%; float:left; font-family:JPLight; font-size:10px; line-height:14px; /*text-align:justify;*/ word-wrap:break-all; -webkit-hyphens:manual; -moz-hyphens:manual; -ms-hyphens:manual; hyphens:manual; } #info_1280 { display:inline; } #d_address { font-family:JPLight; width:46%; float:left; } #d_address p { font-family:JPLight; font-size:10px; /*text-align:justify;*/ word-wrap:break-all; -webkit-hyphens:manual; -moz-hyphens:manual; -ms-hyphens:manual; hyphens:manual; } #footer_b_logo { margin:0 0 0 0; width:100%; height:100px; text-align:center; vertical-align:bottom; line-height:100px; /*background-color:#066;*/ } #footer_b_logo img { width:160px; height:auto; } .restaurant_set { margin:30px 0 0 20px; padding:0; width:46.875%; float:left; /*background-color:#C96;*/ } .restaurant_box { margin:0 0 50px 0; width:100%; } .restaurant_logo { margin:0 0 0 3.125%; width:31.25%; float:left; } .restaurant_info { margin:0 3.125% 0 3.125%; width:59.375%; float:left; } #logo_nikusuki { width:96%; height:auto; } #logo_choiura { width:91.5%; height:auto; } #logo_koko { width:86%; height:auto; } #logo_beerk { width:88%; height:auto; } #logo_tekkote { width:70.5%; height:auto; } #logo_saketo { width:100%; height:auto; } #logo_awakure { width:90%; height:auto; } } @media screen and (max-width:640px) { /*********** COMMON ***********/ #wrapper { height: 100vh; /*overflow: scroll;*/ -webkit-overflow-scrolling: touch; } .br_960 { display:none; } .block_blank { display:none; } .block_blank_1 { width:33.3333334%; display:block; float:left; background:#900000; } .block_blank_2 { width:33.3333334%; display:none; float:left; background:#7C0000; } .block_blank_3 { width:33.3333334%; display:none; float:left; background:#680000; } .block_blank_4 { width:33.3333334%; display:none; float:left; background:#5E0000; } .block_blank_5 { width:33.3333334%; display:none; float:left; background:#4A0000; } .block_blank_6 { width:33.3333334%; display:none; float:left; background:#360000; } .block_blank_7 { width:33.3333334%; display:none; float:left; background:#2C0000; } #footer_bridge { display:inline; } #whatsnew { margin: 0 0 4vw 0; } #whatsnew h1 { margin: 2vw 0 0 0; padding: 2vw; font-size: 12.0vw; } .whats_topic { margin: 0; padding: 2vw; } .whats_topic h2 { margin: 0; font-size: 6vw; } .whats_topic p { margin: 0; font-size: 3.5vw; line-height: 4.5vw; } #top_info { margin:0 30px 0 0; padding:0; float:right; } #middle_wrapper { margin:0; padding:0; width:100%; /*background-color:#060;*/ } #contents_wrapper { margin:20px; padding:0; } .h1_jp { font-size:2.4vw; font-weight:400; } .h2_jp { font-size:2.0vw; font-weight:400; } .head_submit { margin:0 10px 0 0; padding:0; float:left; } .top_header_title { margin: 0; padding: 0; width: 100%; height: 34vw; } .top_header_title h1 { padding:0 0 0 1.5vw; font-size: 12.0vw; line-height: 24vw; } .top_header_title p { margin-top: -3.0vw; padding:0 0 0 1.5vw; font-size: 3.2vw; line-height: 4.6vw; letter-spacing: 0vw; } .top_header_title span { right: 3.5vw; font-size: 3.0vw; line-height: 24vw; letter-spacing: 0.2vw; position: absolute; float: right; } /*********** SP ***********/ #sp_header_title { margin:0 0 4vw 0; padding:0; width:100%; height:12vw; /*background-color:#060;*/ } #page_sp_title { margin-top:-4vw; padding:0 0 0 1.04vw; width:100%; /*float:left;*/ background-color:#900; } #page_sp_title h1 { font-family:Oswald-Light; font-size:10.0vw; line-height:0.0vw; } #page_subtitle { margin:0; padding:0 0 1vw 1.04vw; width:100%; text-align: left; /*float:right;*/ /*background-color: aliceblue;*/ } #page_subtitle h2 { font-family:JPLight; font-size:4.4vw; line-height: 0.0vw; letter-spacing: 0.2vw; } #sp_header { margin:0; padding:0; width:100%; background-image:url(../images/sp/B_12th_header.jpg); background-size:205%; background-position:0 center; background-repeat:no-repeat; background-color:#C39; } #line_1 { width:100%; float:left; color:#FFFFFF; background-color:aliceblue; } #line_2 { width:100%; float:left; color:#FFFFFF; background-color:#7A6A55; } #line_3 { width:100%; float:left; color:#7A6A55; background-color:#F2ECDD; } #line_2 { text-align: center; } .greeting_message { font-size: 3.8vw; line-height: 7.6vw; letter-spacing: 0.6vw; } .topic_title { font-size: 7.4vw; line-height: 1.0vw; } .topic_sentence { font-size: 3.4vw; line-height: 3.0vw; } .topic_info { font-size: 7.4vw; line-height: 1.0vw; } .topic_info span { font-size: 3.6vw; line-height: 12.0vw; display: block; } /*********** SP-FORM ***********/ .sp_notice { margin-top: 4vw; padding:0 3.0vw; font-size: 3.2vw; line-height: 5.0vw; letter-spacing: 0.2vw; } .sp_form { color: #7A6A55; } .sp_form_line { margin:0; padding:0 3.0vw; width:96%; height:4.0vw; font-family:JPLight; font-size:5.4vw; line-height: 6.0vw; letter-spacing:1px; /*background-color:#093;*/ } .sp_form_left { margin:0; padding:5.5vw 0 0 0; width:96%; height:3vw; line-height:3vw; /*float:left;*/ /*background-color:#906;*/ } .sp_form_right { margin:0; padding:0 3.0vw;; width:94%; /*float:left;*/ background-color:#CC3; } .sp_form_right_name { margin:0 6.3% 0 -1.3%; padding:0; width:45%; float:left; /*background-color:#CC3;*/ } .sp_form_right_long { margin:0 4% 0 -1.3%; padding:0; width:100%; float:left; /*background-color:#CC3;*/ } .qty_form { margin:0; padding:0 1.5vw; width:20%; height:10.5vw; border:0; font-size:4.4vw; font-weight:300; line-height:5vw; letter-spacing:1px; color:#7A6A55; } .sp_name_form { margin:0; padding:0 2.0vw; width:96%; height:10.5vw; border:0; font-size:4.4vw; font-weight:300; line-height:5vw; letter-spacing:1px; color:#7A6A55; } .sp_form_long { margin:0; padding:0 10px; width:94%; height:10.5vw; border:0; font-size:4.4vw; font-weight:300; line-height:5vw; letter-spacing:1px; color:#7A6A55; } #sp_form_btn_set { margin-top: 10vw; padding: 0 3.0vw 14.0vw 0; } #sp_btn_attend { font-family: JPLight; font-size:5.4vw; letter-spacing: 1.0vw; float: left; } #sp_btn_attend { margin-left: 3.0vw; margin-right: 6%; background-color: #900000; color: #fff; display: inline-block; width: 45%; height: 16vw; text-align: center; text-decoration: none; line-height: 16vw; outline: none; } #sp_btn_attend::before, #sp_btn_attend::after { position: absolute; z-index: -1; display: block; content: ''; } #sp_btn_attend, #sp_btn_attend::before, #sp_btn_attend::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; } #sp_btn_attend:hover { background-color: #680000; } #sp_btn_absent { font-family: JPLight; font-size:5.4vw; letter-spacing: 1.0vw; float: left; } #sp_btn_absent { background-color: #DFD3C4; color: #7A6A55; display: inline-block; width: 45%; height: 16vw; text-align: center; text-decoration: none; line-height: 16vw; outline: none; } #sp_btn_absent::before, #sp_btn_absent::after { position: absolute; z-index: -1; display: block; content: ''; } #sp_btn_absent, #sp_btn_absent::before, #sp_btn_absent::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; } #sp_btn_absent:hover { background-color: #CFC4B6; } /*********** NAVI ***********/ #navi_set { top:0; left:0; margin:0; padding:0; width:100%; height:20vw; color:#FFF3E2; position:fixed; z-index:9999; background-color:rgba(0,0,0,0.9); } #navi_sp_icon { margin:0 20px 0 0; padding:5vw 0 0 0; float:right; display:block; height:10vw; line-height:10vw; /*background-color:#900;*/ } #navi_sp_icon img { width:auto; height:9vw; } #navi_sp_set { visibility:visible; } .sp_li a { text-decoration:none; color:#FFF3E2; } #logo_set { width:50%; height:20vw; float:left; } #logo { margin:5.5vw 0 0 20px; padding:0px; width:100%; height:auto; } #logo img { width:100%; height:auto; } #console_set { height:120px; float:right; display:none; } #navi_upper { height:60px; line-height:60px; /*background-color:#060;*/ } #upper_set { margin:0 20px 0 0; width:100%; height:60px; text-align:right; float:right; /*background-color:#03F;*/ } #navi_upper ul,li { margin:0 40px 0 0; padding:0; list-style:none; font-family:Oswald-Regular; font-size:25px; line-height:60px; } #navi_upper li { float:left; } #btn_search { margin:0 0 0 0; border:0px; width:24px; height:24px; background:url(../images/common/header_icons_search.png) left top no-repeat; vertical-align:middle; } #btn_search:hover { cursor:pointer; } .navi_search { margin:18px 0 0 0; padding:0; width:160px; height:24px; border:1px #FFF3E2 solid; color:#FFF3E2; background-color:rgba(0,0,0,0); } #navi_bottom { height:60px; line-height:60px; } #sns_icon_set { margin:0; padding:0; height:60px; line-height:60px; float:right; } .sns_icon { margin:15px 30px 0 0; padding:0; width:30px; height:auto; } #info_set { height:60px; line-height:60px; float:right; /*background-color:#900;*/ } #info_set a { margin:0 20px 0 0; text-decoration:none; color:#FFF3E2; font-family:Oswald-Regular; font-size:20px; line-height:60px; } #info_set img { margin:0 10px 0 0; width:auto; height:20px; } /*********** TOP-EVENT ***********/ #top_today { width:100%; } #top_pickup { width:100%; } #top_event_clear { display: block; } .top_event_box { margin-bottom: 0vw; width: 100%; float: left; background-color: #900000; } .top_event_pickup_box { margin-bottom: 0vw; width: 100%; float: left; } .top_event_box_wanted { margin-bottom: 0vw; width: 100%; float: left; background-color: #900000; } .top_event_box_left { width: 23.75%; float: left; } .top_event_box_right { width: 1.78571429%; float: left; } .top_event_box_bottom { width: 100%; height: 2.0vw; float: left; } .top_event_date { font-size: 8.0vw; letter-spacing: -0.15vw; line-height: 8.0vw; } .top_event_date span { margin-top: -0.2vw; display: block; font-size: 5.0vw; letter-spacing: 0vw; line-height: 5.0vw; } .date_set { padding: 1.0vw; } .top_event_badge { background-color: aliceblue; } .top_event_photo { width: 74.4642857%; float: left; background-color: #C2CD80; } #top_event_wanted { width: 98.2142857%; float: left; } #top_event_wanted h1 { margin: 5vw 0 0 0; font-size: 12.0vw; line-height: 12.0vw; } #top_event_wanted p { margin-top: 22vw; font-size: 2.6vw; line-height: 3.7vw; } #top_event_wanted span { margin-top: 3.4vw; font-size: 3.9vw; line-height: 4.0vw; } .wanted_mail_icon { font-size: 5.0vw; } #top_event { margin:0; padding:0; } #top_event_box_today { margin:0; padding:0; width:50%; float:left; } #top_event_box_tonight { margin:0; padding:0; width:50%; float:left; } #top_event_box_pickup1 { margin:0; padding:0; width:50%; float:left; } #top_event_box_pickup2 { margin:0; padding:0; width:50%; float:left; } #top_event_box_pickup3 { margin:0; padding:0; width:50%; float:left; } #top_event_box_pickup4 { margin:0; padding:0; width:50%; float:left; } #top_event_box_pickup5 { margin:0; padding:0; width:50%; float:left; } #top_event_box_pickup6 { display: none; } #top_event_box_pickup7 { display: none; } .top_event_text { margin:0; padding:2%; width:96%; font-family:Poppins-Light; font-size:6.0vw; } .top_event_img { margin:0; padding:0; width:100%; /*background-color:#066;*/ } .top_event_img img { width:100%; height:auto; } .top_event_pickup_title { width:70%; float:left; position: relative; } .top_event_pickup_title span { top:70%; font-size: 2.0vw; line-height: 2.0vw; letter-spacing: 0.05vw; display: block; position: absolute; } .top_event_pickup_date { padding-top:6.0vw; width:30%; font-family:Poppins-Light; font-size:5.5vw; line-height:5.5vw; text-align:right; float:right; /*background-color:#F69;*/ } .top_event_pickup_date span { margin-top:0; display:block; font-size:3.5vw; line-height:3.0vw; letter-spacing:0px; } /*********** TOP-UPCOMING ***********/ #top_upcoming { margin:0; padding:0 0 8.0vw 0; width:100%; height:auto; color:#FFF3E2; float:left; /*overflow:hidden;*/ background-color:#4A0000; } #top_upcoming_set { margin:0; padding:0; width:100%; height:auto; background-color:#4A0000; } #top_upcoming_title { margin:-1vw 0 6vw 0; padding:0 0 0 2%; width:96%; font-family: JPLight; font-size:6.5vw; line-height: 7.0vw; letter-spacing: 0.1vw; position: relative; } #top_upcoming_title span { top: 33%; margin:0; width:96%; font-family:Poppins-Light; font-size:3.5vw; letter-spacing: 0vw; display: block; position: absolute; } #top_upcoming_list { margin:0; padding:0; } .top_upcoming_line { margin-bottom: 4.0vw; padding-bottom: 4.0vw; padding-left:2.08333333%; width:97.9166667%; height:auto; /*background-color:#F63;*/ } .upcoming_event_date { width:100%; font-family:Poppings-Light; font-size:3.5vw; line-height:3.0vw; letter-spacing:0; float:left; } .upcoming_event_name { width:90%; font-family:JPLight; font-size:4.5vw; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left; /*background-color:#09F;*/ } .upcoming_btn { margin-right:20px; font-family:JPLight; font-size:3.5vw; background-image:url(../images/common/btn_rsv_event_s.png); background-size:cover; float:left; } /*********** TOP-BTN_EVENT ***********/ #top_btn_event { width:33.3333333%; float:left; overflow:hidden; /*background-color:#09C;*/ } #btn_event { width:100%; position:relative; background:#4A0000; } #btn_event span { padding:10px; font-family: JPLight; font-size:4.2vw; line-height:4.0vw; position:absolute; color:#4A0000; } #btn_event small { padding-top: -4vw; font-family:Poppins-Regular; font-size:2.4vw; line-height:0vw; letter-spacing:0px; } #btn_event img { width:100%; height:100%; } /*********** TOP-B_APP ***********/ #b_app { margin:0; padding:0; width:66.6666668%; height:auto; float:left; /*background-image:url(../images/common/b_app_set.jpg); background-size:cover;*/ } #b_app_set { width:100%; position:relative; } #b_app_txt { width:50%; font-family:Poppins-Light; font-size:5.6vw; line-height:5.6vw; position:absolute; color:#FFF; top:1.248vw; right:0; } #b_app_badge { margin:2vw 0 0 11vw; width:50%; /*position:absolute;*/ /*background-color:#03F;*/ } #b_app_badge img { width:100%; height:auto; vertical-align:bottom; } #b_app_txt { top:1.248vw; right:0; margin-right: 3vw; width:55%; font-family:JPMedium; font-size:2.4vw; line-height:2.4vw; text-align: right; position:absolute; color:#FFF; } #b_app_txt span { padding-top: 0.2vw; font-family: Poppins-Regular; font-size:7.0vw; line-height: 5.0vw; display: block; } #b_app_txt small { font-family: JPRegular; font-size:2.0vw; } #b_app_txt h3 { margin-top: 4.0vw; font-family: Poppins-Medium; font-size: 7.6vw; line-height: 0vw; letter-spacing: 0vw; color: #FFE400; } #b_app_badge { margin-top: -3.0vw; margin-left:17.5vw; width:50%; } #b_app_badge img { margin-bottom: 0.8vw; width:100%; height:auto; vertical-align:bottom; } /*********** TOP-SP_MENU ***********/ #sp_food { margin:0; padding:0; width:100%; } .sp_food_box { width: 50%; } #sp_food_over_1280 { display:none; } #sp_food_961_1280 { display:none; } #sp_food_641_960 { margin:0; padding:0; display:block; } #sp_food_640 { display:none; } #sp_menu_s1 { width:66.6666667%; float:left; background-image:url(../images/restaurant/sp_food_1.jpg); background-size:cover; background-repeat:no-repeat; /*background-color:#060;*/ background-position:-3.0vw 0vw; } #sp_menu_s2_3 { width:33.3333333%; float:left; } #sp_menu_s2 { width:100%; /*float:left;*/ background-image:url(../images/restaurant/sp_food_3.jpg); background-size:cover; background-repeat:no-repeat; background-position:-5vw 0vw; /*background-color:#C90;*/ } #sp_menu_s3 { width:100%; /*float:left;*/ background-image:url(../images/restaurant/sp_food_4.jpg); background-size:cover; background-repeat:no-repeat; background-position:-8vw 0vw; /*background-color:#C30;*/ } #sp_menu_s4 { width:66.6666667%; float:left; background-image:url(../images/restaurant/sp_food_2.jpg); background-size:cover; background-repeat:no-repeat; background-position:0vw -8vw; /*background-color:#C90;*/ } #sp_menu_s5 { width:33.3333333%; position:relative; float:left; background-color:#FFFFFF; } #sp_menu_s5 span { padding:2vw 10px 10px 10px; font-family:JPLight; font-size:4.2vw; line-height:4.3vw; position:absolute; color:#FFFFFF; } #sp_menu_s5 small { padding-top: -4vw; font-family:Poppins-Regular; font-size:2.4vw; line-height:0vw; letter-spacing:0px; top: 41%; left:2.5vw; position: absolute; color: #FFFFFF; } #sp_menu_s5 img { width:100%; height:auto; } /*********** TOP-WEDDING ***********/ #wedding { background-size:117%; background-position:-10vw 0vw; } #wedding_banner { margin:0; padding:13vw 0 0 0; display:block; width:100%; height:100%; } #wedding_banner img { margin:17vw 0 3vw -2vw; padding:0; width:35%; height:auto; -webkit-filter:drop-shadow(0 0 15px #FFFBEC); } #wedding_banner p { margin:0 auto; padding:0; width:95%; font-family:JPRegular; font-size:2.5vw; line-height:4.5vw; letter-spacing:0.3vw; text-shadow:1px 1px 8px #000; } /*********** TOP-ABOUT ***********/ #top_about { margin:0; padding:0; width:100%; } #about_photo { magin:0; padding:0; width:100%; float:left; background-color:#000000; } #about_layout { margin:0; padding:0; width:100%; float:left; background-image:url(../images/about/about_layout_1.jpg); background-repeat:no-repeat; background-size:cover; background-position:0 0; } .photo_thumb { margin:0; padding:0; width:33.3333333%; float:left; } #top_about_thumb1 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/about/about_photo_1.jpg); background-repeat:no-repeat; background-size:cover; background-position:-40px 0; } #top_about_thumb2 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/about/about_photo_2.jpg); background-repeat:no-repeat; background-size:cover; background-position:-60px 0; } #top_about_thumb3 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/about/about_photo_3.jpg); background-repeat:no-repeat; background-size:cover; background-position:0 0; } #top_about_thumb4 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/about/about_photo_4.jpg); background-repeat:no-repeat; background-size:cover; background-position:0 0; } #top_about_thumb5 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/about/about_photo_5.jpg); background-repeat:no-repeat; background-size:cover; background-position:-40px 0; } #top_about_thumb6 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/about/about_photo_6.jpg); background-repeat:no-repeat; background-size:cover; background-position:-30px 0; } #top_about_thumb7 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/about/about_photo_7.jpg); background-repeat:no-repeat; background-size:cover; background-position:0 0; } #top_about_btn { margin:0; padding:0; width:33.3333333%; position:relative; float:left; background-color:#360000; } #top_about_btn span { padding:10px; font-family: JPLight; font-size:4.2vw; line-height:4.3vw; position:absolute; color:#360000; } #top_about_btn small { padding-top: -5vw; font-family:Poppins-Regular; font-size:2.4vw; line-height:0vw; letter-spacing:0px; } #top_about_btn img { width:100%; height:auto; vertical-align:bottom; } /*********** TOP-PARTY ***********/ #party { background-size:140%; background-position:center; } #party a { display:block; text-decoration:none; color:#FFF3E2; } #party_banner { margin:0; padding:0; display:table-cell; vertical-align:middle; width:100%; height:100%; } #party_banner img { margin:30vw auto; padding:0; width:40%; height:auto; /*-webkit-filter:drop-shadow(0 0 15px #FFFBEC);*/ } #party_banner p { margin:0 auto; padding:0; width:95%; font-family:JPRegular; font-size:3vw; line-height:1.0vw; line-height:5vw; letter-spacing:0.2vw; text-shadow:1px 1px 8px #000; } /*********** TOP-ABOUT ***********/ #about { background-size:145%; background-position:center -25vw; } #about a { display:block; text-decoration:none; color:#FFF3E2; } #about_banner { margin:0; padding:0; display:table-cell; vertical-align:middle; width:100%; height:100%; } #about_banner img { margin:30vw auto; padding:0; width:40%; height:auto; /*-webkit-filter:drop-shadow(0 0 15px #FFFBEC);*/ } #about_banner p { margin:0 auto; padding:0; width:95%; font-family:JPRegular; font-size:3vw; line-height:1.0vw; line-height:5vw; letter-spacing:0.2vw; text-shadow:1px 1px 8px #000; } /*********** PAGE-HEADER ***********/ #header_title { margin:0 0 6vw 0; padding:0; width:100%; height:10vw; /*background-color:#060;*/ } #page_title h1 { margin:-2vw 0 0 2vw; padding:0 0 1vw 1.04vw; width:40%; font-family:Oswald-Light; font-size:15.0vw; line-height:15.5vw; letter-spacing:0px; float:left; /*background-color:#900;*/ } #page_title_long h1 { margin:-2vw 0 2vw 0; padding:0 0 0 1.04vw; width:95%; font-family:Oswald-Light; font-size:13.5vw; line-height:13.5vw; letter-spacing:-0.3vw; float:left; /*background-color:#900;*/ } #page_title_long a { text-decoration:none; color:#7A6A55; } #cal_link { margin: 0; padding: 3vw 0 0 2%; width: 98%; font-size: 10.0vw; float: left; line-height: 13vw; text-align: left; /*background-color: #0CF;*/ } #cal_header_icon_set { margin: 0; padding: 0; width: 100%; line-height: 13vw; text-align: right; float: right; /*background-color: aliceblue;*/ } .icon_wrap { margin-left: 2.0vw; text-align: left; font-size: 3.0vw; line-height: 13vw; float: left; /*background-color: aquamarine;*/ } .icon_wrap img { width: 5.0vw; height: auto; vertical-align: middle; } #cal_switch { margin: -4vw 0 0 0; padding-right: 2%; width: 45%; line-height: 7.0vw; text-align: right; float: right; } #cal_switch img { width: 54%; height: auto; vertical-align: middle; } /*********** TOP-EVENT-CAL ***********/ #top_event_cal { margin:0; padding:2px; width:100%; /*background-color:#9F0;*/ } .top_cal_week { font-family:Poppins-Light; } .top_cal_week th { width:14.2857143%; } .top_dayBox { margin:0; padding:5px; vertical-align:top; border:#FFFFFF 0.5px solid; /*background-color:#7A6A55;*/ } .top_dayBox_1 { margin:0; padding:5px; vertical-align:top; border:#FFFFFF 0.5px solid; background-color:#7A6A55; } .top_dayBox_2 { margin:0; padding:5px; vertical-align:top; border:#FFFFFF 0.5px solid; background-color:#94846F; } .top_dayBox_3 { margin:0; padding:5px; vertical-align:top; border:#FFFFFF 0.5px solid; background-color:#A69681; } .top_dayBox_4 { margin:0; padding:5px; vertical-align:top; border:#FFFFFF 0.5px solid; background-color:#B5A591; } .top_dayBox_5 { margin:0; padding:5px; vertical-align:top; border:#FFFFFF 0.5px solid; background-color:#C7B8A5; } .top_dayBox_6 { margin:0; padding:5px; vertical-align:top; border:#FFFFFF 0.5px solid; background-color:#33CCFF; } .top_dayBox_7 { margin:0; padding:5px; vertical-align:top; border:#FFFFFF 0.5px solid; background-color:#FF99CC; } .top_dayDetail { margin:0.5vw 0 0 0; padding:0px; width:100%; border-collapse:collapse; table-layout:fixed; } .top_day_top { margin:0 0 0 0; padding:0; font-family:Poppins-Light; font-size:6vw; line-height:6vw; letter-spacing:-1px; text-align:left; color:#FFF; /*background-color:#9F0;*/ } .top_day_top a { color:#FFF; text-decoration:none; } .top_day_name { margin:-0.52vw 0 0 0; padding: 0; font-family:JPRegular; font-size:1.0vw; line-height:0.5vw; text-align:left; color:#FFF; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; /*background-color:#CF9;*/ } .top_day_name img { margin-right: 2vw; width: 4.5vw; height: auto; } /*********** EVENT-PICKUP ***********/ #event_pickup { margin:0; padding:0; width:100%; /*float:left;*/ } #event { margin:0; padding:0; } #event_box_today { margin:0; padding:0; width:50%; float:left; color:#FFF3E2; overflow:hidden; background-color:#900000; } #event_box_tonight { margin:0; padding:0; width:50%; float:left; color:#FFF3E2; overflow:hidden; background-color:#7C0000; } #event_box_pickup1 { margin:0; padding:0; width:50%; float:left; color:#FFF3E2; overflow:hidden; background-color:#680000; } #event_box_pickup2 { margin:0; padding:0; width:50%; float:left; color:#FFF3E2; overflow:hidden; background-color:#5E0000; } #event_box_pickup3 { margin:0; padding:0; width:50%; float:left; color:#FFF3E2; overflow:hidden; background-color:#4A0000; } #event_box_pickup4 { margin:0; padding:0; width:50%; float:left; color:#FFF3E2; overflow:hidden; background-color:#360000; } #event_box_pickup5 { margin:0; padding:0; width:50%; float:left; color:#FFF3E2; overflow:hidden; background-color:#2C0000; } #event_box_pickup6 { margin:0; padding:0; width:50%; float:left; color:#FFF3E2; overflow:hidden; background-color:#2C0000; } #event_box_pickup7 { margin:0; padding:0; width:50%; float:left; color:#FFF3E2; overflow:hidden; background-color:#2C0000; } #event_box_pickup8 { margin:0; padding:0; width:50%; float:left; color:#FFF3E2; overflow:hidden; background-color:#2C0000; } #event_box_pickup9 { margin:0; padding:0; width:50%; float:left; color:#FFF3E2; overflow:hidden; background-color:#2C0000; } #event_box_pickup10 { margin:0; padding:0; width:50%; float:left; color:#FFF3E2; overflow:hidden; background-color:#2C0000; } #event_box_pickup11 { margin:0; padding:0; width:50%; float:left; color:#FFF3E2; overflow:hidden; background-color:#2C0000; } .event_text { margin:0; padding:0 0 0 2%; width:96%; font-family:Poppins-Light; font-size:7vw; } .event_img { width:100%; /*background-color:#9C0;*/ } .event_img img { width:100%; height:auto; vertical-align:bottom; } .event_pickup_title { width:70%; float:left; position: relative; } .event_pickup_title span { top:70%; font-size: 2.0vw; line-height: 2.0vw; letter-spacing: 0.05vw; display: block; position: absolute; } .event_pickup_date { padding-top:5.0vw; width:30%; font-family:Poppins-Light; font-size:5.5vw; line-height:5.5vw; text-align:right; float:right; /*background-color:#F69;*/ } .event_pickup_date span { margin-top:0; display:block; font-size:3.5vw; line-height:3.0vw; letter-spacing:0px; } /*********** EVENT-UPCOMING ***********/ #event_upcoming { margin:0; padding:0 0 6.0vw 0; width:100%; height:auto; color:#FFF3E2; float:left; background-color:#4A0000; } #event_upcoming_set { margin:0; padding:0; width:100%; height:auto; background-color:#4A0000; } #event_upcoming_title { margin:-1vw 0 6vw 0; padding:0 0 0 2%; width:96%; font-family: JPLight; font-size:6.5vw; line-height: 7.0vw; letter-spacing: 0.1vw; position: relative; } #event_upcoming_title span { top: 33%; margin:0; width:96%; font-family:Poppins-Light; font-size:3.5vw; letter-spacing: 0vw; display: block; position: absolute; } #event_upcoming_list { margin:0; padding:0; } .event_upcoming_line { margin-bottom:4.0vw; padding:0 0 0 2.08333333%; width:97.9166667%; height:auto; } .event_upcoming_event_date { margin:0; padding:0; width:100%; font-family:Poppings-Light; font-size:4.0vw; line-height:0vw; letter-spacing:0; float:left; } .event_upcoming_event_name { margin:-2vw 0 0 0; padding:0; width:90%; font-family:JPLight; font-size:4.0vw; /*overflow:hidden; white-space:nowrap; text-overflow:ellipsis;*/ float:left; } .event_upcoming_event_name a { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display: block; } .event_upcoming_btn { margin-right:20px; font-family:JPLight; font-size:3.0vw; background-image:url(../images/common/btn_rsv_event_s.png); background-size:cover; float:left; } /*********** EVENT-UPCOMING_NEW ***********/ #event_upcoming_new { margin:0; padding:0; width:100%; color:#7A6A55; float:left; /*overflow:hidden; background-color:#4A0000;*/ } #event_upcoming_new_set { margin:0; padding:0; width:100%; /*background-color:#4A0000;*/ } .event_upcoming_line_date { width: 28.5249142%; float: left; color: #FFFFFF; /*background-color: #7A6A55;*/ } .event_upcoming_line_btn { width: 28.5249142%; height: 100%; float: left; color: #FFFFFF; /*background-color: #4A0000;*/ vertical-align: bottom; } .event_upcoming_line_photo { width: 42.9141717%; float: left; vertical-align: bottom; background-color: #333333; } .event_upcoming_line_photo img { width: 100%; height: 100%; } .event_upcoming_line_info { padding: 0; width: 100%; float: right; overflow: hidden; } .event_upcoming_line_name { padding:2vw; font-size: 120%; line-height: 120%; letter-spacing: -0.1vw; } .event_upcoming_line_name span { margin-top: 0vw; font-size: 40%; line-height: 200%; display: block; } .event_upcoming_line_contents { padding: 2vw; font-size: 75%; line-height: 140%; } .event_month { font-size: 9vw; line-height: 12vw; letter-spacing: -0.1vw; } .event_day { padding-right: 0.5vw; font-size: 15vw; line-height: 14vw; letter-spacing: -0.2vw; } .event_day span { margin-top: -1.3vw; margin-right: 1vw; font-size: 6vw; line-height: 4vw; } .badge_call_new { width:100%; position:relative; background:#000000; } .badge_call_new span { padding:2vw; font-family:Poppins-Light; font-size:2.7vw; line-height:3.6vw; letter-spacing: -0.2vw; position:absolute; color:#FFF3E2; } .badge_call_new img { width: 100%; height: auto; vertical-align: bottom; } .badge_out_new { bottom: 0; width:100%; position:relative; background:#000000; } .badge_out_new span { padding:4.0vw 2.0vw 2.0vw 2.0vw; font-family:JPLight; font-size:5.4vw; line-height:4.0vw; position:absolute; color:#900000; } .badge_out_new small { font-family:Poppins-Regular; font-size:2.6vw; line-height:0vw; letter-spacing:0px; } .badge_out_new img { width:100%; height:auto; vertical-align:bottom; } .badge_wait_new { width:100%; position:relative; background:#900000; } .badge_wait_new span { padding:10px; font-family:Poppins-Light; font-size:3.8vw; line-height:4.4vw; position:absolute; color:#900000; } .badge_wait_new img { width:100%; height:auto; vertical-align:bottom; } .badge_now_new { width:100%; overflow:hidden; position:relative; background:#FFFFFF; } .badge_now_new span { padding:4.0vw 2.0vw 2.0vw 2.0vw; overflow:hidden; font-family:JPLight; font-size:4.4vw; line-height:4.0vw; position:absolute; color:#900000; } .badge_now_new small { font-family:Poppins-Regular; font-size:2.6vw; line-height:0vw; letter-spacing:0px; } .badge_now_new img { width:100%; height:100%; overflow:hidden; vertical-align:bottom; } .badge_playguide_new { width:100%; overflow:hidden; position:relative; background:#FFFFFF; } .badge_playguide_new span { padding:2.5vw 1.5vw 1.5vw 1.5vw; overflow:hidden; font-family:JPLight; font-size:4.0vw; line-height:4.8vw; letter-spacing: -0.1vw; position:absolute; color:#003399; } .badge_playguide_new small { top: 13.0vw; left:1.5vw; font-family:Poppins-Regular; font-size:2.4vw; line-height:2.4vw; letter-spacing:-0.1vw; position: absolute; color:#003399; } .badge_playguide_new img { width:100%; height:100%; overflow:hidden; vertical-align:bottom; } .badge_wedding_new { width:100%; overflow:hidden; position:relative; background:#FFFFFF; } .badge_wedding_new span { padding:2.5vw 1.5vw 1.5vw 1.5vw; overflow:hidden; font-family:JPLight; font-size:4.0vw; line-height:4.8vw; letter-spacing: -0.1vw; position:absolute; color:#7A6A55; } .badge_wedding_new small { top: 13.0vw; left:1.5vw; font-family:Poppins-Regular; font-size:2.4vw; line-height:2.4vw; letter-spacing:-0.1vw; position: absolute; color:#7A6A55; } .badge_wedding_new img { width:100%; height:100%; overflow:hidden; vertical-align:bottom; } .badge_closed_new { bottom: 0; width:100%; position:relative; background:#444444; } .badge_closed_new span { padding:4.0vw 2.0vw 2.0vw 2.0vw; font-family:JPLight; font-size:5.8vw; line-height:4.0vw; position:absolute; color:#666666; } .badge_closed_new small { font-family:Poppins-Regular; font-size:2.6vw; line-height:0vw; letter-spacing:0px; } .badge_closed_new img { width:100%; height:auto; vertical-align:bottom; } #event_footer { font-size: 10vw; } /*********** EVENT-DETAIL ***********/ #detail_header { margin:0; padding:0; width:100%; overflow:hidden; float:left; color:#FFF; background-color:#7A6A55; } #detail_title_set { margin:0; padding:0; width:100%; /*background-color:#0FF;*/ } #detail_genre { margin:0; padding:0 2% 0 2%; width:96%; font-family:JPRegular; font-size:3.5vw; line-height:7.0vw; letter-spacing:0px; /*background-color:#090;*/ } #detail_title { margin:0; padding:0 2% 0 2%; width:96%; font-family:JPRegular; font-size:5.0vw; line-height:6.5vw; letter-spacing:0px; word-wrap:break-word; /*float:left;*/ /*background-color:#CC0;*/ } #detail_photo { margin:0; padding:0; width:100%; background-color:#7A6A55; } #detail_photo img { margin:0; padding:0; width:100%; height:auto; vertical-align:bottom; } #detail_attention { margin:0; padding:0; width:100%; float:left; background-color:#7A6A55; } #detail_date { margin:0; padding:10px 0 0 0; width:100%; height:100%; overflow:hidden; font-family:Poppins-Light; font-size:18vw; line-height:19vw; letter-spacing:-1px; text-align:left; float:right; color:#FFF3E2; background-color:#5E0000; } #detail_date span { margin:0; padding:0 4.0vw 0 0; font-size:13.5vw; line-height:9vw; display:block; } #detail_badge { margin:0; padding:0; width:50%; float:left; /*display:none;*/ } #badge_now { width:100%; position:relative; background:#900000; } #badge_now span { padding:6vw 10px 10px 10px; font-family:Poppins-Light; font-size:8.2vw; line-height:7.0vw; position:absolute; color:#900000; } #badge_now small { font-family:Poppins-Regular; font-size:4.0vw; line-height:0vw; letter-spacing:0px; } #badge_now img { width:100%; height:auto; vertical-align:bottom; } #badge_playguide { width:100%; overflow:hidden; position:relative; background:#003399; } #badge_playguide span { padding:3.5vw 3.5vw 3.5vw 3.5vw; overflow:hidden; font-family:JPLight; font-size:6.8vw; line-height:7.6vw; letter-spacing: -0.1vw; position:absolute; color:#003399; } #badge_playguide small { top: 22.0vw; left:3.5vw; font-family:Poppins-Regular; font-size:3.6vw; line-height:2.4vw; letter-spacing:-0.1vw; position: absolute; color:#003399; } #badge_playguide img { width:100%; height:100%; overflow:hidden; vertical-align:bottom; } #badge_wedding { width:100%; overflow:hidden; position:relative; background:#7A6A55; } #badge_wedding span { padding:3.5vw 3.5vw 3.5vw 3.5vw; overflow:hidden; font-family:JPLight; font-size:6.8vw; line-height:7.6vw; letter-spacing: -0.1vw; position:absolute; color:#7A6A55; } #badge_wedding small { top: 22.0vw; left:3.5vw; font-family:Poppins-Regular; font-size:3.6vw; line-height:2.4vw; letter-spacing:-0.1vw; position: absolute; color:#7A6A55; } #badge_wedding img { width:100%; height:100%; overflow:hidden; vertical-align:bottom; } #badge_wait { width:100%; position:relative; background:#900000; } #badge_wait span { padding:10px; font-family:Poppins-Light; font-size:6.0vw; line-height:6.8vw; position:absolute; color:#900000; } #badge_wait img { width:100%; height:auto; vertical-align:bottom; } #badge_out { width:100%; position:relative; background:#900000; } #badge_out span { padding:7vw 10px 10px 10px; font-family:Poppins-Light; font-size:10.0vw; line-height:7.0vw; position:absolute; color:#900000; } #badge_out small { font-family:Poppins-Regular; font-size:4.0vw; line-height:0vw; letter-spacing:0px; } #badge_out img { width:100%; height:auto; vertical-align:bottom; } #badge_closed { width:100%; position:relative; background:#666666; } #badge_closed span { padding:7vw 10px 10px 10px; font-family:Poppins-Light; font-size:14.0vw; line-height:7.0vw; position:absolute; color:#666666; } #badge_closed small { font-family:Poppins-Regular; font-size:4.0vw; line-height:0vw; letter-spacing:0px; } #badge_closed img { width:100%; height:auto; vertical-align:bottom; } #badge_call { width:100%; position:relative; background:#FFF3E2; } #badge_call span { padding:15px; font-family:Poppins-Light; font-size:4.2vw; line-height:5.6vw; position:absolute; color:#FFF3E2; } #badge_call img { width:100%; height:auto; vertical-align:bottom; } #rsv_submit { margin:0; padding:0; text-align:left; border:0; background-color:transparent; cursor:pointer; } #reserve_ticket { margin:0; padding:0 0 0 0; width:50%; float:left; } #btn_reserve_ok { width:100%; position:relative; background:#FFF3E2; } /*#btn_reserve_ok span { padding:10px; font-family:Poppins-Light; font-size:10.0vw; line-height:10.0vw; position:absolute; color:#FFF3E2; }*/ #btn_reserve_ok span { padding:3vw 10px 10px 10px; font-family:JPLight; font-size:8.2vw; line-height:9.6vw; position:absolute; color:#FFF3E2; } #btn_reserve_ok small { top:53%; left:3vw; font-family:Poppins-Regular; font-size:3.2vw; line-height:0vw; letter-spacing:0px; position: absolute; color:#FFF3E2; } #btn_reserve_ok img { width:100%; height:auto; vertical-align:bottom; } #btn_reserve_out { width:100%; position:relative; background:#900000; float:left; } #btn_reserve_out span { padding:10px; font-family:Poppins-Light; font-size:10.0vw; line-height:10.0vw; position:absolute; color:#900000; } #btn_reserve_out img { width:100%; height:auto; vertical-align:bottom; } #btn_back_edit { width:100%; position:relative; background:#FFFFFF; } /*#btn_back_edit span { padding:10px; font-family:Poppins-Light; font-size:10.0vw; line-height:10.0vw; position:absolute; color:#FFFFFF; }*/ #btn_back_edit span { padding:3vw 10px 10px 10px; font-family:JPLight; font-size:8.0vw; line-height:8.6vw; position:absolute; color:#FFFFFF; } #btn_back_edit small { top:50%; left:3vw; font-family:Poppins-Regular; font-size:3.8vw; line-height:0vw; letter-spacing:0px; position: absolute; color:#FFFFFF; } #btn_back_edit img { width:100%; height:auto; vertical-align:bottom; } #detail_blank { margin:0; padding:0; width:100%; overflow:hidden; float:left; display:none; } .detail_box_1 { margin:0; padding:0; width:50%; float:left; background-color:#94846F; } .detail_box_2 { margin:0; padding:0; width:50%; float:left; background-color:#A69681; display:none; } .detail_box_3 { margin:0; padding:0; width:50%; float:left; background-color:#B5A591; } .detail_box_4 { margin:0; padding:0; width:50%; float:left; background-color:#C7B8A5; display:none; } #detail_info { margin:0; padding:3%; width:94%; float:left; color:#FFF3E2; background-color:#900000; } #detail_info a { text-decoration:none; color:#FFF3E2; } #detail_info_set { margin:0 0 30px 0; padding:0; font-family:JPRegular; font-size:3.5vw; line-height:4.3vw; letter-spacing:0.5px; } #detail_info_set_time { margin:0 0 0 0; padding:0; font-family:JPRegular; font-size:3.5vw; line-height:4.3vw; letter-spacing:0.5px; } .detail_info_title { font-family:Poppins-Regular; font-size:8.0vw; line-height:10vw; letter-spacing:0px; display:block; } .detail_info_time { font-family:Poppins-Regular; font-size:8.0vw; line-height:8vw; letter-spacing:0px; /*display:block;*/ } #detail_form { margin:0; padding:0; width:100%; overflow:hidden; float:left; background-color:#680000; } #ticket_form_set { margin:0; padding:1vw 1% 3.5vw 1%; width:98%; background-color:#680000; } #reserve_ticket { margin:0; padding:0; width:50%; float:left; background-color:#360000; } #detail_form_blank { margin:0; padding:0; width:66.6666666%; overflow:hidden; float:left; display:none; } .reserve_blank1 { margin:0; padding:0; width:50%; float:left; background-color:#360000; display:block; } .reserve_blank2 { margin:0; padding:0; width:50%; float:left; background-color:#4A0000; display:block; } .reserve_blank3 { margin:0; padding:0; width:50%; float:left; background-color:#5E0000; display:none; } .reserve_blank4 { margin:0; padding:0; width:50%; float:left; background-color:#680000; display:none; } .reserve_blank5 { margin:0; padding:0; width:50%; float:left; background-color:#7C0000; display:none; } .reserve_blank6 { margin:0; padding:0; width:50%; float:left; background-color:#900000; display:none; } .reserve_form_blank { margin:0; padding:0; width:50%; float:left; background-color:#900000; } /*********** RESERVE FORM ***********/ #ticket_form_set { margin:0 0 40px 0; padding:1%; width:98%; height:100%; } .page_title { margin:0; padding:1vw 0 3.5vw 0; font-family:Poppins-Light; font-size:10vw; line-height:12vw; color:#FFF3E2; } .page_title span { display:block; font-family:JPLight; font-size:2.6vw; line-height:4.0vw; letter-spacing:1px; } .event_form_line { margin:0; padding:0; width:98%; /*height:6vw;*/ font-family:JPLight; font-size:4.0vw; line-height:6vw; letter-spacing:1px; color:#FFF3E2; } .event_form_left { margin:0; padding:4.0vw 0 0 0; width:98%; height:5vw; line-height:5vw; float:left; } .event_form_right { margin:0; padding:0; width:98%; float:left; } .event_form_right_select { margin:0; padding:0; width:86%; float:left; } .event_form_right_name { margin:0 6.5% 0 0; padding:0; width:40%; float:left; } .event_form_right_long { margin:0 4% 0 0; padding:0; width:90%; float:left; } .form_subtitle { font-family:Poppins-Light; font-size:3.0vw; line-height:6vw; } .name_form { margin:0; padding:0 10px; width:96%; height:7vw; border:0; font-size:4vw; font-weight:300; line-height:7vw; letter-spacing:1px; color:#900000; } .form_long { margin:0; padding:0 10px; width:100%; height:7vw; border:0; font-size:4vw; font-weight:300; line-height:7vw; letter-spacing:1px; color:#900000; } select { -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none; appearance:none; border-radius:0; border:0; margin:0; padding:0; background:none transparent; vertical-align:middle; font-size:4.0vw; color:#900000; box-sizing:content-box; } .custom { margin:0; padding:0; overflow:hidden; display:inline-block; position:relative; background-color:#FFFFFF; } .custom > select { width:15vw; padding:0.0vw 1.5vw 0.5vw 0.5vw; font-size:3.0vw; line-height:3.0vw; } .custom:after { position:absolute; top:0; bottom:0; right:0; width:100%; display:block; content:""; background:url("../images/event/form_select_arrow.png") center no-repeat; background-size:cover; pointer-events:none; } /*********** RESERVATION INFO ***********/ #rsv_title { margin:0; padding:5vw 0 2vw 0; width:100%; font-family:JPLight; font-size:6.0vw; line-height:6.0vw; letter-spacing:1px; } #rsv_title span { font-size:4.2vw; line-height:6.2vw; display:block; } #rsv_notice { margin:0; padding:0; font-family:Poppins-Light,JPLight; font-size:3.0vw; } #rsv_text { margin:0; padding:0 0 5vw 0; width:100%; font-family:JPLight; font-size:3.6vw; line-height:4.2vw; letter-spacing:1px; } #rsv_text span { font-family:Poppins-Light; font-size:3.0vw; display:block; } .rsv_info_line { margin-bottom:4.0vw; } .rsv_left { margin0; padding:0; width:100%; font-family:JPLight; font-size:3.6vw; line-height:5.0vw; letter-spacing:1px; float:left; } .rsv_left span { font-family:Poppins-Light; font-size:2.8vw; /*display:block;*/ } .rsv_right { margin:0; padding:0; width:100%; font-family:JPLight; font-size:3.2vw; line-height:3.2vw; letter-spacing:1px; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .rsv_right span { font-family:Poppins-Light; font-size:2.4vw; display:block; } /*********** RESTAURANT ***********/ .restaurant_title_food { margin:4vw 0 20vw 1vw; padding:0; } .restaurant_title_course { margin:4vw 0 20vw 1vw; padding:0; } .restaurant_title_pasta { margin:4vw 0 20vw 1vw; padding:0; } .restaurant_title_drink { margin:4vw 0 20vw 1vw; padding:0; } .restaurant_title_food h1 { margin:0; padding:1vw; width:95%; font-family:Oswald-Light; font-size:11.0vw; line-height:11vw; letter-spacing:0px; color:#900000; } .restaurant_title_course h1 { margin:0; padding:1vw 0 0 1.04vw; width:95%; font-family:Oswald-Light; font-size:11.0vw; line-height:11vw; letter-spacing:0px; color:#900000; } .restaurant_title_pasta h1 { margin:0; padding:1vw 0 0 1.04vw; width:95%; font-family:Oswald-Light; font-size:11.0vw; line-height:11vw; letter-spacing:0px; color:#006600; } .restaurant_title_drink h1 { margin:0; padding:1vw 0 0 1.04vw; width:95%; font-family:Oswald-Light; font-size:11.0vw; line-height:11vw; letter-spacing:0px; color:#003366; } .food_box { margin:0; padding:0; width:100%; /*float:left;*/ } #food_header_1 { width:100%; float:left; background-image:url(../images/restaurant/title_burger.jpg); background-size:190%; background-position:-13vw -24vw; background-repeat:no-repeat; } #food_text_1 { padding-bottom:8vw; width:100%; float:left; color:#FFF3E2; background-color:#680000; } #food_header_2 { width:100%; float:left; background-image:url(../images/restaurant/title_combo.jpg); background-size:220%; background-position:-40vw -28vw; background-repeat:no-repeat; } #food_text_2 { padding-bottom:8vw; width:100%; float:left; color:#FFF3E2; background-color:#900000; } #food_header_3 { width:100%; float:left; background-image:url(../images/restaurant/title_fritto.jpg); background-size:cover; background-repeat:no-repeat; } #food_text_3 { padding-bottom:8vw; width:100%; float:left; color:#FFF3E2; background-color:#CCCC33; } #food_header_4 { width:100%; float:left; background-image:url(../images/restaurant/title_oven.jpg); background-size:200%; background-position:-14vw -24vw; background-repeat:no-repeat; } #food_text_4 { padding-bottom:8vw; width:100%; float:left; color:#FFF3E2; background-color:#FF6600; } #food_header_5 { width:100%; float:left; background-image:url(../images/restaurant/title_pizza.jpg); background-size:180%; background-position:-20vw -24vw; background-repeat:no-repeat; } #food_text_5 { padding-bottom:8vw; width:100%; float:left; color:#FFF3E2; background-color:#006600; } #food_header_6 { width:100%; float:left; background-image:url(../images/restaurant/title_rice.jpg); background-size:180%; background-position:-19vw -25vw; background-repeat:no-repeat; } #food_text_6 { padding-bottom:8vw; width:100%; float:left; color:#FFF3E2; background-color:#CC9933; } #food_header_7 { width:100%; float:left; background-image:url(../images/restaurant/title_pasta.jpg); background-size:190%; background-position:-74vw -38vw; background-repeat:no-repeat; } #food_text_7 { padding-bottom:8vw; width:100%; float:left; color:#FFF3E2; background-color:#900000; } #food_header_8 { width:100%; float:left; background-image:url(../images/restaurant/title_meat.jpg); background-size:180%; background-position:-39vw -18vw; background-repeat:no-repeat; } #food_text_8 { padding-bottom:8vw; width:100%; float:left; color:#FFF3E2; background-color:#660000; } #food_header_9 { width:100%; float:left; background-image:url(../images/restaurant/title_hors.jpg); background-size:180%; background-position:-59vw -23vw; background-repeat:no-repeat; } #food_text_9 { padding-bottom:8vw; width:100%; float:left; color:#FFF3E2; background-color:#FFCC00; } #food_header_10 { width:100%; float:left; background-image:url(../images/restaurant/title_salad.jpg); background-size:180%; background-position:-25vw -33vw; background-repeat:no-repeat; } #food_text_10 { padding-bottom:8vw; width:100%; float:left; color:#FFF3E2; background-color:#66CC33; } #food_header_11 { width:100%; float:left; background-image:url(../images/restaurant/title_ala.jpg); background-size:220%; background-position:-49vw -35vw; background-repeat:no-repeat; } #food_text_11 { padding-bottom:8vw; width:100%; float:left; color:#FFF3E2; background-color:#CC6600; } #food_header_12 { width:100%; float:left; background-image:url(../images/restaurant/title_dessert.jpg); background-size:210%; background-position:-35vw -40vw; background-repeat:no-repeat; } #food_text_12 { padding-bottom:8vw; width:100%; float:left; color:#FFF3E2; background-color:#64ACF5; } /*新規作成*/ .food_boxNew { margin:0; padding:0; width:100%; /*float:left;*/ } #food_headerNew_1 { width:100%; float:left; background-image:url(../images/restaurant/plate_image_sq.jpg); background-size:190%; background-position:-13vw -24vw; background-repeat:no-repeat; } #food_textNew_1 { padding-bottom:8vw; width:100%; float:left; color:#FFF3E2; background-color:#680000; } #food_headerNew_2 { width:100%; float:left; background-image:url(../images/restaurant/plate_curry_sq.jpg); background-size:220%; background-position:-40vw -28vw; background-repeat:no-repeat; } #food_textNew_2 { padding-bottom:8vw; width:100%; float:left; color:#FFF3E2; background-color:#900000; } #food_headerNew_3 { width:100%; float:left; background-image:url(../images/restaurant/plate_burg_sq.jpg); background-size:cover; background-repeat:no-repeat; } #food_textNew_3 { padding-bottom:8vw; width:100%; float:left; color:#FFF3E2; background-color:#CCCC33; } #food_headerNew_4 { width:100%; float:left; background-image:url(../images/restaurant/plate_pasta_sq.jpg); background-size:200%; background-position:-14vw -24vw; background-repeat:no-repeat; } #food_textNew_4 { padding-bottom:8vw; width:100%; float:left; color:#FFF3E2; background-color:#FF6600; } .food_text_titleNew { margin:0; padding:1vw 0 0 2%; width:98%; font-family:Poppins-Light; font-size:7.7vw; line-height:2.5vw; } .food_menu_lineNew { margin:0; padding:0 0 1vw 2%; width:98%; } .food_menu_nameNew { margin:0; padding:0; width:98%; font-family:JPLight; font-size:3.2vw; line-height:4.0vw; float:left; } .food_header_title { margin:0; padding:2%; font-family:Poppins-Light; font-size:12.0vw; line-height:11.0vw; letter-spacing:0px; color:#FFFFFF; display:block; } .food_text_title { margin:0; padding:1vw 0 0 2%; width:98%; font-family:Poppins-Light; font-size:7.7vw; line-height:2.5vw; } .food_menu_line { margin:0; padding:0 0 1vw 2%; width:98%; } .food_menu_name { margin:0; padding:0; width:69.5%; font-family:JPLight; font-size:3.2vw; line-height:4.0vw; float:left; } .food_menu_price { margin:0; padding:0 2% 0 0; width:28%; font-family:JPLight; font-size:3.2vw; line-height:4.0vw; text-align:right; float:left; } #course_box { margin:0; padding:0; width:100%; overflow:hidden; position:relative; } #course_box span { margin:0; padding:0.625%; font-family:Poppins-Light; font-size:6.7vw; line-height:7.0vw; color:#FFFFFF; position:absolute; } #course_1 { margin:0; padding:0; width:66.6666667%; float:left; background-image:url(../images/restaurant/course_main.jpg); background-size:100%; background-repeat:no-repeat; background-color:#030; display:none; } #course_2 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/restaurant/course_hors.jpg); background-size:cover; background-position:-5vw 0; background-repeat:no-repeat; background-color:#033; } #course_3 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/restaurant/course_pasta.jpg); background-size:180%; background-position:-7vw -2vw; background-repeat:no-repeat; background-color:#036; } #course_4 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/restaurant/course_meat.jpg); background-size:225%; background-position:-15vw -4vw; background-repeat:no-repeat; background-color:#039; } #course_5 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/restaurant/course_bread.jpg); background-size:200%; background-position:-6vw -3vw; background-repeat:no-repeat; background-color:#03C; } #course_6 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/restaurant/course_fish.jpg); background-size:220%; background-position:-5vw -4vw; background-repeat:no-repeat; background-color:#03F; } #course_7 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/restaurant/course_dessert.jpg); background-size:225%; background-position:-10vw -4vw; background-color:#930; } #course_8 { margin:0; padding:0; width:100%; float:left; color:#FFFFFF; background-color:#7A6A55; } #course_8 h2 { margin:0; padding:4vw 0 0 2vw; font-family:JPLight; font-size:5.0vw; line-height:5.5vw; letter-spacing:1px; } #course_8 small { font-size:2.6vw; } #course_8 p { padding-left:2vw; font-family:JPLight; font-size:2.4vw; line-height:2.0vw; } #course_8 a { text-decoration:none; color:#FFFFFF; font-family:Oswald-Regular; font-size:8.5vw; line-height:8.5vw } #course_8 .business_time { margin-left: 1vw; font-size: 4.0vw; } .p_blank { margin-top:-0.8vw; } #pasta_box { margin:0; padding:0; width:100%; overflow:hidden; color:#FFF3E2; } #pasta_1 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/restaurant/set_pasta_1.jpg); background-size:170%; background-position:-10vw -1vw; background-repeat:no-repeat; background-color:#030; } #pasta_2 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/restaurant/set_pasta_2.jpg); background-size:185%; background-position:-7vw -4vw; background-repeat:no-repeat; background-color:#033; } #pasta_3 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/restaurant/set_pasta_3.jpg); background-size:180%; background-position:-8vw -2vw; background-repeat:no-repeat; background-color:#039; } #pasta_4 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/restaurant/set_pasta_4.jpg); background-size:180%; background-position:-10vw -2vw; background-repeat:no-repeat; background-color:#03C; } #pasta_5 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/restaurant/set_pasta_5.jpg); background-size:170%; background-position:-7vw -2vw; background-repeat:no-repeat; background-color:#03F; } #pasta_6 { margin:0; padding:0; width:33.3333333%; font-family:JPUltraLight; font-size:24vw; text-align:center; float:left; background-color:#006600; } #pasta_7 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/restaurant/set_salad.jpg); background-size:160%; background-position:-14vw 0; background-repeat:no-repeat; background-color:#030; } #pasta_8 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/restaurant/set_bread.jpg); background-size:220%; background-position:-14vw -8vw; background-repeat:no-repeat; background-color:#030; } #pasta_9 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/restaurant/set_dessert.jpg); background-size:200%; background-position:-18vw -10vw; background-repeat:no-repeat; background-color:#030; } #pasta_10 { margin:0; padding:0; width:100%; float:left; background-color:#C20000; } #pasta_10 h2 { margin:0; padding:4vw 0 2vw 2vw; font-family:JPLight; font-size:6.0vw; line-height:6.0vw; letter-spacing:1px; } #pasta_10 h3 { margin:0; padding:1.0vw 0 0 2vw; font-family:JPLight; font-size:3.5vw; line-height:3.0vw; letter-spacing:1px; } #pasta_10 small { font-size:2.0vw; } #pasta_10 p { padding-left:1vw; font-family:JPLight; font-size:0.8vw; line-height:0.8vw; } #pasta_info_set { margin:0; padding:0; width:95%; font-family:JPLight; } #pasta_select_1 { margin-left:2vw; padding:3.0vw; width:90%; border:#FFF3E2 2px solid; border-radius:5px; float:left; } #pasta_select_1 dt { padding-top: 1vw; padding-left:2vw; padding-bottom:2vw; font-size:5.0vw; line-height:5.2vw; } #pasta_select_1 dd { margin-left: 2.5vw; font-size:3.2vw; line-height:4.0vw; } #pasta_select_2 { margin:0; padding:0; padding-left:2vw; width:90%; font-size:12vw; line-height:12vw; text-align:center; float:left; } #pasta_select_3 { margin-left:2vw; margin-bottom:8vw; padding:3.0vw; width:90%; border:#FFF3E2 2px solid; border-radius:5px; float:left; } #pasta_select_3 dt { padding-top: 1vw; padding-left:2vw; padding-bottom:2vw; font-size:5.0vw; line-height:5.2vw; } #pasta_select_3 dd { margin-left: 2.5vw; font-size:3.2vw; line-height:4.0vw; } #drink_box { margin:0; padding:0; width:100%; height:auto; color:#FFF3E2; background-color:#003366; overflow: hidden;} #drink_set_last { display:none; } .drink_set { margin:0; padding:0; width:100%; overflow:hidden; float:left; background-color:#003366; } .drink_genre { margin:0; padding:3%; } .drink_genre h3 { margin:0; padding:5vw 0 1vw 0; font-family:Poppins-Light; font-size:7.4vw; line-height:7.4vw; letter-spacing:0vw; } .drink_genre small { font-size:3.5vw; } .drink_text_set { margin:-1.5vw 0 0 0; padding:3%; } .drink_name { margin:0; padding:0; width:70%; font-family:JPLight; font-size:3.2vw; line-height:4.8vw; float:left; } .drink_price { margin:0; padding:0; width:30%; font-family:JPLight; font-size:3.2vw; line-height:4.8vw; text-align:right; float:left; } .drink_left { margin:0; padding:0; width:50%; font-family:JPLight; font-size:3.2vw; line-height:4.8vw; float:left; } .drink_right { margin:0; padding:0; width:50%; font-family:JPLight; font-size:3.2vw; line-height:4.8vw; text-align:left; float:left; } .drink_left p { margin:0; padding:0; width:100%; font-family:JPLight; font-size:3.2vw; line-height:4.8vw; float:left; } .drink_right p { margin:0; padding:0; width:100%; font-family:JPLight; font-size:3.2vw; line-height:4.8vw; text-align:left; float:left; } /*********** ABOUT ***********/ #about_gallery { margin:0; padding:0; width:100%; overflow:hidden; } #about_gallery_photo_1 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/about/about_photo_1.jpg); background-size:160%; background-position:-11vw 0; background-repeat:no-repeat; background-color:#900; } #about_gallery_photo_2 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/about/about_photo_2.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#930; } #about_gallery_photo_3 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/about/about_photo_3.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#960; } #about_gallery_photo_4 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/about/about_photo_4.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#990; } #about_gallery_photo_5 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/about/about_photo_5.jpg); background-size:160%; background-position:-3vw 0; background-repeat:no-repeat; background-color:#9C0; } #about_gallery_photo_6 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/about/about_photo_8.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#9F0; } #about_gallery_photo_7 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/about/about_photo_9.jpg); background-size:155%; background-position:-8.0vw 0; background-repeat:no-repeat; background-color:#C00; } #about_gallery_photo_8 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/about/about_photo_6.jpg); background-size:160%; background-position:-9.0vw 0; background-repeat:no-repeat; background-color:#C30; } #about_gallery_photo_9 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/about/about_photo_10.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#C60; } #about_gallery_photo_10 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/about/about_photo_11.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#C90; } #about_gallery_photo_11 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/about/about_photo_12.jpg); background-size:160%; background-position:-12vw 0; background-repeat:no-repeat; background-color:#CC0; } #about_gallery_photo_12 { margin:0; padding:0; width:33.3333333%; float:left; background-image:url(../images/about/about_photo_7.jpg); background-size:160%; background-position:-5vw 0; background-repeat:no-repeat; background-color:#CF0; } #about_floor_1680 { margin:0; padding:0; width:100%; overflow:hidden; display:none; } #about_floor_main_1 { margin:0; padding:0; width:66.6666667%; float:left; /*background-color:#90C;*/ } #about_floor_main_1 img { width:100%; height:auto; } .about_btn_set_1 { margin:0; padding:0; width:16.6666667%; float:left; } .about_btn_1 { margin:0; padding:0; width:100%; background:#0FF; } #about_floor_1280 { margin:0; padding:0; width:100%; overflow:hidden; display:block; } #about_floor_main_2 { margin:0; padding:0; width:100%; float:left; /*background-color:#90C;*/ } #about_floor_main_2 img { width:100%; height:auto; } .about_btn_set_2 { margin:0; padding:0; width:50%; float:left; } .about_btn_2 { margin:0; padding:0; width:50%; float:left; background:#0FF; } .about_btn_2 { width:50%; position:relative; float:left; background:#FFFFFF; } .about_btn_2 span { padding:1.25vw 0 0 1.25vw; font-family:Poppins-Light; font-size:4.3vw; line-height:4.0vw; position:absolute; color:#FFFFFF; } .about_btn_2 img { width:100%; height:auto; } .about_btn_2 small { padding:10.25vw 0 0 1.25vw; position:absolute; font-family:Poppins-Light; font-size:1.8vw; line-height:0vw; color:#FFFFFF; } #about_b { margin:0; padding:4vw 0 4vw 1%; width:99%; float:left; color:#FFF3E2; background-color:#900000; } #about_b_info { margin:0 0 4vw 0; padding:0; font-size:3.0vw; line-height:4.0vw; text-decoration:none; } .b_info_left { margin:0; padding:0; width:11%; font-family:Poppins-Regular; float:left; } .b_info_center { margin:0; padding:0; width:2%; font-family:Poppins-Regular; float:left; } .b_info_right { margin:0; padding:0; width:86%; font-family:JPRegular; float:left; } #about_access h3 { font-family:JPLight; font-size:4.6vw; line-height:5.0vw; letter-spacing:1px; } #about_access p { font-family:JPRegular; font-size:2.6vw; line-height:2.6vw; } #about_contact { margin:0; padding:0; width:100%; float:left; color:#FFF3E2; background-color:#680000; } #about_blank { margin:0; padding:0; width:100%; float:left; color:#FFF3E2; background-color:#900000; } #about_blank_1 { margin:0; padding:0; width:50%; float:left; display:none; background-color:#5E0000; } #about_blank_2 { margin:0; padding:0; width:50%; float:left; display:none; background-color:#680000; } #about_blank_3 { margin:0; padding:0; width:50%; float:left; background-color:#7C0000; } #about_blank_4 { margin:0; padding:0; width:50%; float:left; background-color:#900000; } #about_past { margin:0; padding:0; width:100%; color:#FFF3E2; background-color:#7A6A55; } #about_past_set { margin:0; padding:0; width:100%; background-color:#7A6A55; } .about_past_box { margin:0; padding:0; width:100%; float:left; background-color:#7A6A55; } #about_past { margin:0; padding:2vw 0 0 0; width:100%; color:#FFF3E2; background-color:#7A6A55; } #about_past_set { margin:0; padding:0; width:100%; background-color:#7A6A55; } .about_past_box { margin:0; padding:0; width:100%; float:left; background-color:#7A6A55; } .about_past_box p { padding-left:1%; font-family:JPRegular; font-size:3.0vw; line-height:4.0vw; } #btn_send { width:100%; position:relative; background:#FFF3E2; } #btn_send span { padding:10px; font-family:JPLight; font-size:8.2vw; line-height:8.6vw; position:absolute; color:#FFF3E2; } #btn_send small { top:51%; left:2.0vw; font-family:Poppins-Regular; font-size:3.2#btnvw; line-height:0vw; letter-spacing:0px; position: absolute; color:#FFF3E2; } #btn_send img { width:100%; height:auto; vertical-align:bottom; } /*********** MAIL FORM ***********/ #about_contact { margin:0; padding:3vw 0 10vw 2%; width:98%; float:left; color:#FFF3E2; background-color:#680000; } .form_memo { margin:0; padding:1px 5px; width:100%; resize:both; border:0; font-size:4vw; font-weight:300; line-height:6vw; letter-spacing:1px; color:#900000; } /*********** CONTENTS BOX ***********/ #contents_box { margin:0; padding:0; width:100%; overflow:hidden; } #text_box { margin:0; padding:0 0 4vw 1%; width:99%; float:left; color:#FFF3E2; background-color:#900000; } #text_box h2 { margin:4vw 0 4vw 0; font-family:JPLight; font-size:4.5vw; line-height:5.0vw; letter-spacing:0px; } #text_box h3 { font-family:JPLight; font-size:4.0vw; line-height:5.0vw; letter-spacing:1px; } #text_box p { font-family:JPLight; font-size:2.6vw; line-height:3.8vw; letter-spacing:0px; } #text_ul li { margin-bottom:2.6vw; width:95%; list-style:circle; font-family:JPLight; font-size:2.6vw; line-height:3.8vw; letter-spacing:0px; } #others_blank_1 { margin:0; padding:0; width:50%; height:100%; float:left; overflow:hidden; display:none; } #others_blank_2 { margin:0; padding:0; width:50%; height:100%; float:left; overflow:hidden; display:none; } .recruit_photo { width:50%; float:left; vertical-align:bottom; } .recruit_photo img { width:100%; height:auto; } /*********** PARTY ***********/ #party_box { margin:0; padding:0; width:100%; } #party_photo_1 { margin:0; padding:0; width:100%; float:left; background-image:url(../images/party/party_photo_1.jpg); background-size:100%; background-position:0 -20vw; background-repeat:no-repeat; background-color:#030; } #party_photo_2 { margin:0; padding:0; width:50%; float:left; background-image:url(../images/party/party_photo_2.jpg); background-size:110%; background-position:0 -1vw; background-repeat:no-repeat; background-color:#033; } #party_photo_3 { margin:0; padding:0; width:50%; float:left; background-image:url(../images/party/party_photo_3.jpg); background-size:110%; background-position:0 -3vw; background-repeat:no-repeat; background-color:#036; } #party_photo_4 { margin:0; padding:0; width:100%; float:left; background-image:url(../images/party/party_photo_4.jpg); background-size:110%; background-position:-9vw -10vw; background-repeat:no-repeat; background-color:#039; } #party_text_set { margin:0; padding:0; width:100%; float:left; } #party_text { margin:0; padding:0; width:100%; color:#FFF3E2; background-color:#7A6A55; } #party_thumb_1 { margin:0; padding:0; width:50%; float:left; background-image:url(../images/about/about_photo_1.jpg); background-size:120%; background-position:-8vw -5vw; background-repeat:no-repeat; background-color:#03F; } #party_thumb_2 { margin:0; padding:0; width:50%; float:left; background-image:url(../images/about/about_photo_6.jpg); background-size:130%; background-position:-7vw -6vw; background-repeat:no-repeat; background-color:#930; } #party_info { margin:0; padding:0; width:100%; float:left; background-color:#F2ECDD; } #party_title { padding:4% 3% 3% 3%; font-family:Poppins-Light; font-size:10.0vw; line-height:10.0vw; letter-spacing:0px; } #party_subtitle { padding:4% 3% 0 3%; font-family:JPRegular; font-size:6.8vw; line-height:8.0vw; letter-spacing:0.5px; } .party_sentence { padding:3%; font-family:JPRegular; font-size:3.4vw; line-height:6.0vw; letter-spacing:0.5px; } .party_sentence p { line-height:6.0vw; } .party_sentence span { margin:0; padding:0; font-family:JPRegular; font-size:4.0vw; line-height:6.0vw; display:block; } .party_sentence h3 { margin-top:3.5vw; font-family:Oswald-Regular; font-size:8.0vw; line-height:0vw; letter-spacing:-1px; } .party_sentence a { text-decoration:none; color:#7A6A55; } /*********** EQUIP ***********/ #equip_box { margin:0; padding:0; width:100%; } #equip_header { margin:0; padding:0; width:100%; background-image:url(../images/equip/equip_header.jpg); background-size:100%; background-position:0 -15vw; background-repeat:no-repeat; background-color:#C39; } #equip_line_1 { margin:0; padding:2vw 0 5vw 0; width:100%; float:left; color:#FFF3E2; background-color:#7A6A55; } #equip_line_2 { margin:0; padding:2vw 0 5vw 0; width:100%; float:left; color:#7A6A55; background-color:#F2ECDD; } #equip_line_3 { margin:0; padding:2vw 0 5vw 0; width:100%; float:left; color:#FFF3E2; background-color:#7A6A55; } #equip_line_break { margin:0; padding:0; width:50%; float:left; color:#FFFFFF; background-color:#7A6A55; display:none; } /*.equip_set { padding-bottom: 2vw; }*/ .equip_title { margin:0; padding:5.0vw 0 4.5vw 2%; width:98%; font-size:8.8vw; line-height:10.0vw; letter-spacing:0vw; } .equip_title span { font-size:4.4vw; line-height:8.4vw; letter-spacing:0.2vw; display: block; } .set_left { margin:0; padding:0 0 4.5vw 2%; width:98%; float:left; } .set_right { margin:0; padding:0 0 4.5vw 2%; width:98%; float:left; } .set_genre { margin:0; padding:4vw 0 4vw 0; font-family:Poppins-Light; font-size:7.0vw; line-height:7.0vw; letter-spacing:0px; } .equip_name { margin:0; padding:0; width:80%; font-family:Poppins-Light; font-size:3.6vw; line-height:5.0vw; letter-spacing:0px; float:left; } .equip_num { margin:0; padding:0; width:10%; font-family:Poppins-Light; font-size:3.6vw; line-height:5.0vw; letter-spacing:0px; text-align:center; float:left; } /*********** SEARCH ***********/ #search_box { margin:0 0 10vw 0; padding:0; width:100%; } #search_notice { margin:0; padding:1%; font-family:JPLight; font-size:5.4vw; line-height:6.8vw; letter-spacing:1px; } #search_notice span { margin:0; padding:0; font-family:Poppins-Light; font-size:2.4vw; line-height:2.8vw; display:block; } .search_event { margin:0; padding:0 2% 4vw 2%; } .search_event_date { width:100%; font-family:Poppins-Light; font-size:3.2vw; line-height:3.8vw; float:left; } .search_event_name { width:100%; font-family:JPLight; font-size:3.2vw; line-height:3.8vw; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .search_event a { text-decoration:none; color:#7A6A55; } /*********** FOOTER ***********/ footer { margin:0; padding:0; width:100%; color:#FFF3E2; background-color:#760000; } footer h1 { font-family:Poppins-Light; font-size:6vw; line-height:6vw; letter-spacing:-0.5px; font-feature-settings:"palt"; } footer p { margin:0; padding:0; font-family:JPLight; font-size:12px; line-height:18px; } footer a { text-decoration:none; color:#FFF3E2; } .letter_kerning { letter-spacing:-3px; } .footer_btn { margin:0; padding:-0.5px; width:33.3333333%; height:auto; position:relative; float:left; display:block; line-height:0; border:1px solid #FFF; box-sizing:border-box; } .footer_btn span { padding:10px; font-family:JPLight; font-size:4.2vw; line-height:4.6vw; letter-spacing:0px; position:absolute; } .footer_btn small { font-family:Poppins-Regular; font-size:2.4vw; line-height:2.2vw; letter-spacing:0px; } .footer_btn img { width:100%; height:100%; vertical-align:bottom; opacity:1; } .company_info { width:100%; /*float:left;*/ /*background-color:#CF6;*/ } #footer_title { margin:30px 0 30px 3.125%; padding:0; width:93.75%; /*background-color:#990;*/ } #footer_d_set { margin:0 0 30px 3.125%; } #footer_d_logo { margin:0 3.125% 20px 0; padding:0; width:70%; /*float:left;*/ /*background-color:#060;*/ } #footer_d_logo img { width:50%; height:auto; } #footer_d_info { width:100%; /*float:left;*/ /*background-color:#936;*/ } #d_info { margin:0 3.125% 20px 0; padding:0; width:100%; /*float:left;*/ font-family:JPLight; font-size:11px; line-height:15px; /*text-align:justify;*/ word-wrap:break-all; -webkit-hyphens:manual; -moz-hyphens:manual; -ms-hyphens:manual; hyphens:manual; } #info_1280 { display:inline; } #d_address { font-family:JPLight; width:100%; float:left; } #d_address p { font-family:JPLight; font-size:11px; line-height:15px; /*text-align:justify;*/ word-wrap:break-all; -webkit-hyphens:manual; -moz-hyphens:manual; -ms-hyphens:manual; hyphens:manual; } #footer_b_logo { margin:0 0 0 0; width:100%; height:100px; text-align:center; vertical-align:bottom; line-height:100px; /*background-color:#066;*/ } #footer_b_logo img { width:160px; height:auto; } .restaurant_set { margin:30px 0 0 0; padding:0; width:95%; float:left; /*background-color:#C96;*/ } .restaurant_box { margin:0 0 50px 0; width:100%; } .restaurant_logo { margin:0 0 0 3.125%; width:100%; /*float:left;*/ } .restaurant_info { margin:0 3.125% 0 3.125%; width:100%; /*float:left;*/ } #logo_nikusuki { width:64%; height:auto; } #logo_choiura { width:47.5%; height:auto; } #logo_koko { width:48%; height:auto; } #logo_beerk { width:43%; height:auto; } #logo_tekkote { width:35.5%; height:auto; } #logo_saketo { width:51%; height:auto; } #logo_awakure { width:46%; height:auto; } }