/* Theme Name: fourteen_child Theme URI: http: //localhost:8888/piccellco/ Description: Child theme for the Twenty Fourteen theme for WordPress Author: kushiya Author URI: http: //piccell.co/ Template: twentyfourteen Version: 0.1.0 */ /*-------------------------------------------*/ /* /* var /* /*-------------------------------------------*/ /*-------------------------------------------*/ /* /* setup /* /*-------------------------------------------*/ body { margin: 0; background: #FFF; color: #666; font-size: 14px; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif !important; } a { text-decoration: none; color: #00A0A5; } ul { padding: 0; margin: 0; } li { list-style: none; } .outer, .inner { margin: 0 auto; position: relative; } .none { display: none; } .clear { clear: both; } .lessthan672_only { display: none;} @media screen and (max-width: 672px) { .lessthan672_only { display: block;}} /*-------------------------------------------*/ /* /* common /* /*-------------------------------------------*/ h2 {padding: 0; margin: 0; font-size: 0;}/* titleに使用 */ h4 { padding: 0px 0px 0px 0px; margin: 0px 0px 30px 0px; color: #00A0A5; font-size: 26px; font-weight: normal; clear: both; } h4.wide { visibility: hidden; height: 1px; } h5 { padding: 6px 0px 4px 35px; margin: 25px 0px 20px 0px; background: #00A0A5 url(../img/common/li_h2.png) no-repeat 6px 8px; color: #FFF; font-size: 20px; font-weight: normal; clear: both; } h6 { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; color: #00A0A5; font-size: 18px; clear: both; background: url(../img/common/bg_h3.gif) no-repeat right center; } h6 span { background: #FFF; padding-right: 15px; } .h7 { padding: 0px 0px 0px 0px; margin: 30px 0px 10px 0px; color: #00A0A5; font-size: 18px; font-weight: bolder; } .d_i { display: inline !important;} .d_b { display: block !important;} .flex_space_between { display:flex; -webkit-box-pack:justify; justify-content:space-between; } .flex_space_around { display:flex; -webkit-box-pack:justify; justify-content:space-around; } .wpct07_rem{width:7rem;}.wpct08_rem{width:8rem;}.wpct13_rem{width:13rem;}.wpct15_rem{width:15rem;}.wpct08_rem_imp{width:8rem !important;} .table_no_padding thead,.table_no_padding hd,.table_no_padding tbody,.table_no_padding tr,.table_no_padding td{padding: 0 !important;} .pd_lef_01em {padding-left: 1em;} .ta_l {text-align: left !important;} .ta_c {text-align: center !important;} .ta_r {text-align: right !important;} /* ボーダーの上にテキストを重ねる /* .txt-on-border：ボーダー描画 span：テキスト /*-------------------------------------------*/ .txt-on-border { position: relative; text-align: center; } .txt-on-border span { position: relative; z-index: 2; display: inline-block; margin: 0 2.5em; padding: 0 1em; background-color: #fff; text-align: left; } .txt-on-border::before { position: absolute; top: 50%; z-index: 1; content: ''; display: block; width: 100%; height: 1px; background-color: #ccc; } /* chrismas2016 161025追加 pcのとき /*　181222修正 -> min-width: 783px /*-------------------------------------------*/ @media screen and (min-width: 783px) { .pc-show { display:inline-block; } .sp-show { display:none; } .sp-show_margin-auto { margin: inherit; } } /* chrismas2016 161025追加 Andoroid (401px以上) /*　181222修正 -> max-width: 782px /*-------------------------------------------*/ @media screen and (max-width: 782px) { .pc-show { display:none; } .sp-show { display:inline-block; } .sp-show_margin-auto { margin: auto; } } /*-------------------------------------------*/ /* /* reserve /* /*-------------------------------------------*/ h4.booking { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; color: #FFF; } /*-------------------------------------------*/ /* /* yoyaku /* /*-------------------------------------------*/ #original_maincol h2 { padding: 6px 0px 4px 35px; margin: 25px 0px 20px 0px; background: #00A0A5 url(../img/common/li_h2.png) no-repeat 6px 8px; color: #FFF; font-size: 20px; font-weight: normal; clear: both; } #original_maincol h3 { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; color: #00A0A5; font-size: 18px; clear: both; background: url(../img/common/bg_h3.gif) no-repeat right center; } #original_maincol h3 span { background: #FFF; padding-right: 15px; } /*h5 { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } h6 { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }*/ .font_10 { font-size: 10px !important; } .font_11 { font-size: 11px !important; } .font_12 { font-size: 12px !important; } .font_13 { font-size: 13px !important; } .font_14 { font-size: 14px !important; } .font_15 { font-size: 15px !important; } .font_16 { font-size: 16px !important; } .font_18 { font-size: 18px !important; } .font_20 { font-size: 20px !important; } .dotline { height: 5px; margin-bottom: 10px; background: url(../img/common/dotline_2.png) repeat-x left center; } .line_sep { height: 5px; margin: 30px 0; background: url(../img/common/dotline_1.png) repeat-x left center; } .red { color: #D80000; } /*-------------------------------------------*/ /* /* header /* /*-------------------------------------------*/ /*header .top_head .seo { position: absolute; font-size: 11px; left: 0; top: 10px; color: #FFF; z-index: 999; } header .inpage_head .seo { position: relative; color: #999; font-size: 9px; margin: 10px 0 30px; }*/ header {z-index: 99999; position: relative;} header .top_head h1 span { text-align: center; margin: auto; } header .top_head h1 { position: absolute; font-size: 11px; /* text-align: center; */ left: 0; right: 0; /* margin: 0 auto; */ top: 60px; font-weight: normal; color: #000; z-index: 999; display: inline-flex; } header .top_head h1 img { padding: 0 20px 0 100px; } header .inpage_head h1 { position: relative; color: #999; font-weight: normal; font-size: 9px; margin: 10px 0 30px; } header .inpage_head .tpr { margin-top: 10px; } header .inpage_head .ccell { vertical-align: middle; } header .rig_mg { margin-right: 10px; } header .t01 { margin-bottom: 25px; } header .inpage_head .t03 li,header .inpage_head .home header .t03 li { float: left; } header .btns { /*width: 186px;*/ } header .btns .ccell { vertical-align: top; } header .lng { width: 140px; margin: 10px auto 0 auto; } .t03 li,.home header .t03 li { float: right; font-size: 12px; padding: 0 15px; background: url(../img/common/li_01.png) no-repeat left center; } .t03 li a { color: #666; text-decoration: none; } .home header .t03 li a { color: #fff;text-decoration: none;text-shadow: 1px 1px 1pt #000; } .t03 li a:hover,.home header .t03 li a:hover { text-decoration: underline; } /*-------------------------------------------*/ /* /* gmenu /* /*-------------------------------------------*/ .gmenu { display: none; background: #A72A58; box-shadow: 0px 6px 6px #CCC; -moz-box-shadow: 0px 6px 6px #CCC; -webkit-box-shadow: 0px 6px 6px #CCC; } .gmenu li { padding: 10px 0; border-top: 1px solid #D84279; border-bottom: 1px solid #792645; } .gmenu li a { display: block; color: #FFF; text-decoration: none; text-align: center; } .gmenu_pulldown { position: relative; cursor: pointer; padding: 10px; background: #00A0A5 url(../img/gnavi/btn_gmenu.png) no-repeat left center; } .gmenu_pulldown .btn { padding: 2px 0 0 45px; color: #FFF; font-size: 15px; } .sub_gmenu { display: none; } .sub_gmenu ul { border-top: 1px dotted #CCC; margin-bottom: 20px; } .sub_gmenu ul li { padding: 10px 0 10px 10px; border-bottom: 1px dotted #CCC; } .sub_gmenu ul li a { text-decoration: none; } /*-------------------------------------------*/ /* /* bread /* /*-------------------------------------------*/ #bread { max-width: 620px; text-align: left; font-size: 12px; color: #999; z-index: 10001; } #bread a { color: #00A0A5; text-decoration: underline; } #bread a:hover { text-decoration: none; } /*-------------------------------------------*/ /* /* main /* /*-------------------------------------------*/ #main { position: relative; } #main-content { display: table; margin: 0 auto; } #page { position: relative; width: 100%; overflow: hidden; } #primary { vertical-align: top; } #primary .bottom_01 { position: absolute; left: 40px; bottom: -7px; } #primary .bottom_02 { position: absolute; left: 30px; bottom: -30px; z-index: 10002; } #secondary { vertical-align: top; } /*-------------------------------------------*/ /* /* footer /* /*-------------------------------------------*/ footer { /*background: url(../img/footer/bg_earlysummer.jpg) no-repeat right top;*/ padding: 20px 0 20px; } footer .f_right { float: right; } footer .f_left { float: left; } footer .d_inline_block { display: inline-block; padding-right: 10px; vertical-align: top; } footer .dox_d_inline_block { text-align: right; } footer .wpct20 div { line-height: 0; margin-bottom: 10px; } footer li { font-size: 13px; padding-bottom: 7px; padding-left: 14px; background: url(../img/footer/li_link.png) no-repeat left 5px; } footer li.sub { background: none; padding-left: 28px; } footer li a { text-decoration: none; } footer li a:hover { text-decoration: underline; } footer .main_info { font-size: 11px; margin-bottom: 10px; padding: 25px 0; background: #eee; box-shadow: inset 1px 1px 3px #CCC; -moz-box-shadow: inset 1px 1px 3px #CCC; -webkit-box-shadow: inset 1px 1px 3px #CCC; } footer .main_info .ccell { vertical-align: middle; } footer .seo { font-size: 11px; color: #00A0A5; text-align: center; margin-bottom: 20px; } footer .site-info { font-size: 11px; text-align: center; } /* pagetop /*-------------------------------------------*/ #back-top { position: fixed !important; right: 30px; z-index: 99999 !important; } #back-top a { width: 80px; display: block; text-align: center; } #back-top span { width: 80px; height: 80px; display: block; margin-bottom: 7px; background: url(../img/common/btn_totop.png) no-repeat center center; } /*-------------------------------------------*/ /* /* toppage /* /*-------------------------------------------*/ .infiniteslide { position: relative; margin: 0; overflow: hidden !important; z-index: 1; } /*.infiniteslide ul { width: 6440px; }*/ /* .infiniteslide ul { width: 6440px; } */ /* (302幅+20マージン)　x　12(バナー数x 4) */ .infiniteslide ul { width: 2596px; } /* (302幅+20マージン)　x　16(バナー数x 4) */ .infiniteslide li { padding: 0; margin-right: 20px; } .abs_bestrate { position: absolute; width: 170px; left: 150px; bottom: -11px; z-index: 1000; } .home .bx-wrapper { max-height: 490px; overflow: hidden; } .home .hide { display: none; } .wide_phone { width: 100%; background: #00A0A5; box-shadow: 0px 0px 5px #666; -moz-box-shadow: 0px 0px 5px #666C; -webkit-box-shadow: 0px 0px 5px #666; z-index: 10000; } #reserv { background: #00A0A5; font-size: 11px; margin: 0 auto; color: #FFF; } #reserv h4 { font-size: 11px; font-weight: normal; } #reserv .coltable { margin: 0; padding: 10px 0; } #reserv .ccell { vertical-align: middle; line-height: 200%; } #reserv .lef img { margin-left: -20px; } #reserv h4 span { font-size: 11px; } #reserv .ccell { vertical-align: middle; line-height: 200%; padding-left: 10px; font-size: 11px; } #reserv .bar { border-right: 1px dotted #FFFFFF; } .reserv_slot { height: 134px; } .rev { background: #00A0A5; margin: 15px 0 1px 0; padding: 6px 0; } .rev a { display: block; } .bot { position: fixed !important; width: 100%; bottom: 0; left: 0; z-index: 10000 !important; display: none; } #calid { top: -60px; } .frmplanseeks { max-width: 1020px; margin: 0 auto; padding: 0 10px; } .inpage_bottom { position: relative; display: block; padding: 10px 0 !important; z-index: 9; background: #FFF; } .inpage_bottom li { float: right; font-size: 13px; } .recommend { position: relative; padding: 20px 0 0 0; background: #EEE; box-shadow: inset 0px -2px 3px #E1E1E1; -moz-box-shadow: inset 0px -2px 3px #E1E1E1; -webkit-box-shadow: inset 0px -2px 3px #E1E1E1; z-index: 999; } .recommend .tit { margin-bottom: 5px; } .recommend .tab { background: #FFF; padding: 15px 15px 13px; margin-bottom: 28px; border: 1px solid #E1E1E1; box-shadow: 0px 2px 2px #CCC; -moz-box-shadow: 0px 2px 2px #CCC; -webkit-box-shadow: 0px 2px 2px #CCC;} .sidebar .recommend .tab { padding: 15px 15px 13px; } .recommend p { font-size: 12px; margin: 0; } .recommend .p01 { line-height: 162%; } .recommend a { text-decoration: none; } .recommend a:hover { text-decoration: underline; } .recommend .tit01 { font-size: 16px; font-weight: bolder; color: #189959; text-align: left; } .recommend .tit02 { font-size: 14px; color: #189959; } .recommend .tit02 .small{ font-size:80%; } .recommend .pic01 { margin-bottom: 4px; } .recommend .pic02 { float: left; padding: 0 10px 10px 0; } .recommend .txt { overflow: auto; } .recommend .txt .small { font-size:80%; } .recommend .date { font-size: 12px; background: #EEE; text-align: center; padding: 2px 0; margin-top: 3px; } .recommend .date01 { margin-top: 10px; } .recommend .date03 { clear: both; } .recommend .sepline { height: 1px; border-bottom: 2px solid #EEE; padding-top: 15px; margin-bottom: 15px; } #top_under { position: relative; padding: 30px 0 0 0;/* background: url(../img/toppage/bg_bottom.jpg) no-repeat center 30px;*/ line-height: 0; box-shadow: 0px -2px 3px #E1E1E1; -moz-box-shadow: 0px -2px 3px #E1E1E1; -webkit-box-shadow: 0px -2px 3px #E1E1E1; z-index: 999; } #top_under .bnr .wpct25 a img { margin-bottom: 10px; } .toppage_bottom { padding: 20px 0 60px; } .toppage_bottom li { float: left; } .newsbox { display: none; } #news00 { display: block; } .columns_newsbox { position: relative; margin: 0 auto; clear: none !important; width: 100%; padding-bottom: 20px; padding-right: 1%; } #news { position: relative; z-index: 999; } #news .bt { cursor: pointer; } #news .linker { width: 104px; display: block; float: left; } #news .linker a { width: 100px; height: 25px; display: block; text-decoration: none; } #news #b00 a { background: url(../img/toppage/btn_news_01.png) no-repeat left top; } #news #b01 a { background: url(../img/toppage/btn_news_02.png) no-repeat left top; } #news #b02 a { background: url(../img/toppage/btn_news_03.png) no-repeat left top; } #news #b03 a { background: url(../img/toppage/btn_news_04.png) no-repeat left top; } #news #b00 a:hover, #news #b00 a.open { background: url(../img/toppage/btn_news_01a.png) no-repeat left top; } #news #b01 a:hover, #news #b01 a.open { background: url(../img/toppage/btn_news_02a.png) no-repeat left top; } #news #b02 a:hover, #news #b02 a.open { background: url(../img/toppage/btn_news_03a.png) no-repeat left top; } #news #b03 a:hover, #news #b03 a.open { background: url(../img/toppage/btn_news_04a.png) no-repeat left top; } #fb_btm iframe { width: 100% !important; } .toppage_plan_clear { clear: both;} /*-------------------------------------------*/ /* /* sidebar /* /*-------------------------------------------*/ #secondary { position: relative; padding: 0; } #secondary .banners { line-height: 0; } #secondary .banners div { margin-bottom: 10px; float: left; } #secondary .sepline { height: 1px; border-bottom: 1px solid #CCC; margin: 20px 0; clear: both; } #secondary .recommend { padding: 0; background: #FFF; box-shadow: none; width: 260px; height: 380px; margin: 0 auto; } #secondary .recommend .pic01 { margin: 14px 0 10px 0; } /*-------------------------------------------*/ /* /* rightnav /* /*-------------------------------------------*/ #rightnav { margin: 0; position: absolute; top: 20px; width: 336px; right: -300px; z-index: 99999; } #rightnav li { width: 100%; font-size: 11px; list-style: none; } #rightnav li a { text-decoration: none; padding-left: 16px; position: absolute; left: 0px; padding: 6px 40px 6px 20px; z-index: 999; font-weight: bold; } #rightnav div a { position: absolute; left: -30px; z-index: 999; } #rightnav li.r01 a { top: 0px; background: url(../img/header/li_lang_01.png) no-repeat left center; } #rightnav li.r02 a { top: 20px; background: url(../img/header/li_lang_02.png) no-repeat left center; } #rightnav li.r03 a { top: 40px; background: url(../img/header/li_lang_03.png) no-repeat left center; } #rightnav li.r04 a { top: 60px; background: url(../img/header/li_lang_04.png) no-repeat left center; } #rightnav li.r01 a:hover { background: url(../img/header/li_lang_01o.png) no-repeat left center; } #rightnav li.r02 a:hover { background: url(../img/header/li_lang_01o.png) no-repeat left center; } #rightnav li.r03 a:hover { background: url(../img/header/li_lang_01o.png) no-repeat left center; } #rightnav li.r04 a:hover { background: url(../img/header/li_lang_01o.png) no-repeat left center; } #rightnav div.r05 a { width: 50px; top: 100px; left: -14px; } #rightnav div.r06 a { width: 50px; top: 285px; left: -14px; } /*-------------------------------------------*/ /* /* pagetit /* /*-------------------------------------------*/ #pagetit { padding: 34px 0 65px; /*background: url(../img/pagetit/bg_earlysummer.jpg)*/ no-repeat left top; color: #333; } /*-------------------------------------------*/ /* /* inpage /* /*-------------------------------------------*/ table.def, #defform table { border-left: 1px solid #CCC; border-top: 1px solid #CCC; word-break: break-all; } table.def th, #defform table th { text-align: center; font-weight: normal; background: #EEE; padding: 4px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; } table.def td, #defform table td { text-align: center; padding: 4px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; } #defform td, #defform th { padding: 10px !important; } .subtit { margin: 10px 0 25px 0; } .btn_r { padding: 4px 0; margin: 0 auto 10px auto; text-align: center; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; cursor: pointer; } .btn_r a, .btn_r a:hover { color: #FFF; text-decoration: none; display: block; } .btn_free { position: relative; text-align: left; background: #00A0A5; padding: 4px 30px 4px 15px; margin: 0 auto 10px auto; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; cursor: pointer; } .btn_free span { position: absolute; width: 10px; top: 5px; right: 10px; } .btn_free:hover { background: #00C2C8; } .btn_free a, .btn_free a:hover { color: #FFF; text-decoration: none; display: block; } .btn_bolder { background: #00A0A5; text-align: left; width: 88%; height: 50px; position: relative; display: table; border-radius: 26px; -webkit-border-radius: 26px; -moz-border-radius: 26px; min-height: 50px; padding: 2px 20px; } .btn_bolder:hover { background: #00C2C8; width: 88%; height: 50px; position: relative; display: table; border-radius: 26px; -webkit-border-radius: 26px; -moz-border-radius: 26px; min-height: 50px; padding: 2px 20px; } .btn_bolder a, .btn_bolder span { display: table-cell !important; vertical-align: middle; height: 50px; } .btn_bolder span { width: 15px; height: 50px; } .btn_bolder a, .btn_bolder a:hover { color: #FFF; text-decoration: none; display: block; } .w160 { width: 145px; background: #00A0A5 url(../img/common/li_btn_01.png) no-repeat 136px 6px; text-align: left; padding-left: 15px; } .w220 { width: 205px; background: #00A0A5 url(../img/common/li_btn_01.png) no-repeat 196px 6px; text-align: left; padding-left: 15px; } .w240 { width: 240px; background: #00A0A5 url(../img/common/li_btn_01.png) no-repeat 216px 6px; } .w270 { width: 270px; background: #00A0A5 url(../img/common/li_btn_01.png) no-repeat 246px 6px; } .w320 { width: 320px; background: #00A0A5 url(../img/common/li_btn_01.png) no-repeat 286px 6px; } .w320_wide { width: 320px; background: #00A0A5 url(../img/common/li_btn_01.png) no-repeat 295px 6px; } .w160:hover { width: 145px; background: #00C2C8 url(../img/common/li_btn_01.png) no-repeat 136px 6px; text-align: left; padding-left: 15px; } .w220:hover { width: 205px; background: #00C2C8 url(../img/common/li_btn_01.png) no-repeat 196px 6px; text-align: left; padding-left: 15px; } .w240:hover { width: 240px; background: #00C2C8 url(../img/common/li_btn_01.png) no-repeat 216px 6px; } .w270:hover { width: 270px; background: #00C2C8 url(../img/common/li_btn_01.png) no-repeat 246px 6px; } .w320:hover { width: 320px; background: #00C2C8 url(../img/common/li_btn_01.png) no-repeat 286px 6px; } .w320_wide:hover { width: 320px; background: #00C2C8 url(../img/common/li_btn_01.png) no-repeat 295px 6px; } .pdf { background: #00A0A5 url(../img/common/li_btn_02.png) no-repeat 216px 6px; text-align: left; padding-left: 15px; } .outlink { background: #00A0A5 url(../img/common/li_btn_03.png) no-repeat 216px 6px; text-align: left; padding-left: 15px; } .rigter { background: #00A0A5 url(../img/common/li_btn_03.png) no-repeat 245px 6px; } .pdf:hover { background: #00C2C8 url(../img/common/li_btn_02.png) no-repeat 216px 6px; text-align: left; padding-left: 15px; } .outlink:hover { background: #00C2C8 url(../img/common/li_btn_03.png) no-repeat 216px 6px; text-align: left; padding-left: 15px; } .rigter:hover { background: #00C2C8 url(../img/common/li_btn_03.png) no-repeat 245px 6px; } .ble { color: #00A0A5; } .blueback { padding: 10px; margin-bottom: 80px; background: url(../img/common/bg_column.png) repeat; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .ctit { color: #00A0A5; font-weight: bolder; font-size: 18px; padding-left: 25px; margin-bottom: 10px; background: url(../img/common/li_columntitle.png) no-repeat left center; } .inpage { padding-bottom: 80px !important; } #simple_dot { width: 100%; } #simple_dot th { width: 30%; border-right: 1px dotted #333; vertical-align: top; line-height: 200%; } #simple_dot td { padding: 0 0 0 10px; vertical-align: top; line-height: 200%; } #simple_dot th.w100{width:130px !important;} #simple_dot td.w600{width:600px !important;} #simple_dot th span.fs14{font-size:14px;} #simple_dot th span.fs14 span{margin-top:-10px;} #simple { width: 100%; } #def, #mylist { border-left: 1px solid #CCC; width: 100%; } #def th, #mylist th { width: 25%; text-align: left; padding: 10px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; vertical-align: top; background: #EEE; font-weight: normal; } #def td, #mylist td { padding: 10px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; vertical-align: top; } #def th.tp, #mylist th.tp { padding: 0; height: 3px; line-height: 0; background: #00A0A5; } #def td.tp, #mylist td.tp { padding: 0; height: 3px; line-height: 0; background: #CCC; } #def .mface-left, #mylist .mface-left { width: 35%; } #year { border-top: 1px solid #17A8BC; width: 100%; } #year th{ width: 25%; text-align: left; padding: 10px; border-right: 1px dotted #17A8BC; border-bottom: 1px solid #17A8BC; vertical-align: top; background: #D8F5FA; font-weight: normal; } #year td { padding: 10px; border-right: none; border-bottom: 1px solid #17A8BC; vertical-align: top; } #year th.tp { padding: 0; height: 3px; line-height: 0; background: #00A0A5; } #year td.tp{ padding: 0; height: 3px; line-height: 0; background: #CCC; } table.bld th, table.bld td { font-weight: bolder !important; } table.cent th, table.cent td { text-align: center !important; } /* about /*-------------------------------------------*/ #about .sec { margin-bottom: 85px; } #about .tit { margin-bottom: 25px; } #about .tit, #about .subtit { text-align: center; } #about #sec01 { position: relative; background: url(../img/inpage/about/bg_sec01.jpg) no-repeat center top; } #about #sec01 .subtit { text-align: left; } #about #sec01 .intit { padding: 56px 325px 25px 0; text-align: right; } #about #sec01 .abs { position: absolute; width: 250px; height: 220px; padding: 35px 35px 0 35px; top: 230px; right: 30px; text-align: center; line-height: 210%; background: url(../img/inpage/about/bg_sec01.png) no-repeat center top; } #about #sec02 { position: relative; background: url(../img/inpage/about/bg_sec02.jpg) no-repeat center top; padding-top: 50px; } #about #sec02 .txt { max-width: 300px; margin: 0 auto; } #about #sec03 { position: relative; background: #EEE; padding-top: 50px; } #about #sec03 .btn_r { float: left; margin: 0 5px 10px 5px; } #about #sec04 { position: relative; background: url(../img/inpage/about/bg_sec04.jpg) no-repeat center top; padding-top: 50px; /*margin-bottom: 0px;*/ } #about #sec04 .txt { max-width: 300px; margin: 0 auto; position: relative; } #about #sec04 .abs { position: absolute; width: 120px; height: 120px; top: -80px; left: -120px; } #about #sec06 { position: relative; background: #EEE url(../img/inpage/about/bg_sec06.jpg) no-repeat center top; padding: 50px 0; margin: 50px auto 0px; } #about #sec06 .txt { max-width: 300px; min-height: 420px; margin: 0 auto; position: relative; } /* room /*-------------------------------------------*/ #room .under_tex .ccell { vertical-align: top; } #room .under_tex p { padding-top: 60px; } #room .mid_link { border-bottom: 1px dotted #CCC; margin-bottom: 80px; } #room .mid_link .coltable { padding-bottom: 10px; } #room .mid_link a { font-size: 12px; text-decoration: none; } #room .mid_link a:hover { text-decoration: underline; color: #00A0A5; } #room #sec04 .abs { margin-top: -90px; text-align: right; } #room .wk { visibility: hidden; height: 1px; } #room .open { visibility: visible; height: auto; } #room table {white-space: normal;} /* restaurant /*-------------------------------------------*/ #restaurant .ttit { margin-top: -20px; } #restaurant .intab { font-size: 16px; font-weight: bolder; padding: 4px 20px 4px 10px; margin: 0 0 2px 0; background: url(../img/inpage/restaurant/bg_tab.png) no-repeat right top; clear: both; cursor: pointer; } #restaurant .intab:hover, #restaurant .open { color: #FFF; background: url(../img/inpage/restaurant/bg_tab_on.png) no-repeat right top; } #restaurant .intab.orange { font-size: 16px; font-weight: bolder; padding: 4px 20px 4px 10px; margin: 0 0 2px 0; background: url(../img/inpage/restaurant/bg_tab_orange.png) no-repeat right top; clear: both; cursor: pointer; } #restaurant .intab.orange:hover, #restaurant .open { color: #FFF; background: url(../img/inpage/restaurant/bg_tab_on_orange.png) no-repeat right top; } #restaurant .memorial_menu_box {background:url(../img/inpage/restaurant/bg_tab_memorial.png) no-repeat right top; background-color: #C2E9B8; padding:4px 20px 4px 10px; font-size:16px; cursor:pointer;} #restaurant .memorial_menu_box:hover {background:url(../img/inpage/restaurant/bg_tab_memorial_on.png) no-repeat right top; background-color:#FEF28B;} #restaurant .memorial_menu_box a {color:#196600; text-decoration:none; font-weight:bold;} #restaurant.karaoke_room #sec02 table tbody tr th { text-align: left; width: 12rem; } #restaurant .subtit { padding: 10px 0 6px 0; font-weight: bolder; background: url(../img/common/dotline_2.png) no-repeat left bottom; clear: both; } #restaurant .no_under { background: none; padding: 0; margin: 10px 0 5px 0; } #restaurant .intab_txt { padding: 20px 20px 0 20px; border-left: 1px solid #EEE; border-right: 1px solid #EEE; border-bottom: 1px solid #EEE; display: none; } #restaurant .btn_r { margin: 20px 0; } #restaurant .blueback .wpct26 { background: url(../img/inpage/restaurant/sep_blue.png) no-repeat right; } #restaurant #simple_price { width: 100%; } #restaurant #simple_price th { text-align: left; font-weight: normal; vertical-align: top; padding: 4px 0; } #restaurant #simple_price td { width: 60px; vertical-align: top; text-align: right; } #restaurant #simple_dine { width: 100%; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; } #restaurant #simple_dine th { width: 28%; padding: 15px 10px; text-align: left; background: #EEE; border-right: 1px solid #CCC; vertical-align: top; } #restaurant #simple_dine td { width: 72%; padding: 15px 10px; vertical-align: top; border-right: 1px solid #CCC; } #restaurant .cake_midashi { padding: 10px 0 6px 0; margin-bottom: 20px; font-weight: bolder; background: url(../img/common/dotline_2.png) no-repeat left bottom; clear: both; } #restaurant .drink_area, #restaurant .tea_box, #restaurant .tea_line02 { display: table; width: 100%; margin-bottom: 20px; } #restaurant .drink_name, #restaurant .tea_name { display: table-cell; text-align: left; font-weight: normal; vertical-align: top; padding: 4px 0; } #restaurant .drink_price, #restaurant .tea_price { display: table-cell; width: 60px; vertical-align: top; text-align: right; } #restaurant .tea_name { padding-left: 16px; } #restaurant .tea_price { padding-right: 16px; } #restaurant .tea_l { display: table-cell; width: 50%; vertical-align: top; } #restaurant .teatxt02 span, #restaurant .tea_name span, #restaurant .teatxt span, #restaurant .subtit .tear { font-size: 10px; } #restaurant .teatxt02 { font-weight: bold; } #restaurant .teatxt02 span, #restaurant .teatxt02 p { font-weight: normal; } #restaurant span.lunch { padding: 0px 0 2px 25px; background: url(../img/inpage/restaurant/li_lunch.png) no-repeat left 2px; } #restaurant span.dinner { padding: 0px 0 2px 25px; background: url(../img/inpage/restaurant/li_dinner.png) no-repeat left 2px; } #restaurant span.breakfast { padding: 0px 0 2px 25px; background: url(../img/inpage/restaurant/li_breakfast.png) no-repeat left 2px; } #restaurant .scake { background: #000 !important; color: #fff !important; margin-bottom: 30px; padding: 20px 0px 20px 0px; } #restaurant.allergy .btn_r { width: 400px; background: #00A0A5 url(../img/common/li_btn_01.png) no-repeat 375px 22px; padding: 10px 0; } #restaurant.allergy .btn_r:hover { background: #00C2C8 url(../img/common/li_btn_01.png) no-repeat 325px 22px; } /* newyear2020 /*-------------------------------------------*/ #newyear #simple_dine { width: 100%; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; } #newyear #simple_dine th { width: 28%; padding: 15px 10px; text-align: left; background: #C9A54B; border-right: 1px solid #CCC; vertical-align: top; color: #000;} #newyear #simple_dine td { width: 72%; padding: 15px 10px; vertical-align: top; background: #fff; border-right: 1px solid #CCC; } .reswak { position: relative; border: 1px solid #00A0A5; padding: 20px 20px 12px 20px; } .reswak_pink { position: relative; border: 1px solid #E3B3CD; padding: 20px 20px 12px 20px; } .seasonal_spr{border-color:#F4A7B9;} .seasonal_sum{border-color:#00A0A5;} .reswak a, .reswak_pink a{ text-decoration:none !important; } .reswak p, .reswak_pink p { padding-bottom: 30px; } .reswak .tit, .reswak_pink .tit { text-align: center; } .reswak .info, .reswak_pink .info { position: relative; text-align: center; margin-bottom: 10px; } .reswak .info span, .reswak_pink .info span { position: absolute; width: auto; top: 0; right: 0; } .reswak .btn, .reswak_pink .btn { position: absolute; width: 137px; right: 0px; bottom: 0px; } .bmenu { margin: 30px 0; border: 3px solid #EEE; } .fontana #sec00 .bx-wrapper .bx-pager { right: 45px !important; } .senbaduru .bx-wrapper .bx-pager { right: 55px !important; } .buffe_txt{ margin-top: -5px; } @media screen and (max-width: 672px) { #restaurant.allergy .btn_r { width: 90%; background: #00A0A5 url(../img/common/li_btn_01.png) no-repeat 97.5% 22.5px; margin: 20px auto; ; } #restaurant.allergy .btn_r:hover { background: #00C2C8 url(../img/common/li_btn_01.png) no-repeat 97.5% 22.5px; } } /* poolspa /*-------------------------------------------*/ #poolspa .sec { margin-bottom: 80px; } #poolspa .inlink .wak { display: block; position: relative; } #poolspa .inlink .wak p { position: absolute; width: 180px; top: 250px; left: 30px; } #poolspa #sec02 #def th, #poolspa #sec02 #def td { padding: 4px 10px; } #poolspa #sec02 #def th.tp, #poolspa #sec02 #def td.tp { padding: 0; } #poolspa .bx-pager { right: 65px; bottom: -22px; } #poolspa #sec01 h4, #poolspa #sec02 h4 { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; color: #00A0A5; font-size: 26px; font-weight: normal; clear: both; } /* relax /*-------------------------------------------*/ #relax #sec01 .wak { padding: 45px 0 30px 25px; background: url(../img/inpage/relax/bg_sec01.jpg) no-repeat right top; } #relax #sec02 .wak { padding: 25px 0 30px 45px; background: url(../img/inpage/relax/bg_sec02.jpg) no-repeat right top; } #relax #sec03 .wak { padding: 45px 0 30px 25px; background: url(../img/inpage/relax/bg_sec03.jpg) no-repeat right top; } #relax .prices th { text-align: center; font-weight: bolder; } #relax .prices .price { text-align: right; font-weight: bolder; } #relax #sec03 { display: none; } /* friendship /*-------------------------------------------*/ #friendship #def .price { width: 50%; } /* event /*-------------------------------------------*/ #event #simple_dot th { width: 15%; text-align: left; } #event #sec01 .spc { width: 20px; } #event #sec01 .event_list { max-width: 220px; margin: 0 auto; } #event #sec01 .event_list .pic { min-height: 170px; } #event #sec01 .event_list .tit { font-weight: bolder; text-align: center; color: #00A0A5; margin-bottom: 10px; } #event #sec01 .event_list .date { background: #EEE; text-align: center; } /* detail /*-------------------------------------------*/ #detail #simple_dot th { width: 15%; text-align: left; } /* leisure /*-------------------------------------------*/ #leisure #sec01 { background: url(../img/inpage/leisure/bg_sec01.jpg) no-repeat center 100px; } #leisure #sec02 { background: url(../img/inpage/leisure/bg_sec02.jpg) no-repeat center 100px; } #leisure #sec03 { background: url(../img/inpage/leisure/bg_sec03.jpg) no-repeat center 100px; } #leisure #sec04 { background: url(../img/inpage/leisure/bg_sec04.jpg) no-repeat center 100px; } #leisure .sec { margin-bottom: 100px; } #leisure h4 { margin-bottom: 0; } .area { padding-bottom: 60px !important; } .area:last-child { padding-bottom: 30px !important; } .area .ccell { position: relative; box-shadow: 0px 0px 3px #AAA; -moz-box-shadow: 0px 0px 3px #AAA; -webkit-box-shadow: 0px 0px 3px #AAA; background: url(../img/inpage/leisure/bg_transparent.png) repeat center center; } .area .void { box-shadow: 0px 0px 0px #CCC; -moz-box-shadow: 0px 0px 0px #CCC; -webkit-box-shadow: 0px 0px 0px #CCC; background: none; } .area .spc { width: 20px; box-shadow: 0px 0px 0px #CCC; -moz-box-shadow: 0px 0px 0px #CCC; -webkit-box-shadow: 0px 0px 0px #CCC; background: none; } .area .tab { max-width: 320px; margin: 10px auto; } .area .cl00 { line-height: 0; overflow: hidden; } .area .cl01 { font-size: 16px; font-weight: bolder; text-align: center; color: #00A0A5; padding: 10px 0; background: #FFF; } .area .cl02 { text-align: left; padding: 0px 10px 10px; background: #FFF; } .area .cl03 { text-align: left; padding: 10px 10px 20px; } .area .cl04 { position: absolute; width: 100%; left: 0; bottom: -20px; text-align: center; } /* howtopass /*-------------------------------------------*/ #howtopass .tit { margin: 20px 0; } #howtopass a { color: #FFF; text-decoration: none; } #howtopass .pic { overflow: hidden; } /* summer /*-------------------------------------------*/ #summer #sec00 { padding: 165px 0; background: url(../img/inpage/summer/pic_sec00.jpg) no-repeat left top; } #summer #sec00 .tit { padding-left: 20px; } #summer .sec { position: relative; z-index: 1; padding-bottom: 80px; } #sec03 { position: relative; z-index: 1; padding-bottom: 40px !important; } /*ドッグラン削除のため調整*/ #summer .abs { position: absolute; width: 700px; top: 0px; left: 0px; z-index: 2; } #summer .btn_r { position: relative; z-index: 3; } #summer .outlink { width: 255px; } #summer .tit { margin-bottom: 20px; } #summer .insec01 { position: relative; /*padding-bottom: 40px;*/ } #summer .insec02 { position: relative; } #summer .insec01 .abs { top: -140px; left: 280px; } #summer .insec02 .abs { top: 70px; left: 285px; } #summer #sec04 .abs { top: 40px; } #summer #sec05 .abs { top: 220px; left: 400px; } #summer #sec06 { margin-bottom: 0; padding-bottom: 60px; } #summer #sec06 .tit { padding: 50px 0 0 0; } #summer .blueback { text-align: center; padding: 30px 0; margin-bottom: 0; background: url(../img/inpage/summer/bg_blueback.png) no-repeat left top; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } #summer #sec07 { padding-bottom: 150px; } #summer #sec07 .abs { top: 120px; } #summer #sec07 p { max-width: 450px; } #summer #sec08 .abs { top: 200px; } /* winter /*-------------------------------------------*/ #winter #sec01 .columns { position: relative; margin: 0 auto; clear: both; width: 100%; padding-bottom: 30px; } #winter #sec04 .bottom { padding-bottom: 60px; } #winter #sec00 .tit { padding-left: 12px; } #winter .sec { position: relative; z-index: 1; padding-bottom: 40px; } #winter .abs { position: absolute; width: 700px; top: 0px; left: 0px; z-index: 2; } #winter .btn_r { position: relative; z-index: 3; } #winter .outlink { width: 255px; } #winter .insec01 { position: relative; padding-bottom: 40px; } #winter .insec02 { position: relative; } #winter .insec01 .abs { top: -140px; left: 480px; } #winter .insec02 .abs { top: 70px; left: 285px;} #winter #sec01 .abs { top: 30px; left: 0px; } #winter #sec02 .abs { top: 215px; left: 0px;} #winter #sec02 { margin-bottom: 0; padding-bottom: 20px; } #winter #sec02 .bg { margin: 40px 0 70px; padding: 20px; background: url(../img/inpage/winter/bg_blueback01.jpg) repeat left top; border-radius: 8px; /* CSS3草案 */ -webkit-border-radius: 8px; /* Safari,Google Chrome用 */ -moz-border-radius: 8px; /* Firefox用 */ } #winter #sec02 .bg:after{ content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; } #winter #sec02 .bg .tit01 { background: url(../img/inpage/winter/bg_tit01.png) no-repeat left top; font-size: 18px; color: #00A0A5; font-weight: bold; padding-left: 30px; } #winter #sec02 .bg .left { float: left; width: 60%;} #winter #sec02 .bg .right { float: right;} #winter #sec03 .abs { top: 10px; left: 300px;} #winter #sec03 { margin-bottom: 0; padding-bottom: 40px; } #winter #sec04 .abs { top: 60px; left: 0px;} #winter #sec05 .abs { top: 200px; left: 250px;} #winter #sec05 { margin-bottom: 0; padding-bottom: 30px; } #winter #sec06 .abs { z-index:0; top: 380px;} #winter #sec06 { margin-bottom: 0; padding-bottom: 60px; } #winter #sec06 p { z-index:150; } #winter .blueback { font-size: 12px; text-align: center; padding: 30px 0 40px; margin-bottom: 0; background: url(../img/inpage/winter/bg_blueback.png) no-repeat center top; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } #winter #sec07 { padding-bottom: 50px; } #winter #sec07 .abs { top: 120px;} #winter #sec07 p { max-width: 450px; } #winter #sec08 .abs { top: 200px;} #winter .float_right { float: right; } #winter .tit_sub { font-size: 22px; color: #00A0A5; font-weight: bold; line-height: 120%; } #winter .tit p { padding-left: 70px; } #winter .tit p span { font-size: 22px; color: #00A0A5; font-weight: bold; } #winter #sec01 .tit { background: url(../img/inpage/winter/tit01.png) no-repeat left top; } #winter #sec02 .tit { background: url(../img/inpage/winter/tit02.png) no-repeat left top; } #winter #sec03 .tit { background: url(../img/inpage/winter/tit03.png) no-repeat left top; } #winter #sec04 .tit { background: url(../img/inpage/winter/tit04.png) no-repeat left top; } #winter #sec05 .tit { background: url(../img/inpage/winter/tit05.png) no-repeat left top; } #winter #sec06 .tit { background: url(../img/inpage/winter/tit06.png) no-repeat left top; } #winter #sec07 .tit { background: url(../img/inpage/winter/tit07.png) no-repeat left top; } /* mice /*-------------------------------------------*/ #mice #sec01 { background: url(../img/inpage/mice/bg_sec01.jpg) no-repeat center top; padding-top: 30px; } #mice #sec01 .feature { margin-bottom: 10px; } #mice #sec02 { background: url(../img/inpage/mice/bg_sec02.jpg) no-repeat center top; padding-top: 100px; margin-top: 60px; } #mice #sec02 .intab .tit { font-size: 16px; font-weight: bolder; color: #00A0A5; margin: 5px 0; } #mice #sec02 .ptit { margin: 40px 0 0 0; } #mice #sec03 { background: url(../img/inpage/mice/bg_sec03.jpg) no-repeat center top; padding-top: 100px; margin-top: 60px; } #mice #sec03 .facility_pager a { text-decoration: none; padding: 8px 0 15px 0; font-size: 16px; display: block; cursor: pointer; background: url(../img/inpage/mice/bg_pager.png) no-repeat center top; } #mice #sec03 .facility_pager a:hover, #mice #sec03 .facility_pager a.open { color: #FFF; background: url(../img/inpage/mice/bg_pager_on.png) no-repeat center top; } #mice #sec03 .intex .ccell { position: relative; } #mice #sec03 .intex .tit { font-size: 16px; font-weight: bolder; color: #00A0A5; margin: 5px 0; } #mice #sec03 .intex .pic { margin-top: 20px; } #mice #sec03 .intex .ccell p { padding-bottom: 50px; } #mice #sec03 .intex { display: none; } #mice #sec03 #fc01 { display: block; } #mice #sec04 { background: url(../img/inpage/mice/bg_sec04.jpg) no-repeat center top; padding-top: 100px; margin-top: 60px; } #mice #sec04 .dine_pager { margin-bottom: 30px; } #mice #sec04 .dine_pager a { text-decoration: none; padding: 8px 0 15px 0; font-size: 16px; display: block; cursor: pointer; background: url(../img/inpage/mice/bg_pager.png) no-repeat center top; } #mice #sec04 .dine_pager a:hover, #mice #sec04 .dine_pager a.open { color: #FFF; background: url(../img/inpage/mice/bg_pager_on.png) no-repeat center top; } #mice #sec04 .intab { line-height: 180%; } #mice #sec04 .intex { display: none; } #mice #sec04 #dc01 { display: block; } #mice { word-break: break-all;} /* webshop /*-------------------------------------------*/ #webshop .abs { margin-top: -56px; line-height: 0; } /*#webshop #sec00 { padding: 88px 0 80px 40px; background: url(../img/inpage/webshop/pic_sec00.jpg) no-repeat center top; }*/ /*#webshop #sec00 p { max-width: 350px; color: #EEE; }*/ #webshop #sec01 { background: #EEE; padding: 40px 0; margin-top: 10px; box-shadow: inset 0px 0px 5px #CCC; -moz-box-shadow: inset 0px 0px 5px #CCC; -webkit-box-shadow: inset 0px 0px 5px #CCC; } #webshop #sec01 h5 { position: relative; z-index: 4; } #webshop #sec01 h5 span { display: table-cell; vertical-align: middle; } #webshop #sec01 h5 .vimg { font-size: 14px; font-weight: normal; vertical-align: middle; } #webshop .tab { position: relative; background: #FFF; box-shadow: 0px 0px 3px #CCC; -moz-box-shadow: 0px 0px 3px #CCC; -webkit-box-shadow: 0px 0px 3px #CCC; z-index: 2; } #webshop .tab .intab { margin: 0 20px; } #webshop .tab .intab span { width: 40px; background: #EEE; padding: 4px 10px; text-align: center; } #webshop .tab .intab .wpct27 a { display: block; padding-bottom: 20px; } #webshop .tab .detail { text-align: right; line-height: 0; } #webshop .tab .detail img { cursor: pointer; } #webshop .tab .red span { background: #D80000; color: #FFF; padding: 6px 20px; } #webshop .tab span.font_12 { background: no-repeat; } #webshop .tab .pulldown { display: none; } #webshop .tab .big_price { color: #D80000; font-size: 18px; font-weight: bolder; background: #FFF !important; } #webshop #sec02 .big_price { color: #D80000; font-size: 18px; font-weight: bolder; background: none !important; } #webshop .cl01 { font-size: 16px; font-weight: bolder; text-align: left; color: #00A0A5; padding: 10px 0; background: #FFF; } #webshop .cl02 { text-align: left; padding: 10px 0 10px 20px; background: #EEE; } #webshop .cl03 { text-align: left; padding: 10px 0 20px 0; } #webshop .area .ccell { position: relative; box-shadow: 0px 0px 5px #AAA; -moz-box-shadow: 0px 0px 5px #AAA; -webkit-box-shadow: 0px 0px 5px #AAA; } #webshop .area .tab { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #webshop .area .void { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; background: none; } #webshop .area .spc { width: 20px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; background: none; } #webshop .area .cl00 { line-height: 0; } #webshop .area .cl01 { font-size: 16px; font-weight: bolder; text-align: center; color: #00A0A5; padding: 10px 0; background: #FFF; } #webshop .area .cl02 { text-align: center; padding: 10px 0 10px 0; background: #EEE; } #webshop .area .cl03 { text-align: left; padding: 10px 20px 20px 20px; } #webshop #sec03 { background: #EEE; padding: 40px 0; margin-top: 10px; box-shadow: inset 0px 0px 5px #CCC; -moz-box-shadow: inset 0px 0px 5px #CCC; -webkit-box-shadow: inset 0px 0px 5px #CCC; } #webshop #sec03 td { background: #FFF; } #webshop #sec03 th { font-weight: bolder; } /* plan /*-------------------------------------------*/ #plan .coltable { margin-bottom: 20px; } #plan .ccell { position: relative; } #plan .wpct48 p { padding-bottom: 60px; } #plan .dotline { margin: 40px 0; } #plan .tit { font-size: 18px; color: #189959; } #plan .btn_r { position: absolute; width: 160px; left: 0px; bottom: 0px; } /* access /*-------------------------------------------*/ #access .sec { margin-bottom: 50px; } #access .pdf { width: 145px; background: #068cc6 url(../img/common/li_btn_02.png) no-repeat 130px 6px; text-align: left; padding-left: 15px; } #access .pdf:hover { width: 145px; background: #059cdf url(../img/common/li_btn_02.png) no-repeat 130px 6px; text-align: left; padding-left: 15px; } #access #googlemap { margin-bottom: 60px; } #access .txt1 { color: #00A0A5; font-weight:bold; } #access .txt2 { font-weight:bold; } .grayback { padding: 15px 10px; margin-top: 10px; background: #EEE; } .grayback a { text-decoration: none; padding-right: 30px; background: url(../img/common/li_btn_03.png) no-repeat right center; } .grayback a:hover { text-decoration: underline; } .fujirock_box { border: solid 2px #B5B5B6; border-radius: 10px; padding: 10px; background-color: #fff; } .fujirock_map_guide { text-align: left; } /* faq /*-------------------------------------------*/ #faq .inlink { margin: 20px 0 40px 0; } #faq .fatex { margin: 0 0 80px 0; } #faq .pmg { float: right; padding: 20px 0 30px 30px; } #faq .inlinker { margin-bottom: 30px; } #faq .titpic { margin: 0 auto; } #faq .btn_r { text-align: left; padding-left: 20px; } #faq .inlinker .btn_r { margin: 0 0 6px 0; } #faq .fatex .btn_r { margin: 0 0 50px 0; } #faq .qi { padding-left: 20px; padding-bottom: 6px; background: url(../img/inpage/faq/li_qi.png) no-repeat left 4px; } #faq .qi a { text-decoration: none; } #faq .qi a:hover { text-decoration: underline; } #faq .q { background: #00A0A5; padding: 6px 10px; margin: 50px 0 0 0; color: #FFF; font-size: 20px; clear: both; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } #faq .a { margin: 20px 0 20px 0; } /* corporation /*-------------------------------------------*/ #corporation .dotline { margin: 0 0 40px 0; } #corporation h4 { margin-bottom: 0; } /* recruit /*-------------------------------------------*/ #recruit .sec { margin-bottom: 80px; } #recruit table#def { line-height: 220%; } #recruit table#def .lef { width: 10px; background: #CCC; vertical-align: middle; } #recruit table#def td { font-weight: normal !important; } #recruit table#simple td, #recruit table#simple th { border: 0; padding: 2px; line-height: 160%; } #recruit table#simple th { width: 40%; background: #FFF; } #recruit .intab { font-size: 16px; font-weight: bolder; padding: 4px 20px 4px 10px; margin: 0 0 2px 0; background: url(../img/inpage/recruit/bg_tab.png) no-repeat right top; clear: both; cursor: pointer; } #recruit .intab:hover, #restaurant .open { color: #FFF; background: url(../img/inpage/recruit/bg_tab_on.png) no-repeat right top; } #recruit .intab.orange:hover, #restaurant .intab.orange .open { color: #FFF; background: url(../img/inpage/recruit/bg_tab_on_orange.png) no-repeat right top; } #recruit .intab_txt { padding: 20px 20px 0 20px; display: none; } @media screen and (max-width: 672px) { #recruit .inbox { float: inherit !important; margin: auto; } } /* point_c /*-------------------------------------------*/ #point_c .sec { margin-bottom: 80px; } #point_c #def th { text-align: center; } #point_c .c1 { background: #DAF3FE; } #point_c .c2 { background: #E3FEDA; } #point_c .c3 { background: #FDFADB; } #point_c .c4 { background: #FDDDDB; } /* bestrate /*-------------------------------------------*/ #bestrate #def th { width: 30%; font-weight: bolder; } #bestrate .wak { border: 1px solid #CCC; padding: 20px; margin-bottom: 60px; } #bestrate .wak .tit { font-size: 18px; color: #00A0A5; font-weight: bolder; } #bestrate .wak .point { padding: 6px; background: #EEE; text-align: center; } #bestrate .red { color: #D80000; font-weight: bolder; } #bestrate .blueback { padding: 40px; } /* sitemap /*-------------------------------------------*/ #sitemap address { display: none; } #post-66 ul.children { padding-left: 20px; } #post-66 li { padding-left: 10px; padding-bottom: 12px; line-height: 220%; } #post-66 li a { padding-left: 16px; background: url(../img/inpage/sitemap/li_sitemap.png) no-repeat left top; text-decoration: none; } #post-66 li a:hover { text-decoration: underline; } /* privacy /*-------------------------------------------*/ #privacy #def { margin: 0 0 50px; } #privacy h5 { margin-top: 40px; } #privacy p { padding: 0 0; } .entry-header { display: none; } /* slider /*-------------------------------------------*/ .pager a { display: block; background: url(../img/inpage/room/bg_tab.png) no-repeat center top; font-size: 16px; padding: 10px 0 12px 0; text-decoration: none; margin: 5px 0; } .pager a.active, .pager a:hover { background: url(../img/inpage/room/bg_tab_on.png) no-repeat center top; color: #FFF; } .pager_big a { display: block; background: url(../img/inpage/room/bg_tab_big.png) no-repeat center top; font-size: 16px; padding: 23px 0 26px 0; text-decoration: none; margin: 5px 0; } .pager_big a.active, .pager_big a:hover { background: url(../img/inpage/room/bg_tab_big_on.png) no-repeat center top; color: #FFF; } .inpage .bx-wrapper { margin-bottom: 0;/*height: 400px;*/ } .inpage .bx-viewport { margin: 0 auto; } .in_bx { position: relative; } .in_bx .logo_title { position: absolute; right: 10px; bottom: 10px; z-index: 100; } /* news /*-------------------------------------------*/ #news { padding: 20px 0; } #news a.bt { padding-right: 4px; } #news p { margin: 0 0 20px 0; font-size: 12px; } #news a.tit { font-size: 14px; color: #00A0A5; text-decoration: underline; } #news a.tit:hover { text-decoration: none; } #news .date { font-size: 10px; color: #999; display: table; text-align: right; } #news .date span { width: 58px; display: table-cell; vertical-align: top; padding-right: 2px; } #news .date span.datetime { width: auto; } #news .p01 { width: 70px; float: left; padding-right: 10px; } #news .txt { overflow: auto; } #news_list { position: relative; } #news_list li a { font-size: 26px; color: #00A0A5; text-decoration: none; } #news_list li a:hover { text-decoration: underline; } #news_list .eyecatch { float: right; width: auto; margin-left: 40px; text-align: right; } #news_list .news_content { padding: 15px; margin: 0 0 30px 0; border-left: 1px solid #6eb84f; border-right: 1px solid #6eb84f; border-bottom: 1px solid #6eb84f; } #news_list .mtx { overflow: auto; zoom: 1; } .dates { text-align: right; } .single .dates { text-align: left; } .bdate { color: #CCC; font-size: 11px; padding-left: 10px; } #news_single { margin-top: 40px; } #news_single .bdate { color: #CCC; font-size: 11px; padding-left: 10px; } #news_single p { padding-left: 10px; } /*-------------------------------------------*/ /* switch_botton /*-------------------------------------------*/ #switch_top {display:none;} #switch_top , #switch_bottom {color:#FFF;background: #444444 ; text-align: center;} #switch_top div , #switch_bottom div {color: #FFF;} #switch_top span , #switch_bottom span {color: #FFC926;} #switch_top {padding: 25px;font-size: 20px;} #switch_bottom {padding: 15px;font-size: 14px;} @media screen and (max-width: 1024px) { .event_lineup .float_left, .event_lineup .float_rigt { float: none; } } /*-------------------------------------------*/ /* Post /*-------------------------------------------*/ /* memorial_menu /*-------------------------------------------*/ .post_memorial_menu_table tr .detail_h { width: 5rem; } .post_memorial_menu_table tr .detail_p { width: 2.5rem; } /* サマースペシャル SWEETS & DRINK /*-------------------------------------------*/ #summerspecialSweetsDrink .menu { margin-left: 20px; } #summerspecialSweetsDrink .menu caption { text-align: left; color: #00A0A5; font-weight: bold; } #summerspecialSweetsDrink .menu tbody tr td:last-child { padding-left: 20px; } /* christmas-cake-collection-2018 /*-------------------------------------------*/ #christmas-cake-collection-2018 .columns { padding-bottom: 48px; } /*-------------------------------------------*/ /* niigata_buffet /*-------------------------------------------*/ #niigata_buffet .columns p{padding-top: 50px; font-size: 16px;} /*--#niigata_buffet .wpct22.vimg{position: relative;left: 30px;top: -50px;}--*/ #niigata_buffet .bg_beige{background: #FFEAD5;padding: 20px;} #niigata_buffet p.font_18{padding-top: 0;} /*-------------------------------------------*/ /* End of Post /*-------------------------------------------*/ /*　------------------------------------------------------------------- */ /* /* iPhone /* /*　------------------------------------------------------------------- */ /*　------------------------------------------------------------------- */ /* /* Andoroid /* /*　------------------------------------------------------------------- */ /* inpage /*　------------------------------------------------------------------- */ .inpage .bx-viewport { width: 100% !important; } #fb_btm .fb-like-box span { width: 460px !important; } .w340 { width: 340px; background: #00a0a5 url(../img/common/li_btn_01.png) no-repeat 316px 6px; } .w340:hover { width: 340px; background: #00c2c8 url(../img/common/li_btn_01.png) no-repeat 316px 6px; } /*　------------------------------------------------------------------- */ /* /* iPhone and Andoroid　共通 /* /*　------------------------------------------------------------------- */ /*　------------------------------------------------------------------- */ /* /* iPad /* /*　------------------------------------------------------------------- */ /*　------------------------------------------------------------------- */ /* /* PC /* /*　------------------------------------------------------------------- */ /*　------------------------------------------------------------------- */ /* /* iPad and PC　共通 /* /*　------------------------------------------------------------------- */ /*　------------------------------------------------------------------- */ /* /* for IE8*/ /* /*　------------------------------------------------------------------- */ .ie8 { /* setup /*　------------------------------------------------------------------- */ /* inpage /*　------------------------------------------------------------------- */ /* setup /*　------------------------------------------------------------------- */ /* inpage /*　------------------------------------------------------------------- */ } .ie8 header .top_head .rig_mg img { width: auto; height: auto; } .ie8 header .bx-controls { display: block; } .ie8 header .nav-menu { margin: 15px 0 0 0; } .ie8 .home header .nav-menu { margin: 15px 0 0 0; text-align: center;background:#fff;} .ie8 #pagetit h3 { font-size: 23px; } .ie8 .transp { background: none; } .ie8 #back-top { bottom: 130px; } .ie8 .w340 { width: 340px; background: #068cc6 url(../img/common/li_btn_01.png) no-repeat 316px 6px; } .ie8 .w340:hover { width: 340px; background: #059cdf url(../img/common/li_btn_01.png) no-repeat 316px 6px; } .ie8 .inpage .bx-controls { display: block; } .ie8 #about #sec01 .intit { padding: 56px 325px 25px 0; text-align: right; } .ie8 #about #sec03 .btn_r { float: left; margin: 0 5px 10px 5px; } .ie8 #mice #sec02 .bmg { background: url(../img/inpage/mice/pic_sec02_14.jpg) no-repeat right bottom; } .ie8 #room .under_tex { margin-top: -30px; } .ie8 #faq .pmg { float: right; padding: 20px 0 30px 30px; margin: 0; } .ie8 #faq .inlinker .btn_r { margin: 0 0 6px 0; } .ie8 #restaurant .bmenu { margin: 30px 0; border: 3px solid #EEE; } .ie8 .one { max-width: 100%; } .ie8 .outer { max-width: 1300px; padding: 0; } .ie8 .outer_reserv { position: relative; } .ie8 .inner { max-width: 1000px; padding: 0; z-index: 100; } .ie8 #primary { display: table-cell; width: 700px; float: right; } .ie8 #secondary { display: table-cell; width: 260px; padding-right: 40px; float: left; } .ie8 #secondary .sepline { width: 260px; } .ie8 #secondary .banners div { width: auto; height: auto; margin-left: 0; float: none; } .ie8 #bread { display: block; margin: -30px 0 4px 0; } .ie8 header .top_head .front { position: absolute; right: 0; bottom: 30px; margin-top: 0; } .ie8 header .tpr .t03,.ie8 header .tpr .home header .t03 { width: 32%; } .ie8 #reserv { padding: 0; } .ie8 .wide_phone { display: block; position: static; } .ie8 .home .wide_phone { position: static; } .ie8 .infiniteslide li img { width: auto; } .ie8 .bx-wrapper .bx-controls-direction a { top: 50% !important; } .ie8 .recommend .wpct28 .pic02 { float: left; } .ie8 #fb_btm .fb-like-box span { width: 740px !important; } .ie8 .infiniteslide { height: 220px; } .ie8 .inpage { padding-left: 0; padding-right: 0; } .ie8 .inpage .bx-viewport { width: 100% !important; } .ie8 #mice .intab p { max-width: 310px; padding: 0; margin: 0 auto; } .ie8 #mice #sec03 .intex .tit { max-width: 310px; } .ie8 #sec03 .intex .ccell .btn { position: absolute; max-width: 300px; left: 40px; bottom: 0; } .ie8 .area .cl04 { left: -5px; } .ie8 #corporation .wpct65 { width: 65%; } .ie8 #corporation .wpct35 { width: 35%; } /*　------------------------------------------------------------------- */ /* /* iPhone (400px以下)*/ /* /*　------------------------------------------------------------------- */ @media screen and (max-width: 400px) { /* setup /*　------------------------------------------------------------------- */ .blueback { padding: 10px; margin-bottom: 20px; } .outer { max-width: 100%; } .inner { max-width: 100%; padding: 0 10px; z-index: 100; } #primary { display: block; width: 100%; } #secondary { display: block; width: 260px; margin: 0 auto; } #secondary .sepline { width: 100%; } header .bx-controls { display: none; } header .nav-menu { margin-top: 0; } #bread { display: none; } .transp { background: url(../img/inpage/leisure/bg_transparent.png) repeat left top; } #back-top { bottom: 20px; } .wide_phone { display: none; } #pagetit { padding: 34px 0 30px; background: url(../img/pagetit/bg.jpg) no-repeat left top; color: #333; } .recommend .tab_bestrate { margin: 31px 0 14px; padding: 0; height: 100%; width: auto; text-align:center; } .recommend .tab_bestrate a{ box-shadow: 0px 2px 2px #CCC; -moz-box-shadow: 0px 2px 2px #CCC; -webkit-box-shadow: 0px 2px 2px #CCC; } .recommend .tab_bestrate img { vertical-align: bottom; } .recommend .tab_last { margin-bottom: 20px; } /* inpage /*　------------------------------------------------------------------- */ .inpage { padding-left: 10px; padding-right: 10px; } .inpage .bx-controls { display: none; } #about #sec01 .intit { padding: 20px 20px 55px 0; text-align: right; } #about #sec03 .btn_r { float: none; margin: 0 auto 10px auto; } #about .tit img, #about .subtit img { max-width: 96%; } #about.inpage { padding: 0; } #about .sec { margin-bottom: 20px;} #about #sec01, #about #sec02, #about #sec03, #about #sec04, #about #sec05 { padding-left: 10px; padding-right: 10px; } #mice #sec02 .bmg { background: none; } #room .under_tex { margin-top: 10px; } #room .under_tex p { padding-top: 0px;} #room #sec04 .abs { display: none;} #faq .pmg { float: none; padding: 20px 0 30px 0; margin: 0 auto; text-align: center; } #faq .inlinker .btn_r { margin: 0 auto 10px auto; } #restaurant .bmenu { margin: 30px 0; border: none; } .area { padding-bottom: 20px !important; } .area .cl04 { position: absolute; width: 100%; left: 0; bottom: -20px; text-align: center; } #poolspa #sec01 h4 img { width:60%; } /* setup /*　------------------------------------------------------------------- */ .one { max-width: 300px; overflow: hidden; } header .top_head .rig_mg img { width: 120px; height: auto; } header .top_head .front { position: relative; margin-top: -80px; } /* inpage /*　------------------------------------------------------------------- */ .inpage .bx-viewport { width: 300px !important; } #fb_btm .fb-like-box span { width: 300px !important; } .w340 { width: 260px; background: #00a0a5 url(../img/common/li_btn_01.png) no-repeat 316px 6px; } .w340:hover { width: 260px; background: #00c2c8 url(../img/common/li_btn_01.png) no-repeat 316px 6px; } .inpage .bx-wrapper { height: auto; } /*footerトリップアドバイザーウィジェット用旧*/ #CDSWIDCOE { margin: 0px auto 10px !important; width: 185px !important; } /*footerトリップアドバイザーウィジェット用新160511*/ #CDSWIDSSP { margin: 0 auto; width: 100% !important; } .widSSPData { margin: 0px auto; width: 56%; } /* valentine 150116追加 */ .val_i { width: 95%; text-align: center; } .val_t { width: 94% !important; } .val_ico1 { position: absolute; top: 20px; right: 20px; width: 60px; height: 60px; } .valentine .val_table { padding: 0 10px 20px; } /* valentine 150213追加 */ .whiteday .val_i { width: 95%; text-align: center; } .whiteday .val_t { width: 95%; } .whiteday .val_ico1 { position: absolute; top: 20px; right: 20px; width: 60px; height: 60px; } .whiteday .val_table { padding: 0 10px 20px; } .whiteday .val_nobr { display: none; } /* .in_bx .logo_title img { width:40%; padding: 0 0 0 170px; }*/ .in_bx .logo_title img { max-height: 40px; max-width: 150px; padding: 0 0 0 170px; } /* happychristmas2018 /*-------------------------------------------*/ #happychristmas2018 .pos_rel { position: relative; } #happychristmas2018 .btn_area { position: absolute; bottom: 10px; right: 10px; text-align: right; } #happychristmas2018 a { display: inline-block; } #happychristmas2018 .btn_early { margin-bottom: 5px; } #happychristmas2018 .btn_premium { } /* winter /*-------------------------------------------*/ #winter #sec00 { padding: 80px 0 80px; background: url(../img/inpage/winter/pic_sec00.jpg) no-repeat left top; background-size: 100%; } #winter #sec00 .tit img { width: 60%; } #winter #sec01 .tit p { margin-bottom: 0; } #winter .tit { margin-bottom: 0px; min-height: 60px; } #winter .float_left { float: none !important; } #winter .float_right { float: none !important; } #winter .vimg { padding-bottom: 0px; overflow: hidden; } #winter .insec01 { position: relative; padding-bottom: 0px; } #winter .sec { position: relative; z-index: 1; padding-bottom: 0px; } #winter #sec02 { margin-bottom: 0; padding-bottom: 0px; } #winter #sec03 { margin-bottom: 0; padding-bottom: 0px; } #winter #sec05 { margin-bottom: 0; padding-bottom: 0px; } #winter #sec06 { margin-bottom: 0; padding-bottom: 0px; } #winter #sec07 { margin-bottom: 0; padding-bottom: 0px; } #winter #sec02 .bg { margin: 0px 0 30px; padding: 20px; background: url(../img/inpage/winter/bg_blueback01.jpg) repeat left top; border-radius: 8px; /* CSS3草案 */ -webkit-border-radius: 8px; /* Safari,Google Chrome用 */ -moz-border-radius: 8px; /* Firefox用 */ } #winter #sec02 .bg .tit01 { background: url(../img/inpage/winter/bg_tit01.png) no-repeat left top; font-size: 18px; color: #068CC5; font-weight: bold; padding-left: 30px; } #winter #sec02 .bg .left { float: none; width: 100%;} #winter #sec02 .bg .right { float: none; text-align: center; } #winter #sec04 .bottom { padding-bottom: 0px; } #winter #sec05 .ml { margin-left: 0px;} #winter .blueback { font-size: 12px; text-align: center; padding: 20px 0 40px; margin-bottom: 0; background: url(../img/inpage/winter/bg_blueback.png) no-repeat center top; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } #winter #sec07 .img01 { display: block; padding: 10px 0 0; text-align:center; } #winter #sec07 .mb { margin-bottom: 30px;} /* 150513サマーアクティビティ&イベント案内追加 /*--------------------------------- */ .ico_pas{ float: right; padding-right: 14px; position: relative; bottom: -8px; } .summerAct_last{ padding: 10px 0; margin-bottom: 50px; } .summerAct_l{ float: left; } .summerAct_r{ float: right; } .summerAct_r b{ color: #00A0A5; font-size: 18px; font-weight: bold; margin: 0 5px 0 0; } .summerAct_r span.new{ background-color: #00A0A5; color: #FFF; font-size: 12px; padding: 2px; } .summerAct_r table,tr,td{ border: none; } .summerAct_r td span{ font-size: 10px; } /* 151022 プラン一覧ボタン振分 ------------------------- */ .sp_pbtn { display: inline; } .pc_pbtn { display: none; } .sp_revbtn { background: url(../img/common/arr_reserv.png) no-repeat 95% 50%; } /* valentine 150116追加 /*-------------------------------------------*/ .valentine { color: #fff; background: #000; } .valentine h4 { color: #853636 !important; } .valentine h5 { background-color: #853636 !important; } .valentine .bg_val { background: url(../img/inpage/valentine/main_bg.png) repeat-y center top; } .val_box { padding-top: 20px; } .val_i { float: left; width: 100%; text-align: right; } .val_i img{ width: 100%; } .val_t .val_tp { color: #F19EC0; padding-top: 0 !important; margin-top: 0 !important; } .val_t span{ color: #FFDA00; } .val_t table{ border: none; } .val_t th{ font-weight: normal; text-align: left; } .val_t td{ padding-left: 15px; } .val_ico1 { position: absolute; top: 20px; right: 100px; width: 60px; height: 60px; } .valentine .val_table { padding: 0 20px 30px; } .valentine .val_table th { width: 18% !important; border-right: 1px dotted #FFF !important; } .valentine .val_table a { color: #FFF; } /* whiteday 150213追加 /*-------------------------------------------*/ .whiteday { color: #333; } .whiteday h4 { color: #AC1A1D !important; } .whiteday h5 { background-color: #AC1A1D !important; } .whiteday .bg_val { background: url(../img/inpage/whiteday/main_bg.png) no-repeat center top; } .whiteday .val_box { padding-top: 20px; } .whiteday .val_i { float: left; width: 280px; text-align: right; } .whiteday .val_t { float: right; width: 400px; } .whiteday .val_t .val_tp { color: #F19EBF; font-size: 18px; padding-top: 0 !important; margin-top: 0 !important; } .whiteday .val_t span{ color: #FFDA00; } .whiteday .val_t table{ border: none; } .whiteday .val_t th{ font-weight: normal; text-align: left; } .whiteday .val_t td{ padding-left: 15px; } .whiteday .val_ico1 { position: absolute; top: 100px; right: 80px; width: 60px; height: 60px; } .whiteday .val_table { padding: 0 20px 30px; } .whiteday .val_table th { width: 18% !important; } .whiteday .val_pri { font-size: 16px; color: #333 !important; } /* airweave 150417追加 /*-------------------------------------------*/ .airweave_sec1{ margin-bottom: 30px; } .airweave_sec2{ background: url(../img/inpage/airweave/bg_2.png) no-repeat right -10%; } .airweave_sec2 h7{ font-size: 21px; color: rgb(21, 60, 93); font-weight: bold; padding-left: 120px; } .airweave_sec2 p { margin-bottom: 30px; } .airweave_sec2 .btn_free{ margin: 14px 0 0; width: 210px; } .airweave_sec4{ background: url(../img/inpage/airweave/bg_1.png) no-repeat left 32%; padding-bottom: 20px; } .airweave_sec4 .sec4_txt1{ font-size: 20px; line-height: 40px; } .airweave_sec4 .sec4_txt2{ font-weight: bold; font-size: 16px; color: #F00; } .airweave_sec4 .sec4_txt3{ font-size: 12px; } .airweave_sec4 p{ line-height: 160%; } .airweave_sec4 .btn_free{ padding: 4px 30px 4px 50px; } /* 150811追記 /*--------------------------------- */ .blueback .dog_abs{ position: initial; top: 15px; right: 15px; } .rlt{ position: relative; } /* valentine 160113追加 /*-------------------------------------------*/ .valentine .bg_val { background: url(../img/inpage/valentine2016/main_bg.png) no-repeat center top; } .val2016 .pd_lef_10{ padding: 0px !important; } .val2016 .val_t{ padding-left:10px; } .val2016 .val_ico16_1 { float:left; padding-right: 5px; } .val2016 .val_ico16_2 { float:left; padding-right: 5px; } .val2016 .val_ico16_1:after, .val2016.val_ico16_2:after { content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; } /* whiteday 160210追加 /*-------------------------------------------*/ .whiteday_2016 .val_t span { color: #E72E28; } } /*　------------------------------------------------------------------- */ /* /* Andoroid (401px以上)*/ /* /*　------------------------------------------------------------------- */ @media screen and (min-width: 401px) { /* setup /*　------------------------------------------------------------------- */ .outer { max-width: 100%; } .inner { max-width: 100%; padding: 0 10px; z-index: 100; } #primary { display: block; width: 100%; } #secondary { display: block; width: 260px; margin: 0 auto; } #secondary .sepline { width: 100%; } header .bx-controls { display: none; } header .nav-menu { margin-top: 0; } #bread { display: none; } .transp { background: url(../img/inpage/leisure/bg_transparent.png) repeat left top; } #back-top { bottom: 20px; } .wide_phone { display: none; } .recommend .tab_bestrate { margin: 31px 0 14px; padding: 0; height: 100%; width: auto; text-align:center; } .recommend .tab_bestrate a{ box-shadow: 0px 2px 2px #CCC; -moz-box-shadow: 0px 2px 2px #CCC; -webkit-box-shadow: 0px 2px 2px #CCC; } .recommend .tab_bestrate img { vertical-align: bottom; } .recommend .tab_last { margin-bottom: 20px; } /* inpage /*　------------------------------------------------------------------- */ .inpage { padding-left: 10px; padding-right: 10px; } .inpage .bx-controls { display: none; } #about #sec01 .intit { padding: 20px 20px 55px 0; text-align: right; } #about #sec03 .btn_r { float: none; margin: 0 auto 10px auto; } #mice #sec02 .bmg { background: none; } #room .under_tex { margin-top: 10px; } #room .under_tex p { padding-top: 0px;} #faq .pmg { float: none; padding: 20px 0 30px 0; margin: 0 auto; text-align: center; } #faq .inlinker .btn_r { margin: 0 auto 10px auto; } #restaurant .bmenu { margin: 30px 0; border: none; } .area { padding-bottom: 20px !important; } /* setup /*　------------------------------------------------------------------- */ .one { max-width: 460px; } header .top_head .rig_mg img { width: auto; height: auto; } header .top_head .front { position: relative; margin-top: -120px; } /*footerトリップアドバイザーウィジェット用旧*/ #CDSWIDCOE { margin: 0px auto 10px !important; width: 185px !important; } /*footerトリップアドバイザーウィジェット用新160511*/ #CDSWIDSSP { margin: 0 auto; width: 100% !important; } .widSSPData { margin: 0px auto; width: 56%; } /* winter /*-------------------------------------------*/ #winter #sec00 { padding: 120px 0 120px; background: url(../img/inpage/winter/pic_sec00.jpg) no-repeat left top; background-size: 100%; } #winter #sec00 .tit img { width: 60%; } #winter #sec01 .tit p { margin-bottom: 0; } #winter .tit { margin-bottom: 0px; min-height: 60px; } #winter .float_left { float: none; } #winter .float_right { float: none; } #winter .vimg { padding-bottom: 0px; overflow: hidden; } #winter .insec01 { position: relative; padding-bottom: 0px; } #winter .sec { position: relative; z-index: 1; padding-bottom: 0px; } #winter #sec02 { margin-bottom: 0; padding-bottom: 0px; } #winter #sec03 { margin-bottom: 0; padding-bottom: 0px; } #winter #sec05 { margin-bottom: 0; padding-bottom: 0px; } #winter #sec06 { margin-bottom: 0; padding-bottom: 0px; } #winter #sec07 { margin-bottom: 0; padding-bottom: 0px; } #winter #sec02 .bg { margin: 0px 0 30px; padding: 20px; background: url(../img/inpage/winter/bg_blueback01.jpg) repeat left top; border-radius: 8px; /* CSS3草案 */ -webkit-border-radius: 8px; /* Safari,Google Chrome用 */ -moz-border-radius: 8px; /* Firefox用 */ } #winter #sec02 .bg .tit01 { background: url(../img/inpage/winter/bg_tit01.png) no-repeat left top; font-size: 18px; color: #068CC5; font-weight: bold; padding-left: 30px; } #winter #sec02 .bg .left { float: none; width: 100%;} #winter #sec02 .bg .right { float: none; text-align: center; } #winter #sec04 .bottom { padding-bottom: 0px; } #winter #sec05 .ml { margin-left: 0px;} #winter .blueback { font-size: 12px; text-align: center; padding: 20px 0 40px; margin-bottom: 0; background: url(../img/inpage/winter/bg_blueback.png) no-repeat center top; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } #winter #sec07 .img01 { display: block; padding: 10px 0 0; text-align:center; } #winter #sec07 .mb { margin-bottom: 30px;} /* 150513サマーアクティビティ&イベント案内追加 /*--------------------------------- */ .ico_pas{ float: right; padding-right: 14px; position: relative; bottom: -8px; } .summerAct_last{ padding: 10px 0; margin-bottom: 50px; } .summerAct_l{ float: left; } .summerAct_r{ clear: both; } .summerAct_r b{ color: #00A0A5; font-size: 18px; font-weight: bold; margin: 0 5px 0 0; } .summerAct_r span.new{ background-color: #00A0A5; color: #FFF; font-size: 12px; padding: 2px; } .summerAct_r table,tr,td{ border: none; } .summerAct_r td span{ font-size: 10px; } /* 151022 プラン一覧ボタン振分 ------------------------- */ .sp_pbtn { display: inline; } .pc_pbtn { display: none; } .sp_revbtn { background: url(../img/common/arr_reserv.png) no-repeat 95% 50%; } /* valentine 150116追加 /*-------------------------------------------*/ .valentine { color: #fff; background: #000; } .valentine h4 { color: #853636 !important; } .valentine h5 { background-color: #853636 !important; } .valentine .bg_val { background: url(../img/inpage/valentine/main_bg.png) repeat-y center top; } .val_box { padding-top: 20px; } .val_i { float: left; width: 100%; text-align: right; } .val_i img{ width: 100%; } .val_t .val_tp { color: #F19EC0; padding-top: 0 !important; margin-top: 0 !important; } .val_t span{ color: #FFDA00; } .val_t table{ border: none; } .val_t th{ font-weight: normal; text-align: left; } .val_t td{ padding-left: 15px; } .val_ico1 { position: absolute; top: 20px; right: 100px; width: 60px; height: 60px; } .valentine .val_table { padding: 0 20px 30px; } .valentine .val_table th { width: 18% !important; border-right: 1px dotted #FFF !important; } .valentine .val_table a { color: #FFF; } /* whiteday 150213追加 /*-------------------------------------------*/ .whiteday { color: #333; } .whiteday h4 { color: #AC1A1D !important; } .whiteday h5 { background-color: #AC1A1D !important; } .whiteday .bg_val { background: url(../img/inpage/whiteday/main_bg.png) no-repeat center top; } .whiteday .val_box { padding-top: 20px; } .whiteday .val_i { float: left; width: 280px; text-align: right; } .whiteday .val_t { float: right; width: 400px; } .whiteday .val_t .val_tp { color: #F19EBF; font-size: 18px; padding-top: 0 !important; margin-top: 0 !important; } .whiteday .val_t span{ color: #FFDA00; } .whiteday .val_t table{ border: none; } .whiteday .val_t th{ font-weight: normal; text-align: left; } .whiteday .val_t td{ padding-left: 15px; } .whiteday .val_ico1 { position: absolute; top: 100px; right: 80px; width: 60px; height: 60px; } .whiteday .val_table { padding: 0 20px 30px; } .whiteday .val_table th { width: 18% !important; } .whiteday .val_pri { font-size: 16px; color: #333 !important; } /* airweave 150417追加 /*-------------------------------------------*/ .airweave_sec1{ margin-bottom: 30px; } .airweave_sec2{ background: url(../img/inpage/airweave/bg_2.png) no-repeat right -10%; } .airweave_sec2 h7{ font-size: 21px; color: rgb(21, 60, 93); font-weight: bold; padding-left: 120px; } .airweave_sec2 p { margin-bottom: 30px; } .airweave_sec2 .btn_free{ margin: 14px 0 0; width: 210px; } .airweave_sec4{ background: url(../img/inpage/airweave/bg_1.png) no-repeat left 32%; padding-bottom: 20px; } .airweave_sec4 .sec4_txt1{ font-size: 20px; line-height: 40px; } .airweave_sec4 .sec4_txt2{ font-weight: bold; font-size: 16px; color: #F00; } .airweave_sec4 .sec4_txt3{ font-size: 12px; } .airweave_sec4 p{ line-height: 160%; } .airweave_sec4 .btn_free{ padding: 4px 30px 4px 50px; } /* 150811追記 /*--------------------------------- */ .blueback .dog_abs{ position: initial; top: 15px; right: 15px; } .rlt{ position: relative; } /* valentine 160113追加 /*-------------------------------------------*/ .valentine .bg_val { background: url(../img/inpage/valentine2016/main_bg.png) no-repeat center top; } .val2016 .pd_lef_10{ padding: 0px !important; } .val2016 .val_t{ padding-left:10px; } .val2016 .val_ico16_1 { float:left; padding-right: 5px; } .val2016 .val_ico16_2 { float:left; padding-right: 5px; } .val2016 .val_ico16_1:after, .val2016 .val_ico16_2:after { content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; } /* whiteday 160210追加 /*-------------------------------------------*/ .whiteday_2016 .val_t span { color: #E72E28; } } /*　------------------------------------------------------------------- */ /* /* Andoroid wide (594px以上) */ /* /*　------------------------------------------------------------------- */ /*　------------------------------------------------------------------- */ /* /* iPad　(673px以上) */ /* /*　------------------------------------------------------------------- */ @media screen and (min-width: 673px) { /* setup /*　------------------------------------------------------------------- */ header .top_head .rig_mg img { width: auto; height: auto; } header .bx-controls { display: block; } header .nav-menu { margin: 15px 0 0 0; } header .nav-menu img { height: 24px; width: auto; } .home header .nav-menu { margin: 15px 0 0 0; } #pagetit h3 { font-size: 23px; } .transp { background: none; } #back-top { bottom: 130px; } .w340 { width: 340px; background: #00a0a5 url(../img/common/li_btn_01.png) no-repeat 316px 6px; } .w340:hover { width: 340px; background: #00c2c8 url(../img/common/li_btn_01.png) no-repeat 316px 6px; } .abs_bestrate { position: absolute; width: 170px; left: 20px; bottom: -6px; z-index: 1000; } .recommend .tab_bestrate { margin: 31px 0 14px; padding: 0; height: 100%; width: auto; text-align:center; } .recommend .tab_bestrate a{ box-shadow: 0px 2px 2px #CCC; -moz-box-shadow: 0px 2px 2px #CCC; -webkit-box-shadow: 0px 2px 2px #CCC; } .recommend .tab_bestrate img { vertical-align: bottom; } .recommend .tab_last { margin-bottom: 20px; } /* inpage /*　------------------------------------------------------------------- */ .inpage .bx-controls { display: block; } #about .one { max-width: 720px; text-align:center; } #about #sec01 .intit { padding: 56px 325px 25px 0; text-align: right; } #about #sec01 .wpct48 { width: 36%; padding-right: 20px; } #about #sec01 .wpct48 img { width: 100%; } #about #sec01 h4 { font-size: 18px; margin: 0px 0px 10px 0px; } #about #sec03 .btn_r { float: left; margin: 0 5px 10px 5px; } #about #sec03 .wpct52 { width: 28%; } #mice #sec02 .bmg { background: url(../img/inpage/mice/pic_sec02_14.jpg) no-repeat right bottom; } #room .under_tex { margin-top: -30px; } #room .under_tex p { padding-top: 60px;} #faq .pmg { float: right; padding: 20px 0 30px 30px; margin: 0; } #faq .inlinker .btn_r { margin: 0 0 6px 0; } #restaurant .bmenu { margin: 30px 0; border: 3px solid #EEE; } #restaurant .vimg { overflow: hidden;} #restaurant .tit img { width: auto; height: 30px;} #restaurant .wpct58 { padding-left: 10px;} /* setup /*　------------------------------------------------------------------- */ .one { max-width: 720px; } .outer { max-width: 100%; } .inner { max-width: 100%; padding: 0 10px; } #primary { display: block; width: 100%; z-index: 100; } #secondary { display: block; width: 100%; } #secondary .sepline { width: 100%; } #secondary .banners div { width: 230px; height: auto; margin-left: 20px; } #bread { display: none; } header .top_head .front { position: relative; margin: -200px auto 0 auto; } header .tpr .t03 ,header .tpr .home header .t03{ width: 2%; } #reserv { padding: 0 10px; } /*#reserv .ccell {width: 100%;display: block;padding-bottom: 0;}*/ .wide_phone { display: block; } .infiniteslide li img { width: 170px; height: auto; } .bx-wrapper .bx-controls-direction a { top: 40px !important; } .recommend .wpct28 .pic02 { float: none; } #fb_btm .fb-like-box span { width: 540px !important; } /* inpage /*　------------------------------------------------------------------- */ .infiniteslide { height: 140px; } .inpage { padding-left: 10px; padding-right: 10px; } .inpage .bx-viewport { width: 700px !important; } #mice .intab p { max-width: 220px; padding: 0; margin: 0 auto; } #mice #sec03 .intex .tit { max-width: 220px; } #sec03 .intex .ccell .btn { position: absolute; max-width: 300px; left: 10px; bottom: 0; } .area .cl04 { left: -5px; } #corporation .wpct65 { width: 100%; } #corporation .wpct35 { width: 100%; } /*footerトリップアドバイザーウィジェット用旧*/ #CDSWIDCOE { margin: 0px auto 10px !important; width: 96% !important; } /*footerトリップアドバイザーウィジェット用新160511*/ #CDSWIDSSP { margin: 0 auto; width: 100% !important; } .widSSPData { width: 84%; margin: 0px; } /* winter /*-------------------------------------------*/ #winter #sec00 { padding: 148px 0; background: url(../img/inpage/winter/pic_sec00.jpg) no-repeat left top; background-size: 100%; } #winter #sec00 .tit img { width: 284px; } #winter #sec01 .tit p { margin-bottom: 0; } #winter .tit { margin-bottom: 20px; min-height: 60px; } #winter .float_left { float: left; } #winter .float_right { float: right; } #winter .insec01 { position: relative; padding-bottom: 40px; } #winter .sec { position: relative; z-index: 1; padding-bottom: 80px; } #winter #sec02 { margin-bottom: 0; padding-bottom: 20px; } #winter #sec03 { margin-bottom: 0; padding-bottom: 40px; } #winter #sec05 { margin-bottom: 0; padding-bottom: 30px; } #winter #sec06 { margin-bottom: 0; padding-bottom: 60px; } #winter #sec07 { padding-bottom: 50px; } #winter #sec02 .bg { margin: 40px 0 70px; padding: 20px; background: url(../img/inpage/winter/bg_blueback01.jpg) repeat left top; border-radius: 8px; /* CSS3草案 */ -webkit-border-radius: 8px; /* Safari,Google Chrome用 */ -moz-border-radius: 8px; /* Firefox用 */ } #winter #sec02 .bg .tit01 { background: url(../img/inpage/winter/bg_tit01.png) no-repeat left top; font-size: 18px; color: #068CC5; font-weight: bold; padding-left: 30px; } #winter #sec02 .bg .left { float: left; width: 60%;} #winter #sec02 .bg .right { float: right; text-align:left;} #winter #sec04 .bottom { padding-bottom: 60px; } #winter #sec05 .ml { margin-left: 70px;} #winter .blueback { font-size: 14px; text-align: center; padding: 20px 0 40px; margin-bottom: 0; background: url(../img/inpage/winter/bg_blueback.png) no-repeat center top; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } #winter #sec07 .img01 { display: none; padding: 10px 0 0; text-align:center; } #winter #sec07 .mb { margin-bottom: 50px;} /* 150513サマーアクティビティ&イベント案内追加 /*--------------------------------- */ .ico_pas{ float: right; padding-right: 14px; position: relative; bottom: -8px; } .summerAct_last{ padding: 10px 0; margin-bottom: 50px; } .summerAct_l{ float: left; } .summerAct_r{ float: right; } .summerAct_r b{ color: #00A0A5; font-size: 18px; font-weight: bold; margin: 0 5px 0 0; } .summerAct_r span.new{ background-color: #00A0A5; color: #FFF; font-size: 12px; padding: 2px; } .summerAct_r table,tr,td{ border: none; } .summerAct_r td span{ font-size: 10px; } /* 151022 プラン一覧ボタン振分 ------------------------- */ .sp_pbtn { display: none; } .pc_pbtn { display: inline; } /* valentine 150116追加 /*-------------------------------------------*/ .valentine { color: #fff; background: #000; } .valentine h4 { color: #853636 !important; } .valentine h5 { background-color: #853636 !important; } .valentine .bg_val { background: url(../img/inpage/valentine/main_bg.png) repeat-y center top; } .val_box { padding-top: 20px; } .val_i { float: left; width: 220px; text-align: right; } .val_t { float: right; width: 465px; } .val_t .val_tp { color: #F19EC0; padding-top: 0 !important; margin-top: 0 !important; } .val_t span{ color: #FFDA00; } .val_t table{ border: none; } .val_t th{ font-weight: normal; text-align: left; } .val_t td{ padding-left: 15px; } .val_ico1 { position: absolute; top: 20px; right: 100px; width: 60px; height: 60px; } .valentine .val_table { padding: 0 20px 30px; } .valentine .val_table th { width: 18% !important; border-right: 1px dotted #FFF !important; } .valentine .val_table a { color: #FFF; } /* whiteday 150213追加 /*-------------------------------------------*/ .whiteday { color: #333; } .whiteday h4 { color: #AC1A1D !important; } .whiteday h5 { background-color: #AC1A1D !important; } .whiteday .bg_val { background: url(../img/inpage/whiteday/main_bg.png) no-repeat center top; } .whiteday .val_box { padding-top: 20px; } .whiteday .val_i { float: left; width: 280px; text-align: right; } .whiteday .val_t { float: right; width: 400px; } .whiteday .val_t .val_tp { color: #F19EBF; font-size: 18px; padding-top: 0 !important; margin-top: 0 !important; } .whiteday .val_t span{ color: #FFDA00; } .whiteday .val_t table{ border: none; } .whiteday .val_t th{ font-weight: normal; text-align: left; } .whiteday .val_t td{ padding-left: 15px; } .whiteday .val_ico1 { position: absolute; top: 100px; right: 80px; width: 60px; height: 60px; } .whiteday .val_table { padding: 0 20px 30px; } .whiteday .val_table th { width: 18% !important; } .whiteday .val_pri { font-size: 16px; color: #333 !important; } /* airweave 150417追加 /*-------------------------------------------*/ .airweave_sec1{ margin-bottom: 30px; } .airweave_sec2{ background: url(../img/inpage/airweave/bg_2.png) no-repeat right -10%; } .airweave_sec2 h7{ font-size: 21px; color: rgb(21, 60, 93); font-weight: bold; padding-left: 120px; } .airweave_sec2 p { margin-bottom: 30px; } .airweave_sec2 .btn_free{ margin: 14px 0 0; width: 210px; } .airweave_sec4{ background: url(../img/inpage/airweave/bg_1.png) no-repeat left 32%; padding-bottom: 20px; } .airweave_sec4 .sec4_txt1{ font-size: 20px; line-height: 40px; } .airweave_sec4 .sec4_txt2{ font-weight: bold; font-size: 16px; color: #F00; } .airweave_sec4 .sec4_txt3{ font-size: 12px; } .airweave_sec4 p{ line-height: 160%; } .airweave_sec4 .btn_free{ padding: 4px 30px 4px 50px; } /* 150811追記 /*--------------------------------- */ .blueback .dog_abs{ position: initial; top: 15px; right: 15px; } .rlt{ position: relative; } /* valentine 160113追加 /*-------------------------------------------*/ .valentine .bg_val { background: url(../img/inpage/valentine2016/main_bg.png) no-repeat center top; } .val2016 .pd_lef_10{ padding-left: 10px !important; } .val2016 .val_ico16_1 { float:left; padding-right: 5px; } .val2016 .val_ico16_2 { float:left; padding-right: 5px; } .val2016 .val_ico16_1:after, .val2016 .val_ico16_2:after { content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; } /* whiteday 160210追加 /*-------------------------------------------*/ .whiteday_2016 .val_t span { color: #E72E28; } } /* ALL多国語対応 170830追加 /*-------------------------------------------*/ :lang(en) #secondary .recommend { padding: 0; background: #FFF; box-shadow: none; width: 260px; height: auto !important; margin: 0 auto;} :lang(en) header .nav-menu .ccell, :lang(zh-hans) header .nav-menu .ccell, :lang(zh-hant) header .nav-menu .ccell, :lang(ko) header .nav-menu .ccell { text-align: center; } :lang(en) header .nav-menu .columns .wpct14, :lang(en) header .nav-menu .columns .wpct13, :lang(en) header .nav-menu .columns .wpct19, :lang(en) header .nav-menu .columns .wpct20, :lang(en) header .nav-menu .columns .wpct09, :lang(en) header .nav-menu .columns .wpct12 { width: auto;} :lang(zh-hans) header .nav-menu .columns .wpct14, :lang(zh-hans) header .nav-menu .columns .wpct13, :lang(zh-hans) header .nav-menu .columns .wpct19, :lang(zh-hans) header .nav-menu .columns .wpct20, :lang(zh-hans) header .nav-menu .columns .wpct09, :lang(zh-hans) header .nav-menu .columns .wpct12 { width: auto;} :lang(zh-hant) header .nav-menu .columns .wpct14, :lang(zh-hant) header .nav-menu .columns .wpct13, :lang(zh-hant) header .nav-menu .columns .wpct19, :lang(zh-hant) header .nav-menu .columns .wpct20, :lang(zh-hant) header .nav-menu .columns .wpct09, :lang(zh-hant) header .nav-menu .columns .wpct12 { width: auto;} :lang(ko) header .nav-menu .columns .wpct14, :lang(ko) header .nav-menu .columns .wpct13, :lang(ko) header .nav-menu .columns .wpct19, :lang(ko) header .nav-menu .columns .wpct20, :lang(ko) header .nav-menu .columns .wpct09, :lang(ko) header .nav-menu .columns .wpct12 { width: auto;} :lang(en) #news #b00 a { background: url(../img/lg_en/toppage/btn_news_01.png) no-repeat left top; } :lang(en) #news #b01 a { background: url(../img/lg_en/toppage/btn_news_02.png) no-repeat left top; } :lang(en) #news #b02 a { background: url(../img/lg_en/toppage/btn_news_03.png) no-repeat left top; } :lang(en) #news #b03 a { background: url(../img/lg_en/toppage/btn_news_04.png) no-repeat left top; } :lang(zh-hans) #news #b00 a { background: url(../img/lg_ch/toppage/btn_news_01.png) no-repeat left top; } :lang(zh-hans) #news #b01 a { background: url(../img/lg_ch/toppage/btn_news_02.png) no-repeat left top; } :lang(zh-hans) #news #b02 a { background: url(../img/lg_ch/toppage/btn_news_03.png) no-repeat left top; } :lang(zh-hans) #news #b03 a { background: url(../img/lg_ch/toppage/btn_news_04.png) no-repeat left top; } :lang(zh-hant) #news #b00 a { background: url(../img/lg_tw/toppage/btn_news_01.png) no-repeat left top; } :lang(zh-hant) #news #b01 a { background: url(../img/lg_tw/toppage/btn_news_02.png) no-repeat left top; } :lang(zh-hant) #news #b02 a { background: url(../img/lg_tw/toppage/btn_news_03.png) no-repeat left top; } :lang(zh-hant) #news #b03 a { background: url(../img/lg_tw/toppage/btn_news_04.png) no-repeat left top; } :lang(ko) #news #b00 a { background: url(../img/lg_ko/toppage/btn_news_01.png) no-repeat left top; } :lang(ko) #news #b01 a { background: url(../img/lg_ko/toppage/btn_news_02.png) no-repeat left top; } :lang(ko) #news #b02 a { background: url(../img/lg_ko/toppage/btn_news_03.png) no-repeat left top; } :lang(ko) #news #b03 a { background: url(../img/lg_ko/toppage/btn_news_04.png) no-repeat left top; } :lang(en) #news #b00 a:hover, #news #b00 a.open { background: url(../img/lg_en/toppage/btn_news_01a.png) no-repeat left top; } :lang(en) #news #b01 a:hover, #news #b01 a.open { background: url(../img/lg_en/toppage/btn_news_02a.png) no-repeat left top; } :lang(en) #news #b02 a:hover, #news #b02 a.open { background: url(../img/lg_en/toppage/btn_news_03a.png) no-repeat left top; } :lang(en) #news #b03 a:hover, #news #b03 a.open { background: url(../img/lg_en/toppage/btn_news_04a.png) no-repeat left top; } :lang(zh-hans) #news #b00 a:hover, #news #b00 a.open { background: url(../img/lg_ch/toppage/btn_news_01a.png) no-repeat left top; } :lang(zh-hans) #news #b01 a:hover, #news #b01 a.open { background: url(../img/lg_ch/toppage/btn_news_02a.png) no-repeat left top; } :lang(zh-hans) #news #b02 a:hover, #news #b02 a.open { background: url(../img/lg_ch/toppage/btn_news_03a.png) no-repeat left top; } :lang(zh-hans) #news #b03 a:hover, #news #b03 a.open { background: url(../img/lg_ch/toppage/btn_news_04a.png) no-repeat left top; } :lang(zh-hant) #news #b00 a:hover, #news #b00 a.open { background: url(../img/lg_tw/toppage/btn_news_01a.png) no-repeat left top; } :lang(zh-hant) #news #b01 a:hover, #news #b01 a.open { background: url(../img/lg_tw/toppage/btn_news_02a.png) no-repeat left top; } :lang(zh-hant) #news #b02 a:hover, #news #b02 a.open { background: url(../img/lg_tw/toppage/btn_news_03a.png) no-repeat left top; } :lang(zh-hant) #news #b03 a:hover, #news #b03 a.open { background: url(../img/lg_tw/toppage/btn_news_04a.png) no-repeat left top; } :lang(ko) #news #b00 a:hover, #news #b00 a.open { background: url(../img/lg_ko/toppage/btn_news_01a.png) no-repeat left top; } :lang(ko) #news #b01 a:hover, #news #b01 a.open { background: url(../img/lg_ko/toppage/btn_news_02a.png) no-repeat left top; } :lang(ko) #news #b02 a:hover, #news #b02 a.open { background: url(../img/lg_ko/toppage/btn_news_03a.png) no-repeat left top; } :lang(ko) #news #b03 a:hover, #news #b03 a.open { background: url(../img/lg_ko/toppage/btn_news_04a.png) no-repeat left top; } :lang(en) #about #sec01 .intit { padding: 56px 50px 294px 0; text-align: right; } :lang(en) #about #sec01 .intit img { width: auto;} :lang(en) #about .tit img { width: auto;} :lang(en) #about .subtit img { width: auto;} :lang(zh-hans) #about .tit img { width: auto;} :lang(zh-hans) #about .subtit img { width: auto;} :lang(zh-hant) #about .tit img { width: auto;} :lang(zh-hant) #about .subtit img { width: auto;} :lang(ko) #about .tit img { width: auto;} :lang(ko) #about .subtit img { width: auto;} :lang(en) #room .blueback .wpct45 { width: 40%;} :lang(en) #restaurant .blueback .wpct26, :lang(zh-hans) #restaurant .blueback .wpct26, :lang(zh-hant) #restaurant .blueback .wpct26, :lang(ko) #restaurant .blueback .wpct26 { width: 30%; background: url(../img/inpage/restaurant/sep_blue.png) no-repeat right; } :lang(en) #restaurant.festa .blueback .wpct26, :lang(zh-hans) #restaurant.festa .blueback .wpct26, :lang(zh-hant) #restaurant.festa .blueback .wpct26, :lang(ko) #restaurant.festa .blueback .wpct26 { width: 30%; background: none; } :lang(en) #restaurant #simple_price, :lang(zh-hans) #restaurant #simple_price, :lang(zh-hant) #restaurant #simple_price, :lang(ko) #restaurant #simple_price { word-break: break-all; } :lang(en) #mice .tit img, :lang(zh-hans) #mice .tit img, :lang(zh-hant) #mice .tit img, :lang(ko) #mice .tit img { width: auto;} :lang(en) #mice .ptit img, :lang(zh-hans) #mice .ptit img, :lang(zh-hant) #mice .ptit img, :lang(ko) #mice .ptit img { width: auto;} :lang(en) #winter #sec00 .tit img, :lang(zh-hans) #winter #sec00 .tit img, :lang(zh-hant) #winter #sec00 .tit img, :lang(ko) #winter #sec00 .tit img { width:auto !important;} :lang(en) #winter #sec01 .tit { background: url(../img/lg_en/inpage/winter/tit01.png) no-repeat left top; } :lang(en) #winter #sec02 .tit { background: url(../img/lg_en/inpage/winter/tit02.png) no-repeat left top; } :lang(en) #winter #sec03 .tit { background: url(../img/lg_en/inpage/winter/tit03.png) no-repeat left top; } :lang(en) #winter #sec04 .tit { background: url(../img/lg_en/inpage/winter/tit04.png) no-repeat left top; } :lang(en) #winter #sec05 .tit { background: url(../img/lg_en/inpage/winter/tit05.png) no-repeat left top; } :lang(en) #winter #sec06 .tit { background: url(../img/lg_en/inpage/winter/tit06.png) no-repeat left top; } :lang(en) #winter #sec07 .tit { background: url(../img/lg_en/inpage/winter/tit07.png) no-repeat left top; } :lang(zh-hans) #winter #sec01 .tit { background: url(../img/lg_ch/inpage/winter/tit01.png) no-repeat left top; } :lang(zh-hans) #winter #sec02 .tit { background: url(../img/lg_ch/inpage/winter/tit02.png) no-repeat left top; } :lang(zh-hans) #winter #sec03 .tit { background: url(../img/lg_ch/inpage/winter/tit03.png) no-repeat left top; } :lang(zh-hans) #winter #sec04 .tit { background: url(../img/lg_ch/inpage/winter/tit04.png) no-repeat left top; } :lang(zh-hans) #winter #sec05 .tit { background: url(../img/lg_ch/inpage/winter/tit05.png) no-repeat left top; } :lang(zh-hans) #winter #sec06 .tit { background: url(../img/lg_ch/inpage/winter/tit06.png) no-repeat left top; } :lang(zh-hans) #winter #sec07 .tit { background: url(../img/lg_ch/inpage/winter/tit07.png) no-repeat left top; } :lang(zh-hant) #winter #sec01 .tit { background: url(../img/lg_tw/inpage/winter/tit01.png) no-repeat left top; } :lang(zh-hant) #winter #sec02 .tit { background: url(../img/lg_tw/inpage/winter/tit02.png) no-repeat left top; } :lang(zh-hant) #winter #sec03 .tit { background: url(../img/lg_tw/inpage/winter/tit03.png) no-repeat left top; } :lang(zh-hant) #winter #sec04 .tit { background: url(../img/lg_tw/inpage/winter/tit04.png) no-repeat left top; } :lang(zh-hant) #winter #sec05 .tit { background: url(../img/lg_tw/inpage/winter/tit05.png) no-repeat left top; } :lang(zh-hant) #winter #sec06 .tit { background: url(../img/lg_tw/inpage/winter/tit06.png) no-repeat left top; } :lang(zh-hant) #winter #sec07 .tit { background: url(../img/lg_tw/inpage/winter/tit07.png) no-repeat left top; } :lang(ko) #winter #sec01 .tit { background: url(../img/lg_ko/inpage/winter/tit01.png) no-repeat left top; } :lang(ko) #winter #sec02 .tit { background: url(../img/lg_ko/inpage/winter/tit02.png) no-repeat left top; } :lang(ko) #winter #sec03 .tit { background: url(../img/lg_ko/inpage/winter/tit03.png) no-repeat left top; } :lang(ko) #winter #sec04 .tit { background: url(../img/lg_ko/inpage/winter/tit04.png) no-repeat left top; } :lang(ko) #winter #sec05 .tit { background: url(../img/lg_ko/inpage/winter/tit05.png) no-repeat left top; } :lang(ko) #winter #sec06 .tit { background: url(../img/lg_ko/inpage/winter/tit06.png) no-repeat left top; } :lang(ko) #winter #sec07 .tit { background: url(../img/lg_ko/inpage/winter/tit07.png) no-repeat left top; } :lang(en) #relax #sec01 .wak { padding: 35px 0 350px 25px; background: url(../img/inpage/relax/bg_sec01.jpg) no-repeat right top; } :lang(en) #relax #sec02 .wak { padding: 25px 0 350px 45px; background: url(../img/inpage/relax/bg_sec02.jpg) no-repeat right top; } :lang(en) #relax #sec01 .wak img, :lang(en) #relax #sec02 .wak img { width: auto;} :lang(en) #leisure h4 img { width: auto;} :lang(zh-hans) #leisure h4 img { width: auto;} :lang(zh-hant) #leisure h4 img { width: auto;} :lang(ko) #leisure h4 img { width: auto;} @media (min-width: 970px) { :lang(en) #faq form#mailformpro dl dt { width: 230px;} :lang(en) #faq form#mailformpro dl dd { padding: 10px 5px 20px 240px; } :lang(en) #faq form#mailformpro dl dd:nth-child(13) { padding: 10px 5px 40px 240px;} :lang(zh-hans) #faq form#mailformpro dl dt { width: 190px;} :lang(zh-hans) #faq form#mailformpro dl dd { padding: 10px 5px 20px 200px; } :lang(zh-hant) #faq form#mailformpro dl dt { width: 190px;} :lang(zh-hant) #faq form#mailformpro dl dd { padding: 10px 5px 20px 200px; } } /*　------------------------------------------------------------------- */ /* /* PC　(783px以上) */ /* /*　------------------------------------------------------------------- */ @media screen and (min-width: 783px) { /* setup /*　------------------------------------------------------------------- */ header .top_head .rig_mg img { width: auto; height: auto; } header .bx-controls { display: block; } header .nav-menu { margin: 15px 0 0 0; } header .nav-menu img { height: auto; width: auto; } .home header .nav-menu { margin: 15px 0 0 0; } #pagetit h3 { font-size: 23px; } .transp { background: none; } #back-top { bottom: 130px; } .w340 { width: 340px; background: #00a0a5 url(../img/common/li_btn_01.png) no-repeat 316px 6px; } .w340:hover { width: 340px; background: #00c2c8 url(../img/common/li_btn_01.png) no-repeat 316px 6px; } .abs_bestrate { position: absolute; width: 170px; left: 150px; bottom: -11px; z-index: 1000; } .recommend .tab_bestrate { margin: 31px 0 14px; padding: 0; height: 113px; width: 280px; text-align:center; } .recommend .tab_bestrate a{ box-shadow: 0px 2px 2px #CCC; -moz-box-shadow: 0px 2px 2px #CCC; -webkit-box-shadow: 0px 2px 2px #CCC; } .recommend .tab_bestrate img { vertical-align: bottom; } .recommend .tab_last { margin-bottom: 20px; } /* inpage /*　------------------------------------------------------------------- */ .inpage .bx-controls { display: block; } #about #sec01 .intit { padding: 56px 325px 25px 0; text-align: right; } #about #sec01 h4 { font-size: 22px; padding-top: 10px; } #about #sec01 .wpct48 { width: 48%; } #about #sec01 .wpct48 img { width: auto; } #about #sec03 .btn_r { float: left; margin: 0 5px 10px 5px; } #about #sec03 .wpct52 { width: 52%; } #mice #sec02 .bmg { background: url(../img/inpage/mice/pic_sec02_14.jpg) no-repeat right bottom; } #room .under_tex { margin-top: -30px; } #faq .pmg { float: right; padding: 20px 0 30px 30px; margin: 0; } #faq .inlinker .btn_r { margin: 0 0 6px 0; } #restaurant .bmenu { margin: 30px 0; border: 3px solid #EEE; } #restaurant .tit img { width: auto; height: auto;} /* setup /*　------------------------------------------------------------------- */ .one { max-width: 100%; } .outer { max-width: 1300px; padding: 0; } .outer_reserv { position: relative; } .inner { max-width: 1000px; padding: 0; z-index: 100; } #primary { display: table-cell; width: 700px; float: right; } #secondary { display: table-cell; width: 260px; padding-right: 40px; float: left; } #secondary .sepline { width: 260px; } #secondary .banners div { width: auto; height: auto; margin-left: 0; float: none; } #bread { display: block; margin: -30px 0 4px 0; } header .top_head .front { position: absolute; right: 0; bottom: 30px; margin-top: 0; } header .tpr .t03,header .tpr .home header .t03 { width: 32%; } #reserv { padding: 0; } .wide_phone { display: block; position: static; } .wide_phone.top{top: 0 !important;} .home .wide_phone { position: static; } .infiniteslide li img { width: auto; } .bx-wrapper .bx-controls-direction a { top: 50% !important; } .recommend .wpct28 .pic02 { float: left; } #fb_btm .fb-like-box span { width: 740px !important; } /* inpage /*　------------------------------------------------------------------- */ .infiniteslide { height: 220px; } .inpage { padding-left: 0; padding-right: 0; } .inpage .bx-viewport { width: 100% !important; } #mice .intab p { max-width: 310px; padding: 0; margin: 0 auto; } #mice #sec03 .intex .tit { max-width: 310px; } #sec03 .intex .ccell .btn { position: absolute; max-width: 300px; left: 40px; bottom: 0; } .area .cl04 { left: -5px; } #corporation .wpct65 { width: 65%; } #corporation .wpct35 { width: 35%; } /*footerトリップアドバイザーウィジェット用旧*/ #TA_certificateOfExcellence232 { padding-left: 1px; } #CDSWIDCOE { margin: 0px auto 10px !important; width: 97% !important; } /*footerトリップアドバイザーウィジェット用新160511*/ .widSSPData { width: 87%; margin: 0 0 0 3px; } /* winter /*-------------------------------------------*/ #winter #sec00 { padding: 148px 0; background: url(../img/inpage/winter/pic_sec00.jpg) no-repeat left top; background-size: 100%; } #winter #sec00 .tit img { width: 284px; } #winter .tit { margin-bottom: 20px; min-height: 60px; } #winter #sec01 .tit p { margin-bottom: 0; } #winter .float_left { float: left; } #winter .float_right { float: right; } #winter .insec01 { position: relative; padding-bottom: 40px; } #winter .sec { position: relative; z-index: 1; padding-bottom: 40px; } #winter #sec02 { margin-bottom: 0; padding-bottom: 20px; } #winter #sec03 { margin-bottom: 0; padding-bottom: 40px; } #winter #sec05 { margin-bottom: 0; padding-bottom: 30px; } #winter #sec06 { margin-bottom: 0; padding-bottom: 60px; } #winter #sec07 { padding-bottom: 50px; } #winter #sec02 .bg { margin: 40px 0 70px; padding: 20px; background: url(../img/inpage/winter/bg_blueback01.jpg) repeat left top; border-radius: 8px; /* CSS3草案 */ -webkit-border-radius: 8px; /* Safari,Google Chrome用 */ -moz-border-radius: 8px; /* Firefox用 */ } #winter #sec02 .bg .tit01 { background: url(../img/inpage/winter/bg_tit01.png) no-repeat left top; font-size: 18px; color: #00A0A5; font-weight: bold; padding-left: 30px; } #winter #sec02 .bg .left { float: left; width: 60%;} #winter #sec02 .bg .right { float: right; text-align:left;} #winter #sec04 .bottom { padding-bottom: 60px; } #winter #sec05 .ml { margin-left: 70px;} #winter .blueback { font-size: 14px; text-align: center; padding: 20px 0 40px; margin-bottom: 0; background: url(../img/inpage/winter/bg_blueback.png) no-repeat center top; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } #winter #sec07 .img01 { display: none; padding: 10px 0 0; text-align:center; } #winter #sec07 .mb { margin-bottom: 50px;} /* 150513サマーアクティビティ&イベント案内追加 /*--------------------------------- */ .npass_1{ padding: 6px 0px 4px 35px; margin: 25px 0px 20px 0px; background: url(../img/common/li_h2.png) no-repeat 6px 8px,url(../img/inpage/summer_activity/pass_1.png) no-repeat 97% #00A0A5; color: #FFF; font-size: 20px; font-weight: normal; clear: both; } .npass_2{ padding: 6px 0px 4px 35px; margin: 25px 0px 20px 0px; background: url(../img/common/li_h2.png) no-repeat 6px 8px,url(../img/inpage/summer_activity/pass_2.png) no-repeat 97% #00A0A5 !important; color: #FFF; font-size: 20px; font-weight: normal; clear: both; } .summerAct_last{ padding: 10px 0; margin-bottom: 50px; } .summerAct_l{ float: left; width: 250px; } .summerAct_r{ float: right; width: 435px; } .summerAct_r{ clear: none; } .summerAct_r b{ color: #00A0A5; font-size: 18px; font-weight: bold; margin: 0 5px 0 0; } .summerAct_r span.new{ background-color: #00A0A5; color: #FFF; font-size: 12px; padding: 2px; } .summerAct_r table,tr,td{ border: none; } .summerAct_r td span{ font-size: 10px; } /* valentine 150116追加 /*-------------------------------------------*/ .valentine { color: #fff; background: #000; } .valentine h4 { color: #853636 !important; } .valentine h5 { background-color: #853636 !important; } .valentine .bg_val { background: url(../img/inpage/valentine/main_bg.png) repeat-y center top; } .val_box { padding-top: 20px; } .val_i { float: left; width: 220px; text-align: right; } .val_t { float: right; width: 465px; } .val_t .val_tp { color: #F19EC0; padding-top: 0 !important; margin-top: 0 !important; } .val_t span{ color: #FFDA00; } .val_t table{ border: none; } .val_t th{ font-weight: normal; text-align: left; } .val_t td{ padding-left: 15px; } .val_ico1 { position: absolute; top: 20px; right: 100px; width: 60px; height: 60px; } .valentine .val_table { padding: 0 20px 30px; } .valentine .val_table th { width: 18% !important; border-right: 1px dotted #FFF !important; } .valentine .val_table a { color: #FFF; } /* whiteday 150213追加 /*-------------------------------------------*/ .whiteday { color: #333; } .whiteday h4 { color: #AC1A1D !important; } .whiteday h5 { background-color: #AC1A1D !important; } .whiteday .bg_val { background: url(../img/inpage/whiteday/main_bg.png) no-repeat center top; } .whiteday .val_box { padding-top: 20px; } .whiteday .val_i { float: left; width: 280px; text-align: right; } .whiteday .val_t { float: right; width: 400px; } .whiteday .val_t .val_tp { color: #F19EBF; font-size: 18px; padding-top: 0 !important; margin-top: 0 !important; } .whiteday .val_t span{ color: #FFDA00; } .whiteday .val_t table{ border: none; } .whiteday .val_t th{ font-weight: normal; text-align: left; } .whiteday .val_t td{ padding-left: 15px; } .whiteday .val_ico1 { position: absolute; top: 100px; right: 80px; width: 60px; height: 60px; } .whiteday .val_table { padding: 0 20px 30px; } .whiteday .val_table th { width: 18% !important; } .whiteday .val_pri { font-size: 16px; color: #333 !important; } /* airweave 150417追加 /*-------------------------------------------*/ .airweave_sec1{ margin-bottom: 30px; } .airweave_sec2{ background: url(../img/inpage/airweave/bg_2.png) no-repeat right -10%; } .airweave_sec2 h7{ font-size: 21px; color: rgb(21, 60, 93); font-weight: bold; padding-left: 120px; } .airweave_sec2 p { margin-bottom: 30px; } .airweave_sec2 .btn_free{ margin: 14px 0 0; width: 210px; } .airweave_sec4{ background: url(../img/inpage/airweave/bg_1.png) no-repeat left 32%; padding-bottom: 20px; } .airweave_sec4 .sec4_txt1{ font-size: 20px; line-height: 40px; } .airweave_sec4 .sec4_txt2{ font-weight: bold; font-size: 16px; color: #F00; } .airweave_sec4 .sec4_txt3{ font-size: 12px; } .airweave_sec4 p{ line-height: 160%; } .airweave_sec4 .btn_free{ padding: 4px 30px 4px 50px; } /* 150811追記 /*--------------------------------- */ /*.blueback .dog_abs{ position: absolute; top: 15px; right: 15px; }*/ .blueback .dog_abs{ float: right; 15px; right: 15px; } .rlt{ position: relative; } /* valentine 160113追加 /*-------------------------------------------*/ .valentine .bg_val { background: url(../img/inpage/valentine2016/main_bg.png) no-repeat center top; } .val2016 .pd_lef_10{ padding-left: 10px !important; } .val2016 .val_i { float: left; width: 220px; text-align: right; } .val2016 .val_ico16_1 { float:left; padding-right: 5px; } .val2016 .val_ico16_2 { float:left; padding-right: 5px; } .val2016 .val_ico16_1:after, .val2016 .val_ico16_2:after { content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; } /* whiteday 160210追加 /*-------------------------------------------*/ .whiteday_2016 { color: #333; } .whiteday_2016 h4 { color: #AC1A1D !important; } .whiteday_2016 h5 { background-color: #AC1A1D !important; } .whiteday_2016 .bg_val { background: url(../img/inpage/whiteday2016/main_bg.png) no-repeat center top; } .whiteday_2016 .val_box { padding-top: 20px; } .whiteday_2016 .val_i { float: left; width: 280px; text-align: right; } .whiteday_2016 .val_t { float: right; width: 400px; } .whiteday_2016 .val_t .val_tp { color: #F19EBF; font-size: 18px; padding-top: 0 !important; margin-top: 0 !important; } .whiteday_2016 .val_t span { color: #E72E28; } .whiteday_2016 .val_t table{ border: none; } .whiteday_2016 .val_t th{ font-weight: normal; text-align: left; } .whiteday_2016 .val_t td{ padding-left: 15px; } .whiteday_2016 .val_ico1 { position: absolute; top: 100px; right: 80px; width: 60px; height: 60px; } .whiteday_2016 .val_table { padding: 0 20px 30px; } .whiteday_2016 .val_table th { width: 18% !important; } .whiteday_2016 .val_pri { font-size: 16px; color: #333 !important; } /* summeractivity 160428追加 /*-------------------------------------------*/ #summer2016_bg { background-color: #E5EEFF; background-image:url(../img/inpage/summer_activity2016/main_bg.png); padding: 5px 10px; margin: 10px auto 20px; } #summer2016_bg .summerAct_r { width: 415px; } #summer2016_bg #year td { background-color: #fff; } } /* 150611みんなの田植え体験写真館　タイトル画像 /*--------------------------------- */ .taue h4 { margin:30px 0 0 0; } .tauephoto { width:700px; vertical-align: middle; /* display: table; table-layout: fixed; */ } div.tauephoto_box2 { width:330px; /*float:left; */ display:table-cell; vertical-align:bottom; } .tauephoto_box2 img { width:100%; vertical-align:bottom; } .tauephoto_box2 p { margin:5px 0 25px 0; height:auto; vertical-align:bottom; } .tauephoto_box2:nth-child(odd){padding-right:35px; } div.tauephoto_box3 { width:210px; /*float:left; */ vertical-align:bottom; display:table-cell; } .tauephoto_box3 img{ width:100%; vertical-align:bottom; } .tauephoto_box3 p { margin:5px 0 25px 0; } .tauephoto_box3:nth-child(1){ padding-right:35px; } .tauephoto_box3:nth-child(2){ padding-right:35px; } .tauephoto_box3:nth-child(4){ padding-right:35px; } .tauephoto_box3:nth-child(5){ padding-right:35px; } .tauephoto_box3:nth-child(7){ padding-right:35px; } .tauephoto_box3:nth-child(8){ padding-right:35px; } .tauephoto_box3:nth-child(10){ padding-right:35px; } .tauephoto_box3:nth-child(11){ padding-right:35px; } .tauephoto_box3:nth-child(13){ padding-right:35px; } .tauephoto_box3:nth-child(14){ padding-right:35px; } .tauephoto_box3:nth-child(16){ padding-right:35px; } .tauephoto_box3:nth-child(17){ padding-right:35px; } .tauephoto_box3:nth-child(19){ padding-right:35px; } .tauephoto_box3:nth-child(20){ padding-right:35px; } .tauephoto_box3:nth-child(22){ padding-right:35px; } .tauephoto_box3:nth-child(23){ padding-right:35px; } .tauephoto_box3:nth-child(25){ padding-right:35px; } .tauephoto_box3:nth-child(26){ padding-right:35px; } .tauephoto_box3:nth-child(28){ padding-right:35px; } .tauephoto_box3:nth-child(29){ padding-right:35px; } .tauephoto_box3:nth-child(31){ padding-right:35px; } /* 150611みんなの田植え体験写真館　スマホ /*--------------------------------- */ @media screen and (max-width: 768px){ .taue { padding:0 5% 0 5%; margin:0 auto; } .taue h4 { margin:30px 0 0 0; } .tauephoto { /* padding:0 5% 0 5%;*/ /* display: table; table-layout: fixed; */ display:block; width:100%; } div.tauephoto_box2 { width:100%; float:left; display:block; margin:0 auto; } .tauephoto_box2 img { width:100%; margin:0 auto; } .tauephoto_box2 p { margin:5px 0 25px 0; height:auto; } .tauephoto_box2:nth-child(odd){padding-right:0px; } div.tauephoto_box3 { width:100%; float:left; display:block; } .tauephoto_box3 img{ width:100%; vertical-align:bottom; } .dotline { display:none; } .tauephoto_box3:nth-child(1){ padding-right:0px; } .tauephoto_box3:nth-child(2){ padding-right:0px; } .tauephoto_box3:nth-child(4){ padding-right:0px; } .tauephoto_box3:nth-child(5){ padding-right:0px; } .tauephoto_box3:nth-child(7){ padding-right:0px; } .tauephoto_box3:nth-child(8){ padding-right:0px; } .tauephoto_box3:nth-child(10){ padding-right:0px; } .tauephoto_box3:nth-child(11){ padding-right:0px; } .tauephoto_box3:nth-child(13){ padding-right:0px; } .tauephoto_box3:nth-child(14){ padding-right:0px; } .tauephoto_box3:nth-child(16){ padding-right:0px; } .tauephoto_box3:nth-child(17){ padding-right:0px; } .tauephoto_box3:nth-child(19){ padding-right:0px; } .tauephoto_box3:nth-child(20){ padding-right:0px; } .tauephoto_box3:nth-child(22){ padding-right:0px; } .tauephoto_box3:nth-child(23){ padding-right:0px; } .tauephoto_box3:nth-child(25){ padding-right:0px; } .tauephoto_box3:nth-child(26){ padding-right:0px; } .tauephoto_box3:nth-child(28){ padding-right:0px; } .tauephoto_box3:nth-child(29){ padding-right:0px; } .tauephoto_box3:nth-child(31){ padding-right:0px; } .tauephoto img { width:100%; } /* footer /*　------------------------------------------------------------------- */ footer .f_right { float: none; text-align: center; } footer .f_left { float: none; text-align: center; } footer .d_inline_block { display: block; padding-right: 0; } footer .dox_d_inline_block { text-align: center; } footer .cdsROW { margin: 0 auto; } } /*　------------------------------------------------------------------- */ /* /* print */ /* /*　------------------------------------------------------------------- */ @media print { /* setup /*　------------------------------------------------------------------- */ .one { max-width: 100%; } .outer { max-width: 1300px; padding: 0; } .outer_reserv { position: relative; } .inner { max-width: 1000px; padding: 0; z-index: 100; } #primary { display: table-cell; width: 700px; float: right; } #secondary { display: table-cell; width: 260px; padding-right: 40px; float: left; } #secondary .sepline { width: 260px; } #secondary .banners div { width: auto; height: auto; margin-left: 0; float: none; } #bread { display: block; margin: -30px 0 4px 0; } header .top_head .front { position: absolute; right: 0; bottom: 30px; margin-top: 0; } header .tpr .t03,header .tpr .home header .t03 { width: 32%; } #reserv { padding: 0; } .wide_phone { display: block; position: static; } .home .wide_phone { position: static; } .infiniteslide li img { width: auto; } .bx-wrapper .bx-controls-direction a { top: 50% !important; } .recommend .wpct28 .pic02 { float: left; } #fb_btm .fb-like-box span { width: 740px !important; } /* inpage /*　------------------------------------------------------------------- */ .infiniteslide { height: 220px; } .inpage { padding-left: 0; padding-right: 0; } .inpage .bx-viewport { width: 100% !important; } #mice .intab p { max-width: 310px; padding: 0; margin: 0 auto; } #mice #sec03 .intex .tit { max-width: 310px; } #sec03 .intex .ccell .btn { position: absolute; max-width: 300px; left: 40px; bottom: 0; } .area .cl04 { left: -5px; } #corporation .wpct65 { width: 65%; } #corporation .wpct35 { width: 35%; } #rightnav { display: none !important; } } /* 150827追記 /*--------------------------------- */ .shogatsuback{ background-color: #CFA171; color: #fff; padding: 10px; margin: 10px 0; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .valign{ vertical-align: middle; margin: 0 5px 0 0; } #def tr.vrtop td { vertical-align: middle !important; } h5.shogatsu { padding: 6px 0px 4px 35px; margin: 25px 0px 20px 0px; background: #d90000 url(../img/inpage/newyear/li_h2.png) no-repeat 6px 8px; color: #FFF; font-size: 20px; font-weight: normal; clear: both; } /* Theme Name: fourteen_child Theme URI: http: //localhost:8888/piccellco/ Description: Child theme for the Twenty Fourteen theme for WordPress Author: kushiya Author URI: http: //piccell.co/ Template: twentyfourteen Version: 0.1.0 */ /*-------------------------------------------*/ /* /* var /* /*-------------------------------------------*/ /*-------------------------------------------*/ /* /* setup /* /*-------------------------------------------*/ body { margin: 0; background: #FFF; color: #666; font-size: 14px; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif !important; } a { text-decoration: none; color: #00A0A5; } ul { padding: 0; margin: 0; } li { list-style: none; } .outer, .inner { margin: 0 auto; position: relative; } .none { display: none; } /*-------------------------------------------*/ /* /* common /* /*-------------------------------------------*/ h2 {padding: 0; margin: 0; font-size: 0;}/* titleに使用 */ h4 { padding: 0px 0px 0px 0px; margin: 0px 0px 30px 0px; color: #00A0A5; font-size: 26px; font-weight: normal; clear: both; } h4.wide { visibility: hidden; height: 1px; } h5 { padding: 6px 0px 4px 35px; margin: 25px 0px 20px 0px; background: #00A0A5 url(../img/common/li_h2.png) no-repeat 6px 8px; color: #FFF; font-size: 20px; font-weight: normal; clear: both; } h6 { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; color: #00A0A5; font-size: 18px; clear: both; background: url(../img/common/bg_h3.gif) no-repeat right center; } h6 span { background: #FFF; padding-right: 15px; } .h7 { padding: 0px 0px 0px 0px; margin: 30px 0px 10px 0px; color: #00A0A5; font-size: 18px; font-weight: bolder; } /*-------------------------------------------*/ /* /* reserve /* /*-------------------------------------------*/ h4.booking { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; color: #FFF; } /*-------------------------------------------*/ /* /* yoyaku /* /*-------------------------------------------*/ #original_maincol h2 { padding: 6px 0px 4px 35px; margin: 25px 0px 20px 0px; background: #00A0A5 url(../img/common/li_h2.png) no-repeat 6px 8px; color: #FFF; font-size: 20px; font-weight: normal; clear: both; } #original_maincol h3 { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; color: #00A0A5; font-size: 18px; clear: both; background: url(../img/common/bg_h3.gif) no-repeat right center; } #original_maincol h3 span { background: #FFF; padding-right: 15px; } /*h5 { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } h6 { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }*/ .font_10 { font-size: 10px !important; } .font_11 { font-size: 11px !important; } .font_12 { font-size: 12px !important; } .font_13 { font-size: 13px !important; } .font_14 { font-size: 14px !important; } .font_15 { font-size: 15px !important; } .font_16 { font-size: 16px !important; } .font_18 { font-size: 18px !important; } .font_20 { font-size: 20px !important; } .dotline { height: 5px; margin-bottom: 10px; background: url(../img/common/dotline_2.png) repeat-x left center; } .line_sep { height: 5px; margin: 30px 0; background: url(../img/common/dotline_1.png) repeat-x left center; } .red { color: #D80000; } /*-------------------------------------------*/ /* /* header /* /*-------------------------------------------*/ /*header .top_head .seo { position: absolute; font-size: 11px; left: 0; top: 10px; color: #FFF; z-index: 999; } header .inpage_head .seo { position: relative; color: #999; font-size: 9px; margin: 10px 0 30px; }*/ header .top_head h1 { position: absolute; font-size: 11px; /* text-align: center; */ left: 0; /* margin: 0 auto; */ /* top: 60px; */ top: -100px; font-weight: normal; color: #000; display: inline-flex; } header .top_head h1 img { padding: 0 20px 0 100px; } header .inpage_head h1 { position: relative; color: #999; font-weight: normal; font-size: 9px; margin: 10px 0 30px; } header .inpage_head .tpr { margin-top: 10px; } header .inpage_head .ccell { vertical-align: middle; } header .rig_mg { margin-right: 10px; } header .rig_mg5 { margin-right: 5px; } header .fb_mg { margin-right: 10px; } header .t01 { margin-bottom: 25px; } header .inpage_head .t03 li,header .inpage_head .home header .t03 li { float: left; } header .btns { /*width: 186px;*/ } header .btns .ccell { vertical-align: top; } header .lng { width: 140px; margin: 10px auto 0 auto; } .t03 li,.home header .t03 li { float: right; font-size: 12px; padding: 0 15px; background: url(../img/common/li_01.png) no-repeat left center; } .t03 li a { color: #666; text-decoration: none; } .home header .t03 li a { color: #fff;text-decoration: none;text-shadow: 1px 1px 1pt #000; } .t03 li a:hover,.home header .t03 li a:hover { text-decoration: underline; } /*-------------------------------------------*/ /* /* gmenu /* /*-------------------------------------------*/ .gmenu { display: none; background: #A72A58; box-shadow: 0px 6px 6px #CCC; -moz-box-shadow: 0px 6px 6px #CCC; -webkit-box-shadow: 0px 6px 6px #CCC; } .gmenu li { padding: 10px 0; border-top: 1px solid #D84279; border-bottom: 1px solid #792645; } .gmenu li a { display: block; color: #FFF; text-decoration: none; text-align: center; } .gmenu_pulldown { position: relative; cursor: pointer; padding: 10px; background: #00A0A5 url(../img/gnavi/btn_gmenu.png) no-repeat left center; } .gmenu_pulldown .btn { padding: 2px 0 0 45px; color: #FFF; font-size: 15px; } .sub_gmenu { display: none; } .sub_gmenu ul { border-top: 1px dotted #CCC; margin-bottom: 20px; } .sub_gmenu ul li { padding: 10px 0 10px 10px; border-bottom: 1px dotted #CCC; } .sub_gmenu ul li a { text-decoration: none; } /*-------------------------------------------*/ /* /* bread /* /*-------------------------------------------*/ #bread { max-width: 620px; text-align: left; font-size: 12px; color: #999; z-index: 10001; } #bread a { color: #00A0A5; text-decoration: underline; } #bread a:hover { text-decoration: none; } /*-------------------------------------------*/ /* /* main /* /*-------------------------------------------*/ #main { position: relative; } #main-content { display: table; margin: 0 auto; } #page { position: relative; width: 100%; overflow: hidden; } #primary { vertical-align: top; } #primary .bottom_01 { position: absolute; left: 40px; bottom: -7px; } #primary .bottom_02 { position: absolute; left: 30px; bottom: -30px; z-index: 10002; } #secondary { vertical-align: top; } .indoor_view { text-align: center; } /*-------------------------------------------*/ /* /* footer /* /*-------------------------------------------*/ footer { /*background: url(../img/footer/bg_earlysummer.jpg) no-repeat right top;*/ padding: 20px 0 20px; } footer .wpct20 div { line-height: 0; margin-bottom: 10px; } footer li { font-size: 13px; padding-bottom: 7px; padding-left: 14px; background: url(../img/footer/li_link.png) no-repeat left 5px; } footer li.sub { background: none; padding-left: 28px; } footer li a { text-decoration: none; } footer li a:hover { text-decoration: underline; } footer .main_info { font-size: 11px; margin-bottom: 10px; padding: 25px 0; background: #eee; box-shadow: inset 1px 1px 3px #CCC; -moz-box-shadow: inset 1px 1px 3px #CCC; -webkit-box-shadow: inset 1px 1px 3px #CCC; } footer .main_info .ccell { vertical-align: middle; } footer .seo { font-size: 11px; color: #00A0A5; text-align: center; margin-bottom: 20px; } footer .site-info { font-size: 11px; text-align: center; } /* pagetop /*-------------------------------------------*/ #back-top { position: fixed !important; right: 30px; z-index: 99999 !important; } #back-top a { width: 80px; display: block; text-align: center; } #back-top span { width: 80px; height: 80px; display: block; margin-bottom: 7px; background: url(../img/common/btn_totop.png) no-repeat center center; } /*-------------------------------------------*/ /* /* toppage /* /*-------------------------------------------*/ .infiniteslide { position: relative; margin: 0; overflow: hidden !important; z-index: 1; } /*.infiniteslide ul { width: 6440px; }*/ /* .infiniteslide ul { width: 6440px; } */ /* (302幅+20マージン)　x　12(バナー数x 4) */ .infiniteslide ul { width: 2596px; } /* (302幅+20マージン)　x　16(バナー数x 4) */ .infiniteslide li { padding: 0; margin-right: 20px; } .abs_bestrate { position: absolute; width: 170px; left: 150px; bottom: -11px; z-index: 1000; } .home .bx-wrapper { max-height: none; overflow: hidden; top: -52px;} /* .home .bx-wrapper .bx-viewport { height: calc(100vw / 2) !important; } */ .home .hide { display: none; } .wide_phone { width: 100%; background: #00A0A5; box-shadow: 0px 0px 5px #666; -moz-box-shadow: 0px 0px 5px #666C; -webkit-box-shadow: 0px 0px 5px #666; z-index: 10000; } #reserv { background: #00A0A5; font-size: 11px; margin: 0 auto; color: #FFF; } #reserv h4 { font-size: 11px; font-weight: normal; } #reserv .coltable { margin: 0; padding: 10px 0; } #reserv .ccell { vertical-align: middle; line-height: 200%; } #reserv .lef img { margin-left: -20px; } #reserv h4 span { font-size: 11px; } #reserv .ccell { vertical-align: middle; line-height: 200%; padding-left: 10px; font-size: 11px; } #reserv .bar { border-right: 1px dotted #FFFFFF; } .reserv_slot { height: 176px; } .reserv_slot.add_height { height: 226px; } .rev { background: #00A0A5; margin: 15px 0 1px 0; padding: 6px 0; } .rev a { display: block; } .bot { position: fixed !important; width: 100%; bottom: 0; left: 0; z-index: 10000 !important; display: none; } #calid { top: -60px; z-index: 9999 !important; } .frmplanseeks { max-width: 1020px; margin: 0 auto; padding: 0 10px; } .inpage_bottom { position: relative; display: block; padding: 10px 0 !important; z-index: 9; background: #FFF; } .inpage_bottom li { float: right; font-size: 13px; } .recommend { position: relative; padding: 20px 0 0 0; background: #EEE; box-shadow: inset 0px -2px 3px #E1E1E1; -moz-box-shadow: inset 0px -2px 3px #E1E1E1; -webkit-box-shadow: inset 0px -2px 3px #E1E1E1; z-index: 999; } .recommend .tit { margin-bottom: 5px; } .recommend .tab { background: #FFF; padding: 15px 15px 13px; margin-bottom: 28px; border: 1px solid #E1E1E1; box-shadow: 0px 2px 2px #CCC; -moz-box-shadow: 0px 2px 2px #CCC; -webkit-box-shadow: 0px 2px 2px #CCC;} .sidebar .recommend .tab { padding: 15px 15px 13px; } .recommend p { font-size: 12px; margin: 0; } .recommend .p01 { line-height: 162%; } .recommend a { text-decoration: none; } .recommend a:hover { text-decoration: underline; } .recommend .tit01 { font-size: 16px; font-weight: bolder; color: #189959; text-align: left; } .recommend .tit02 { font-size: 14px; color: #189959; } .recommend .tit02 .small{ font-size:80%; } .recommend .pic01 { margin-bottom: 4px; } .recommend .pic02 { float: left; padding: 0 10px 10px 0; } .recommend .txt { overflow: auto; } .recommend .txt .small { font-size:80%; } .recommend .date { font-size: 12px; background: #EEE; text-align: center; padding: 2px 0; margin-top: 3px; } .recommend .date01 { margin-top: 10px; } .recommend .date03 { clear: both; } .recommend .sepline { height: 1px; border-bottom: 2px solid #EEE; padding-top: 15px; margin-bottom: 15px; } #top_under { position: relative; padding: 30px 0 0 0; /*background: url(../img/toppage/bg_bottom.jpg) no-repeat center 30px;*/ line-height: 0; box-shadow: 0px -2px 3px #E1E1E1; -moz-box-shadow: 0px -2px 3px #E1E1E1; -webkit-box-shadow: 0px -2px 3px #E1E1E1; z-index: 999; } #top_under .bnr .wpct25 a img { margin-bottom: 10px; } .toppage_bottom { padding: 20px 0 60px; } .toppage_bottom li { float: left; } .newsbox { display: none; } #news00 { display: block; } .columns_newsbox { position: relative; margin: 0 auto; clear: none !important; width: 100%; padding-bottom: 20px; padding-right: 1%; } #news { position: relative; z-index: 999; } #news .bt { cursor: pointer; } #news .linker { width: 104px; display: block; float: left; } #news .linker a { width: 100px; height: 25px; display: block; text-decoration: none; } #news #b00 a { background: url(../img/toppage/btn_news_01.png) no-repeat left top; } #news #b01 a { background: url(../img/toppage/btn_news_02.png) no-repeat left top; } #news #b02 a { background: url(../img/toppage/btn_news_03.png) no-repeat left top; } #news #b03 a { background: url(../img/toppage/btn_news_04.png) no-repeat left top; } #news #b05 a { background: url(../img/toppage/btn_news_05.png) no-repeat left top; } #news #b00 a:hover, #news #b00 a.open { background: url(../img/toppage/btn_news_01a.png) no-repeat left top; } #news #b01 a:hover, #news #b01 a.open { background: url(../img/toppage/btn_news_02a.png) no-repeat left top; } #news #b02 a:hover, #news #b02 a.open { background: url(../img/toppage/btn_news_03a.png) no-repeat left top; } #news #b03 a:hover, #news #b03 a.open { background: url(../img/toppage/btn_news_04a.png) no-repeat left top; } #news #b05 a:hover, #news #b05 a.open { background: url(../img/toppage/btn_news_05a.png) no-repeat left top; } #fb_btm iframe { width: 100% !important; } .toppage_plan_clear { clear: both;} /*-------------------------------------------*/ /* /* sidebar /* /*-------------------------------------------*/ #secondary { position: relative; padding: 0; } #secondary .banners { line-height: 0; } #secondary .banners div { margin-bottom: 10px; float: left; } #secondary .sepline { height: 1px; border-bottom: 1px solid #CCC; margin: 20px 0; clear: both; } #secondary .recommend { padding: 0; background: #FFF; box-shadow: none; width: 260px; height: 380px; margin: 0 auto; } #secondary .recommend .pic01 { margin: 14px 0 10px 0; } /*-------------------------------------------*/ /* /* rightnav /* /*-------------------------------------------*/ #rightnav { margin: 0; position: absolute; top: 20px; width: 336px; right: -300px; z-index: 99999; } #rightnav li { width: 100%; font-size: 11px; list-style: none; } #rightnav li a { text-decoration: none; padding-left: 16px; position: absolute; left: 0px; padding: 6px 40px 6px 20px; z-index: 999; font-weight: bold; } #rightnav div a { position: absolute; left: -30px; z-index: 999; } #rightnav li.r01 a { top: 0px; background: url(../img/header/li_lang_01.png) no-repeat left center; } #rightnav li.r02 a { top: 20px; background: url(../img/header/li_lang_02.png) no-repeat left center; } #rightnav li.r03 a { top: 40px; background: url(../img/header/li_lang_03.png) no-repeat left center; } #rightnav li.r04 a { top: 60px; background: url(../img/header/li_lang_04.png) no-repeat left center; } #rightnav li.r01 a:hover { background: url(../img/header/li_lang_01o.png) no-repeat left center; } #rightnav li.r02 a:hover { background: url(../img/header/li_lang_01o.png) no-repeat left center; } #rightnav li.r03 a:hover { background: url(../img/header/li_lang_01o.png) no-repeat left center; } #rightnav li.r04 a:hover { background: url(../img/header/li_lang_01o.png) no-repeat left center; } #rightnav div.r05 a { width: 50px; top: 100px; left: -14px; } #rightnav div.r06 a { width: 50px; top: 285px; left: -14px; } #rightnav div.r07 a { width: 50px; top: 470px; left: -14px; } /*-------------------------------------------*/ /* /* pagetit /* /*-------------------------------------------*/ #pagetit { padding: 34px 0 14px; /*background: url(../img/pagetit/bg_earlysummer.jpg)*/ no-repeat left top; color: #333; } /*-------------------------------------------*/ /* /* inpage /* /*-------------------------------------------*/ table.def, #defform table { border-left: 1px solid #CCC; border-top: 1px solid #CCC; word-break: break-all; } table.def th, #defform table th { text-align: center; font-weight: normal; background: #EEE; padding: 4px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; } table.def td, #defform table td { text-align: center; padding: 4px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; } #defform td, #defform th { padding: 10px !important; } .subtit { margin: 10px 0 25px 0; } .btn_r { padding: 4px 0; margin: 0 auto 10px auto; text-align: center; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; cursor: pointer; } .btn_r a, .btn_r a:hover { color: #FFF; text-decoration: none; display: block; } .btn_free { position: relative; text-align: left; background: #00A0A5; padding: 4px 30px 4px 15px; margin: 0 auto 10px auto; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; cursor: pointer; } .btn_free span { position: absolute; width: 10px; top: 5px; right: 10px; } .btn_free:hover { background: #00C2C8; } .btn_free a, .btn_free a:hover { color: #FFF; text-decoration: none; display: block; } .btn_bolder { background: #00A0A5; text-align: left; width: 88%; height: 50px; position: relative; display: table; border-radius: 26px; -webkit-border-radius: 26px; -moz-border-radius: 26px; min-height: 50px; padding: 2px 20px; } .btn_bolder:hover { background: #00C2C8; width: 88%; height: 50px; position: relative; display: table; border-radius: 26px; -webkit-border-radius: 26px; -moz-border-radius: 26px; min-height: 50px; padding: 2px 20px; } .btn_bolder a, .btn_bolder span { display: table-cell !important; vertical-align: middle; height: 50px; } .btn_bolder span { width: 15px; height: 50px; } .btn_bolder a, .btn_bolder a:hover { color: #FFF; text-decoration: none; display: block; } .w160 { width: 145px; background: #00A0A5 url(../img/common/li_btn_01.png) no-repeat 136px 6px; text-align: left; padding-left: 15px; } .w220 { width: 205px; background: #00A0A5 url(../img/common/li_btn_01.png) no-repeat 196px 6px; text-align: left; padding-left: 15px; } .w240 { width: 240px; background: #00A0A5 url(../img/common/li_btn_01.png) no-repeat 216px 6px; } .w270 { width: 270px; background: #00A0A5 url(../img/common/li_btn_01.png) no-repeat 246px 6px; } .w320 { width: 320px; background: #00A0A5 url(../img/common/li_btn_01.png) no-repeat 286px 6px; } .w350 { width: 350px; background: #00A0A5 url(../img/common/li_btn_01.png) no-repeat 326px 6px; } .w470 { width: 470px; background: #00A0A5 url(../img/common/li_btn_01.png) no-repeat 440px 6px; } .w320_wide { width: 320px; background: #00A0A5 url(../img/common/li_btn_01.png) no-repeat 295px 6px; } .friendship { background: #00A0A5 url(../img/common/li_btn_01.png) no-repeat 97% 6px; padding: 4px 30px 4px 10px;} .w160:hover { width: 145px; background: #00C2C8 url(../img/common/li_btn_01.png) no-repeat 136px 6px; text-align: left; padding-left: 15px; } .w220:hover { width: 205px; background: #00C2C8 url(../img/common/li_btn_01.png) no-repeat 196px 6px; text-align: left; padding-left: 15px; } .w240:hover { width: 240px; background: #00C2C8 url(../img/common/li_btn_01.png) no-repeat 216px 6px; } .w270:hover { width: 270px; background: #00C2C8 url(../img/common/li_btn_01.png) no-repeat 246px 6px; } .w320:hover { width: 320px; background: #00C2C8 url(../img/common/li_btn_01.png) no-repeat 286px 6px; } .w350:hover { width: 350px; background: #00C2C8 url(../img/common/li_btn_01.png) no-repeat 326px 6px; } .w470:hover { width: 470px; background: #00C2C8 url(../img/common/li_btn_01.png) no-repeat 440px 6px; } .w320_wide:hover { width: 320px; background: #00C2C8 url(../img/common/li_btn_01.png) no-repeat 295px 6px; } .friendship:hover { background: #00C2C8 url(../img/common/li_btn_01.png) no-repeat 97% 6px; } .pdf { background: #00A0A5 url(../img/common/li_btn_02.png) no-repeat 216px 6px; text-align: left; padding-left: 15px; } .outlink { background: #00A0A5 url(../img/common/li_btn_03.png) no-repeat 216px 6px; text-align: left; padding-left: 15px; } .rigter { background: #00A0A5 url(../img/common/li_btn_03.png) no-repeat 245px 6px; } .pdf:hover { background: #00C2C8 url(../img/common/li_btn_02.png) no-repeat 216px 6px; text-align: left; padding-left: 15px; } .outlink:hover { background: #00C2C8 url(../img/common/li_btn_03.png) no-repeat 216px 6px; text-align: left; padding-left: 15px; } .rigter:hover { background: #00C2C8 url(../img/common/li_btn_03.png) no-repeat 245px 6px; } .ble { color: #00A0A5; } .blueback { padding: 10px; margin-bottom: 80px; background: url(../img/common/bg_column.png) repeat; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .ctit { color: #00A0A5; font-weight: bolder; font-size: 18px; padding-left: 25px; margin-bottom: 10px; background: url(../img/common/li_columntitle.png) no-repeat left center; } .inpage { padding-bottom: 80px !important; } #simple_dot { width: 100%; } #simple_dot th { width: 30%; border-right: 1px dotted #333; vertical-align: top; line-height: 200%; } #simple_dot td { padding: 0 0 0 10px; vertical-align: top; line-height: 200%; } #simple_dot th.w100{width:130px !important;} #simple_dot td.w600{width:600px !important;} #simple_dot th span.fs14{font-size:14px;} #simple_dot th span.fs14 span{margin-top:-10px;} #simple { width: 100%; } #def, #mylist { border-left: 1px solid #CCC; width: 100%; } #def th, #mylist th { width: 25%; text-align: left; padding: 10px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; vertical-align: top; background: #EEE; font-weight: normal; } #def td, #mylist td { padding: 8px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; vertical-align: top; } #def th.tp, #mylist th.tp { padding: 0; height: 3px; line-height: 0; background: #00A0A5; } #def td.tp, #mylist td.tp { padding: 0; height: 3px; line-height: 0; background: #CCC !important; } #def .mface-left, #mylist .mface-left { width: 35%; } #year { border-top: 1px solid #17A8BC; width: 100%; } #year th{ width: 25%; text-align: left; padding: 10px; border-right: 1px dotted #17A8BC; border-bottom: 1px solid #17A8BC; vertical-align: top; background: #D8F5FA; font-weight: normal; } #year td { padding: 10px; border-right: none; border-bottom: 1px solid #17A8BC; vertical-align: top; } #year th.tp { padding: 0; height: 3px; line-height: 0; background: #00A0A5; } #year td.tp{ padding: 0; height: 3px; line-height: 0; background: #CCC; } table.bld th, table.bld td { font-weight: bolder !important; } table.cent th, table.cent td { text-align: center !important; } /* about /*-------------------------------------------*/ #about .sec { margin-bottom: 85px; } #about .tit { margin-bottom: 25px; } #about .tit, #about .subtit { text-align: center; } #about #sec01 { position: relative; background: url(../img/inpage/about/bg_sec01.jpg) no-repeat center top; } #about #sec01 .subtit { text-align: left; } #about #sec01 .intit { padding: 56px 325px 25px 0; text-align: right; } #about #sec01 .abs { position: absolute; width: 250px; height: 220px; padding: 35px 35px 0 35px; top: 230px; right: 30px; text-align: center; line-height: 210%; background: url(../img/inpage/about/bg_sec01.png) no-repeat center top; } #about #sec02 { position: relative; background: url(../img/inpage/about/bg_sec02.jpg) no-repeat center top; padding-top: 50px; } #about #sec02 .txt { max-width: 300px; margin: 0 auto; } #about #sec03 { position: relative; background: #EEE; padding-top: 50px; } #about #sec03 .btn_r { float: left; margin: 0 5px 10px 5px; } #about #sec04 { position: relative; background: url(../img/inpage/about/bg_sec04.jpg) no-repeat center top; padding-top: 50px; /*margin-bottom: 0px;*/ } #about #sec04 .txt { max-width: 300px; margin: 0 auto; position: relative; } #about #sec04 .abs { position: absolute; width: 120px; height: 120px; top: -80px; left: -120px; } #about #sec06 { position: relative; background: #EEE url(../img/inpage/about/bg_sec06.jpg) no-repeat center top; padding: 50px 0; margin: 50px auto 0px; } #about #sec06 .txt { max-width: 300px; min-height: 420px; margin: 0 auto; position: relative; } /* room /*-------------------------------------------*/ #room .under_tex .ccell { vertical-align: top; } #room .under_tex p { padding-top: 60px; } #room .mid_link { border-bottom: 1px dotted #CCC; margin-bottom: 80px; } #room .mid_link .coltable { padding-bottom: 10px; } #room .mid_link a { font-size: 1em; text-decoration: none; } #room .mid_link a:hover { text-decoration: underline; color: #00A0A5; } #room #sec04 .abs { margin-top: -90px; text-align: right; } #room .wk { visibility: hidden; height: 1px; } #room .open { visibility: visible; height: auto; } #room table {white-space: normal;} /* restaurant /*-------------------------------------------*/ #restaurant .ttit { margin-top: -20px; } #restaurant .intab { font-size: 16px; font-weight: bolder; padding: 4px 20px 4px 10px; margin: 0 0 2px 0; background: url(../img/inpage/restaurant/bg_tab.png) no-repeat right top; clear: both; cursor: pointer; } #restaurant .intab:hover, #restaurant .open { color: #FFF; background: url(../img/inpage/restaurant/bg_tab_on.png) no-repeat right top; } #restaurant .subtit { padding: 10px 0 6px 0; font-weight: bolder; background: url(../img/common/dotline_2.png) no-repeat left bottom; clear: both; } #restaurant .no_under { background: none; padding: 0; margin: 10px 0 5px 0; } #restaurant .intab_txt { padding: 20px 20px 0 20px; border-left: 1px solid #EEE; border-right: 1px solid #EEE; border-bottom: 1px solid #EEE; display: none; } #restaurant .btn_r { margin: 20px 0; } #restaurant .blueback .wpct26 { background: url(../img/inpage/restaurant/sep_blue.png) no-repeat right; } #restaurant #simple_price { width: 100%; } #restaurant #simple_price th { text-align: left; font-weight: normal; vertical-align: top; padding: 4px 0; } #restaurant #simple_price td { width: 60px; vertical-align: top; text-align: right; } #restaurant #simple_dine { width: 100%; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; } #restaurant #simple_dine th { width: 28%; padding: 15px 10px; text-align: left; background: #EEE; border-right: 1px solid #CCC; vertical-align: top; } #restaurant #simple_dine td { width: 72%; padding: 15px 10px; vertical-align: top; border-right: 1px solid #CCC; } #restaurant .cake_midashi { padding: 10px 0 6px 0; margin-bottom: 20px; font-weight: bolder; background: url(../img/common/dotline_2.png) no-repeat left bottom; clear: both; } #restaurant .drink_area, #restaurant .tea_box, #restaurant .tea_line02 { display: table; width: 100%; margin-bottom: 20px; } #restaurant .drink_name, #restaurant .tea_name { display: table-cell; text-align: left; font-weight: normal; vertical-align: top; padding: 4px 0; } #restaurant .drink_price, #restaurant .tea_price { display: table-cell; width: 60px; vertical-align: top; text-align: right; } #restaurant .tea_name { padding-left: 16px; } #restaurant .tea_price { padding-right: 16px; } #restaurant .tea_l { display: table-cell; width: 50%; vertical-align: top; } #restaurant .teatxt02 span, #restaurant .tea_name span, #restaurant .teatxt span, #restaurant .subtit .tear { font-size: 10px; } #restaurant .teatxt02 { font-weight: bold; } #restaurant .teatxt02 span, #restaurant .teatxt02 p { font-weight: normal; } #restaurant span.lunch { padding: 0px 0 2px 25px; background: url(../img/inpage/restaurant/li_lunch.png) no-repeat left 2px; } #restaurant span.dinner { padding: 0px 0 2px 25px; background: url(../img/inpage/restaurant/li_dinner.png) no-repeat left 2px; } #restaurant span.breakfast { padding: 0px 0 2px 25px; background: url(../img/inpage/restaurant/li_breakfast.png) no-repeat left 2px; } #restaurant .scake { background: #000 !important; color: #fff !important; margin-bottom: 30px; padding: 20px 0px 20px 0px; } #restaurant .bnr .right { float: right; } .reswak { position: relative; border: 1px solid #00A0A5; padding: 20px 20px 12px 20px; } .reswak_pink { position: relative; border: 1px solid #E3B3CD; padding: 20px 20px 12px 20px; } .seasonal_spr{border-color:#F4A7B9;} .seasonal_sum{border-color:#00A0A5;} .reswak a, .reswak_pink a{ text-decoration:none !important; } .reswak p, .reswak_pink p { padding-bottom: 30px; } .reswak .tit, .reswak_pink .tit { text-align: center; } .reswak .info, .reswak_pink .info { position: relative; text-align: center; margin-bottom: 10px; } .reswak .info span, .reswak_pink .info span { position: absolute; width: auto; top: 0; right: 0; } .reswak .btn, .reswak_pink .btn { position: absolute; width: 137px; right: 0px; bottom: 0px; } .reswak .bnr, .reswak_pink .bnr { text-align: center; } .bmenu { margin: 30px 0; border: 3px solid #EEE; } .fontana #sec00 .bx-wrapper .bx-pager { right: 45px !important; } .senbaduru .bx-wrapper .bx-pager { right: 55px !important; } /* poolspa /*-------------------------------------------*/ #poolspa .sec { margin-bottom: 80px; } #poolspa .inlink .wak { display: block; position: relative; } #poolspa .inlink .wak p { position: absolute; width: 180px; top: 250px; left: 30px; } #poolspa #sec02 #def th, #poolspa #sec02 #def td { padding: 4px 10px; } #poolspa #sec02 #def th.tp, #poolspa #sec02 #def td.tp { padding: 0; } #poolspa .bx-pager { right: 65px; bottom: -22px; } #poolspa #sec01 h4, #poolspa #sec02 h4 { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; color: #00A0A5; font-size: 26px; font-weight: normal; clear: both; } /* relax /*-------------------------------------------*/ #relax #sec01 .wak { padding: 45px 0 30px 25px; background: url(../img/inpage/relax/bg_sec01.jpg) no-repeat right top; } #relax #sec02 .wak { padding: 25px 0 30px 45px; background: url(../img/inpage/relax/bg_sec02.jpg) no-repeat right top; } #relax #sec03 .wak { padding: 45px 0 30px 25px; background: url(../img/inpage/relax/bg_sec03.jpg) no-repeat right top; } #relax .prices th { text-align: center; font-weight: bolder; } #relax .prices .price { text-align: right; font-weight: bolder; } #relax #sec03 { display: none; } /* friendship /*-------------------------------------------*/ #friendship #def .price { width: 50%; } /* event /*-------------------------------------------*/ #event #simple_dot th { width: 15%; text-align: left; } #event #sec01 .spc { width: 20px; } #event #sec01 .event_list { max-width: 220px; margin: 0 auto; } #event #sec01 .event_list .pic { min-height: 170px; } #event #sec01 .event_list .tit { font-weight: bolder; text-align: center; color: #00A0A5; margin-bottom: 10px; } #event #sec01 .event_list .date { background: #EEE; text-align: center; } /* detail /*-------------------------------------------*/ #detail #simple_dot th { width: 15%; text-align: left; } /* leisure /*-------------------------------------------*/ #leisure #sec01 { background: url(../img/inpage/leisure/bg_sec01.jpg) no-repeat center 100px; } #leisure #sec02 { background: url(../img/inpage/leisure/bg_sec02.jpg) no-repeat center 100px; } #leisure #sec03 { background: url(../img/inpage/leisure/bg_sec03.jpg) no-repeat center 100px; } #leisure #sec04 { background: url(../img/inpage/leisure/bg_sec04.jpg) no-repeat center 100px; } #leisure .sec { margin-bottom: 100px; } #leisure h4 { margin-bottom: 0; } .area { padding-bottom: 60px !important; } .area:last-child { padding-bottom: 30px !important; } .area .ccell { position: relative; box-shadow: 0px 0px 3px #AAA; -moz-box-shadow: 0px 0px 3px #AAA; -webkit-box-shadow: 0px 0px 3px #AAA; background: url(../img/inpage/leisure/bg_transparent.png) repeat center center; } .area .void { box-shadow: 0px 0px 0px #CCC; -moz-box-shadow: 0px 0px 0px #CCC; -webkit-box-shadow: 0px 0px 0px #CCC; background: none; } .area .spc { width: 20px; box-shadow: 0px 0px 0px #CCC; -moz-box-shadow: 0px 0px 0px #CCC; -webkit-box-shadow: 0px 0px 0px #CCC; background: none; } .area .tab { max-width: 320px; margin: 10px auto; } .area .cl00 { line-height: 0; overflow: hidden; } .area .cl01 { font-size: 16px; font-weight: bolder; text-align: center; color: #00A0A5; padding: 10px 0; background: #FFF; } .area .cl02 { text-align: left; padding: 0px 10px 10px; background: #FFF; } .area .cl03 { text-align: left; padding: 10px 10px 20px; } .area .cl04 { position: absolute; width: 100%; left: 0; bottom: -20px; text-align: center; } /* howtopass /*-------------------------------------------*/ #howtopass .tit { margin: 20px 0; } #howtopass a { color: #FFF; text-decoration: none; } #howtopass .pic { overflow: hidden; } /* summer /*-------------------------------------------*/ #summer #sec00 { padding: 165px 0; background: url(../img/inpage/summer/pic_sec00.jpg) no-repeat left top; } #summer #sec00 .tit { padding-left: 20px; } #summer .sec { position: relative; z-index: 1; padding-bottom: 80px; } #sec03 { position: relative; z-index: 1; padding-bottom: 40px !important; } /*ドッグラン削除のため調整*/ #summer .abs { position: absolute; width: 700px; top: 0px; left: 0px; z-index: 2; } #summer .btn_r { position: relative; z-index: 3; } #summer .outlink { width: 255px; } #summer .tit { margin-bottom: 20px; } #summer .insec01 { position: relative; /*padding-bottom: 40px;*/ } #summer .insec02 { position: relative; } #summer .insec01 .abs { top: -140px; left: 280px; } #summer .insec02 .abs { top: 70px; left: 285px; } #summer #sec04 .abs { top: 40px; } #summer #sec05 .abs { top: 220px; left: 400px; } #summer #sec06 { margin-bottom: 0; padding-bottom: 60px; } #summer #sec06 .tit { padding: 50px 0 0 0; } #summer .blueback { text-align: center; padding: 30px 0; margin-bottom: 0; background: url(../img/inpage/summer/bg_blueback.png) no-repeat left top; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } #summer #sec07 { padding-bottom: 150px; } #summer #sec07 .abs { top: 120px; } #summer #sec07 p { max-width: 450px; } #summer #sec08 .abs { top: 200px; } /* winter /*-------------------------------------------*/ #winter #sec01 .columns { position: relative; margin: 0 auto; clear: both; width: 100%; padding-bottom: 30px; } #winter #sec04 .bottom { padding-bottom: 60px; } #winter #sec00 .tit { padding-left: 12px; } #winter .sec { position: relative; z-index: 1; padding-bottom: 40px; } #winter .abs { position: absolute; width: 700px; top: 0px; left: 0px; z-index: 2; } #winter .btn_r { position: relative; z-index: 3; } #winter .outlink { width: 255px; } #winter .insec01 { position: relative; padding-bottom: 40px; } #winter .insec02 { position: relative; } #winter .insec01 .abs { top: -140px; left: 480px; } #winter .insec02 .abs { top: 70px; left: 285px;} #winter #sec01 .abs { top: 30px; left: 0px; } #winter #sec02 .abs { top: 215px; left: 0px;} #winter #sec02 { margin-bottom: 0; padding-bottom: 20px; } #winter #sec02 .bg { margin: 40px 0 70px; padding: 20px; background: url(../img/inpage/winter/bg_blueback01.jpg) repeat left top; border-radius: 8px; /* CSS3草案 */ -webkit-border-radius: 8px; /* Safari,Google Chrome用 */ -moz-border-radius: 8px; /* Firefox用 */ } #winter #sec02 .bg:after{ content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; } #winter #sec02 .bg .tit01 { background: url(../img/inpage/winter/bg_tit01.png) no-repeat left top; font-size: 18px; color: #00A0A5; font-weight: bold; padding-left: 30px; } #winter #sec02 .bg .left { float: left; width: 60%;} #winter #sec02 .bg .right { float: right;} #winter #sec03 .abs { top: 10px; left: 300px;} #winter #sec03 { margin-bottom: 0; padding-bottom: 40px; } #winter #sec04 .abs { top: 60px; left: 0px;} #winter #sec05 .abs { top: 200px; left: 250px;} #winter #sec05 { margin-bottom: 0; padding-bottom: 30px; } #winter #sec06 .abs { z-index:0; top: 380px;} #winter #sec06 { margin-bottom: 0; padding-bottom: 60px; } #winter #sec06 p { z-index:150; } #winter .blueback { font-size: 12px; text-align: center; padding: 30px 0 40px; margin-bottom: 0; background: url(../img/inpage/winter/bg_blueback.png) no-repeat center top; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } #winter #sec07 { padding-bottom: 50px; } #winter #sec07 .abs { top: 120px;} #winter #sec07 p { max-width: 450px; } #winter #sec08 .abs { top: 200px;} #winter .float_right { float: right; } #winter .tit_sub { font-size: 22px; color: #00A0A5; font-weight: bold; line-height: 120%; } #winter .tit p { padding-left: 70px; } #winter .tit p span { font-size: 22px; color: #00A0A5; font-weight: bold; } #winter #sec01 .tit { background: url(../img/inpage/winter/tit01.png) no-repeat left top; } #winter #sec02 .tit { background: url(../img/inpage/winter/tit02.png) no-repeat left top; } #winter #sec03 .tit { background: url(../img/inpage/winter/tit03.png) no-repeat left top; } #winter #sec04 .tit { background: url(../img/inpage/winter/tit04.png) no-repeat left top; } #winter #sec05 .tit { background: url(../img/inpage/winter/tit05.png) no-repeat left top; } #winter #sec06 .tit { background: url(../img/inpage/winter/tit06.png) no-repeat left top; } #winter #sec07 .tit { background: url(../img/inpage/winter/tit07.png) no-repeat left top; } /* mice /*-------------------------------------------*/ #mice #sec01 { background: url(../img/inpage/mice/bg_sec01.jpg) no-repeat center top; padding-top: 30px; } #mice #sec01 .feature { margin-bottom: 10px; } #mice #sec02 { background: url(../img/inpage/mice/bg_sec02.jpg) no-repeat center top; padding-top: 100px; margin-top: 60px; } #mice #sec02 .intab .tit { font-size: 16px; font-weight: bolder; color: #00A0A5; margin: 5px 0; } #mice #sec02 .ptit { margin: 40px 0 0 0; } #mice #sec03 { background: url(../img/inpage/mice/bg_sec03.jpg) no-repeat center top; padding-top: 100px; margin-top: 60px; } #mice #sec03 .facility_pager a { text-decoration: none; padding: 8px 0 15px 0; font-size: 16px; display: block; cursor: pointer; background: url(../img/inpage/mice/bg_pager.png) no-repeat center top; } #mice #sec03 .facility_pager a:hover, #mice #sec03 .facility_pager a.open { color: #FFF; background: url(../img/inpage/mice/bg_pager_on.png) no-repeat center top; } #mice #sec03 .intex .ccell { position: relative; } #mice #sec03 .intex .tit { font-size: 16px; font-weight: bolder; color: #00A0A5; margin: 5px 0; } #mice #sec03 .intex .pic { margin-top: 20px; } #mice #sec03 .intex .ccell p { padding-bottom: 50px; } #mice #sec03 .intex { display: none; } #mice #sec03 #fc01 { display: block; } #mice #sec04 { background: url(../img/inpage/mice/bg_sec04.jpg) no-repeat center top; padding-top: 100px; margin-top: 60px; } #mice #sec04 .dine_pager { margin-bottom: 30px; } #mice #sec04 .dine_pager a { text-decoration: none; padding: 8px 0 15px 0; font-size: 16px; display: block; cursor: pointer; background: url(../img/inpage/mice/bg_pager.png) no-repeat center top; } #mice #sec04 .dine_pager a:hover, #mice #sec04 .dine_pager a.open { color: #FFF; background: url(../img/inpage/mice/bg_pager_on.png) no-repeat center top; } #mice #sec04 .intab { line-height: 180%; } #mice #sec04 .intex { display: none; } #mice #sec04 #dc01 { display: block; } #mice { word-break: break-all;} /* webshop /*-------------------------------------------*/ #webshop .abs { margin-top: -56px; line-height: 0; } /*#webshop #sec00 { padding: 88px 0 80px 40px; background: url(../img/inpage/webshop/pic_sec00.jpg) no-repeat center top; }*/ /*#webshop #sec00 p { max-width: 350px; color: #EEE; }*/ #webshop #sec01 { background: #EEE; padding: 40px 0; margin-top: 10px; box-shadow: inset 0px 0px 5px #CCC; -moz-box-shadow: inset 0px 0px 5px #CCC; -webkit-box-shadow: inset 0px 0px 5px #CCC; } #webshop #sec01 h5 { position: relative; z-index: 4; } #webshop #sec01 h5 span { display: table-cell; vertical-align: middle; } #webshop #sec01 h5 .vimg { font-size: 14px; font-weight: normal; vertical-align: middle; } #webshop .tab { position: relative; background: #FFF; box-shadow: 0px 0px 3px #CCC; -moz-box-shadow: 0px 0px 3px #CCC; -webkit-box-shadow: 0px 0px 3px #CCC; z-index: 2; } #webshop .tab .intab { margin: 0 20px; } #webshop .tab .intab span { width: 40px; background: #EEE; padding: 4px 10px; text-align: center; } #webshop .tab .intab .wpct27 a { display: block; padding-bottom: 20px; } #webshop .tab .detail { text-align: right; line-height: 0; } #webshop .tab .detail img { cursor: pointer; } #webshop .tab .red span { background: #D80000; color: #FFF; padding: 6px 20px; } #webshop .tab span.font_12 { background: no-repeat; } #webshop .tab .pulldown { display: none; } #webshop .tab .big_price { color: #D80000; font-size: 18px; font-weight: bolder; background: #FFF !important; } #webshop #sec02 .big_price { color: #D80000; font-size: 18px; font-weight: bolder; background: none !important; } #webshop .cl01 { font-size: 16px; font-weight: bolder; text-align: left; color: #00A0A5; padding: 10px 0; background: #FFF; } #webshop .cl02 { text-align: left; padding: 10px 0 10px 20px; background: #EEE; } #webshop .cl03 { text-align: left; padding: 10px 0 20px 0; } #webshop .area .ccell { position: relative; box-shadow: 0px 0px 5px #AAA; -moz-box-shadow: 0px 0px 5px #AAA; -webkit-box-shadow: 0px 0px 5px #AAA; } #webshop .area .tab { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #webshop .area .void { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; background: none; } #webshop .area .spc { width: 20px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; background: none; } #webshop .area .cl00 { line-height: 0; } #webshop .area .cl01 { font-size: 16px; font-weight: bolder; text-align: center; color: #00A0A5; padding: 10px 0; background: #FFF; } #webshop .area .cl02 { text-align: center; padding: 10px 0 10px 0; background: #EEE; } #webshop .area .cl03 { text-align: left; padding: 10px 20px 20px 20px; } #webshop #sec03 { background: #EEE; padding: 40px 0; margin-top: 10px; box-shadow: inset 0px 0px 5px #CCC; -moz-box-shadow: inset 0px 0px 5px #CCC; -webkit-box-shadow: inset 0px 0px 5px #CCC; } #webshop #sec03 td { background: #FFF; } #webshop #sec03 th { font-weight: bolder; } /* plan /*-------------------------------------------*/ #plan .coltable { margin-bottom: 20px; } #plan .ccell { position: relative; } #plan .wpct48 p { padding-bottom: 60px; } #plan .dotline { margin: 40px 0; } #plan .tit { font-size: 18px; color: #189959; } #plan .btn_r { position: absolute; width: 160px; left: 0px; bottom: 0px; } /* access /*-------------------------------------------*/ #access .sec { margin-bottom: 50px; } #access .pdf { width: 145px; background: #068cc6 url(../img/common/li_btn_02.png) no-repeat 130px 6px; text-align: left; padding-left: 15px; } #access .pdf:hover { width: 145px; background: #059cdf url(../img/common/li_btn_02.png) no-repeat 130px 6px; text-align: left; padding-left: 15px; } #access #googlemap { margin-bottom: 60px; } #access .txt1 { color: #00A0A5; font-weight:bold; } #access .txt2 { font-weight:bold; } .grayback { padding: 15px 10px; margin-top: 10px; background: #EEE; } .grayback a { text-decoration: none; padding-right: 30px; background: url(../img/common/li_btn_03.png) no-repeat right center; } .grayback a:hover { text-decoration: underline; } /* faq /*-------------------------------------------*/ #faq .inlink { margin: 20px 0 40px 0; } #faq .fatex { margin: 0 0 80px 0; } #faq .pmg { float: right; padding: 20px 0 30px 30px; } #faq .inlinker { margin-bottom: 30px; } #faq .titpic { margin: 0 auto; } #faq .btn_r { text-align: left; padding-left: 20px; } #faq .inlinker .btn_r { margin: 0 0 6px 0; } #faq .fatex .btn_r { margin: 0 0 50px 0; } #faq .qi { padding-left: 20px; padding-bottom: 6px; background: url(../img/inpage/faq/li_qi.png) no-repeat left 4px; } #faq .qi a { text-decoration: none; } #faq .qi a:hover { text-decoration: underline; } #faq .q { background: #00A0A5; padding: 6px 10px; margin: 50px 0 0 0; color: #FFF; font-size: 20px; clear: both; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } #faq .a { margin: 20px 0 20px 0; } /* corporation /*-------------------------------------------*/ #corporation .dotline { margin: 0 0 40px 0; } #corporation h4 { margin-bottom: 0; } /* recruit /*-------------------------------------------*/ #recruit .sec { margin-bottom: 80px; } #recruit table#def { line-height: 220%; } #recruit table#def .lef { width: 10px; background: #CCC; vertical-align: middle; } #recruit table#def td { font-weight: normal !important; } #recruit table#simple td, #recruit table#simple th { border: 0; padding: 2px; line-height: 160%; } #recruit table#simple th { width: 40%; background: #FFF; } /* point_c /*-------------------------------------------*/ #point_c .sec { margin-bottom: 80px; } #point_c #def th { text-align: center; } #point_c .c1 { background: #DAF3FE; } #point_c .c2 { background: #E3FEDA; } #point_c .c3 { background: #FDFADB; } #point_c .c4 { background: #FDDDDB; } #point_c #point_news { margin-bottom: 30px; background-color: #F0F0F0; padding: 15px; } #point_c #point_news p.tit{ color: #F00; font-size: 1.4em; border: 2px solid; padding: 4px; text-align: center; } #point_c #point_news p span{ color: #F00; font-size: 1.4em; } /* bestrate /*-------------------------------------------*/ #bestrate #def th { width: 30%; font-weight: bolder; } #bestrate .wak { border: 1px solid #CCC; padding: 20px; margin-bottom: 60px; } #bestrate .wak .tit { font-size: 18px; color: #00A0A5; font-weight: bolder; } #bestrate .wak .point { padding: 6px; background: #EEE; text-align: center; } #bestrate .red { color: #D80000; font-weight: bolder; } #bestrate .blueback { padding: 40px; } /* sitemap /*-------------------------------------------*/ #sitemap address { display: none; } #post-66 ul.children { padding-left: 20px; } #post-66 li { padding-left: 10px; padding-bottom: 12px; line-height: 220%; } #post-66 li a { padding-left: 16px; background: url(../img/inpage/sitemap/li_sitemap.png) no-repeat left top; text-decoration: none; } #post-66 li a:hover { text-decoration: underline; } /* privacy /*-------------------------------------------*/ #privacy #def { margin: 0 0 50px; } #privacy h5 { margin-top: 40px; } #privacy p { padding: 0 0; } .entry-header { display: none; } /* slider /*-------------------------------------------*/ .pager a { display: block; background: url(../img/inpage/room/bg_tab.png) no-repeat center top; font-size: 16px; padding: 10px 0 14px 0; text-decoration: none; margin: 5px 0; } .pager a.active, .pager a:hover { background: url(../img/inpage/room/bg_tab_on.png) no-repeat center top; color: #FFF; } .pager_big a { display: block; background: url(../img/inpage/room/bg_tab_big.png) no-repeat center top; font-size: 16px; padding: 23px 0 28px 0; text-decoration: none; margin: 5px 0; } .pager_big a.active, .pager_big a:hover { background: url(../img/inpage/room/bg_tab_big_on.png) no-repeat center top; color: #FFF; } .inpage .bx-wrapper { margin-bottom: 0; } .inpage .bx-viewport { margin: 0 auto; } .in_bx { position: relative; } .in_bx .logo_title { position: absolute; right: 10px; bottom: 10px; z-index: 100; } .main_visual .in_bx .logo_title { position: absolute; right: 60px; bottom: 10px; z-index: 100; } /* news /*-------------------------------------------*/ #news { padding: 80px 0 20px 0; } #news a.bt { padding-right: 4px; } #news p { margin: 0 0 20px 0; font-size: 12px; } #news a.tit { font-size: 14px; color: #00A0A5; text-decoration: underline; } #news a.tit:hover { text-decoration: none; } #news .date { font-size: 10px; color: #999; display: table; text-align: right; } #news .date span { width: 58px; display: table-cell; vertical-align: top; padding-right: 2px; } #news .date span.datetime { width: auto; } #news .p01 { width: 70px; float: left; padding-right: 10px; } #news .txt { overflow: auto; } #news_list { position: relative; } #news_list li a { font-size: 26px; color: #00A0A5; text-decoration: none; } #news_list li a:hover { text-decoration: underline; } #news_list .eyecatch { float: right; width: auto; margin-left: 40px; text-align: right; } #news_list .news_content { padding: 15px; margin: 0 0 30px 0; border-left: 1px solid #6eb84f; border-right: 1px solid #6eb84f; border-bottom: 1px solid #6eb84f; } #news_list .mtx { overflow: auto; zoom: 1; } .dates { text-align: right; } .single .dates { text-align: left; } .bdate { color: #CCC; font-size: 11px; padding-left: 10px; } #news_single { margin-top: 40px; } #news_single .bdate { color: #CCC; font-size: 11px; padding-left: 10px; } #news_single p { padding-left: 10px; } /*-------------------------------------------*/ /* switch_botton /*-------------------------------------------*/ #switch_top {display:none;} #switch_top , #switch_bottom {color:#FFF;background: #444444 ; text-align: center;} #switch_top div , #switch_bottom div {color: #FFF;} #switch_top span , #switch_bottom span {color: #FFC926;} #switch_top {padding: 25px;font-size: 20px;} #switch_bottom {padding: 15px;font-size: 14px;} /*　------------------------------------------------------------------- */ /* /* iPhone /* /*　------------------------------------------------------------------- */ /*　------------------------------------------------------------------- */ /* /* Andoroid /* /*　------------------------------------------------------------------- */ /* inpage /*　------------------------------------------------------------------- */ .inpage .bx-viewport { width: 100% !important; } #fb_btm .fb-like-box span { width: 460px !important; } .w340 { width: 340px; background: #00a0a5 url(../img/common/li_btn_01.png) no-repeat 316px 6px; } .w340:hover { width: 340px; background: #00c2c8 url(../img/common/li_btn_01.png) no-repeat 316px 6px; } /*　------------------------------------------------------------------- */ /* /* iPhone and Andoroid　共通 /* /*　------------------------------------------------------------------- */ /*　------------------------------------------------------------------- */ /* /* iPad /* /*　------------------------------------------------------------------- */ /*　------------------------------------------------------------------- */ /* /* PC /* /*　------------------------------------------------------------------- */ /*　------------------------------------------------------------------- */ /* /* iPad and PC　共通 /* /*　------------------------------------------------------------------- */ /*　------------------------------------------------------------------- */ /* /* for IE8*/ /* /*　------------------------------------------------------------------- */ .ie8 { /* setup /*　------------------------------------------------------------------- */ /* inpage /*　------------------------------------------------------------------- */ /* setup /*　------------------------------------------------------------------- */ /* inpage /*　------------------------------------------------------------------- */ } .ie8 header .top_head .rig_mg img { width: auto; height: auto; } .ie8 header .bx-controls { display: block; } .ie8 header .nav-menu { margin: 15px 0 0 0; } .ie8 .home header .nav-menu { margin: 15px 0 0 0; } .ie8 #pagetit h3 { font-size: 23px; } .ie8 .transp { background: none; } .ie8 #back-top { bottom: 130px; } .ie8 .w340 { width: 340px; background: #068cc6 url(../img/common/li_btn_01.png) no-repeat 316px 6px; } .ie8 .w340:hover { width: 340px; background: #059cdf url(../img/common/li_btn_01.png) no-repeat 316px 6px; } .ie8 .inpage .bx-controls { display: block; } .ie8 #about #sec01 .intit { padding: 56px 325px 25px 0; text-align: right; } .ie8 #about #sec03 .btn_r { float: left; margin: 0 5px 10px 5px; } .ie8 #mice #sec02 .bmg { background: url(../img/inpage/mice/pic_sec02_14.jpg) no-repeat right bottom; } .ie8 #room .under_tex { margin-top: -30px; } .ie8 #faq .pmg { float: right; padding: 20px 0 30px 30px; margin: 0; } .ie8 #faq .inlinker .btn_r { margin: 0 0 6px 0; } .ie8 #restaurant .bmenu { margin: 30px 0; border: 3px solid #EEE; } .ie8 .one { max-width: 100%; } .ie8 .outer { max-width: 1300px; padding: 0; } .ie8 .outer_reserv { position: relative; } .ie8 .inner { max-width: 1000px; padding: 0; z-index: 100; } .ie8 #primary { display: table-cell; width: 700px; float: right; } .ie8 #secondary { display: table-cell; width: 260px; padding-right: 40px; float: left; } .ie8 #secondary .sepline { width: 260px; } .ie8 #secondary .banners div { width: auto; height: auto; margin-left: 0; float: none; } .ie8 #bread { display: block; margin: -30px 0 4px 0; } .ie8 header .top_head .front { position: absolute; right: 0; bottom: 30px; margin-top: 0; } .ie8 header .tpr .t03,.ie8 header .tpr .home header .t03 { width: 32%; } .ie8 #reserv { padding: 0; } .ie8 .wide_phone { display: block; position: static; } .ie8 .home .wide_phone { position: static; } .ie8 .infiniteslide li img { width: auto; } .ie8 .bx-wrapper .bx-controls-direction a { top: 50% !important; } .ie8 .recommend .wpct28 .pic02 { float: left; } .ie8 #fb_btm .fb-like-box span { width: 740px !important; } .ie8 .infiniteslide { height: 220px; } .ie8 .inpage { padding-left: 0; padding-right: 0; } .ie8 .inpage .bx-viewport { width: 100% !important; } .ie8 #mice .intab p { max-width: 310px; padding: 0; margin: 0 auto; } .ie8 #mice #sec03 .intex .tit { max-width: 310px; } .ie8 #sec03 .intex .ccell .btn { position: absolute; max-width: 300px; left: 40px; bottom: 0; } .ie8 .area .cl04 { left: -5px; } .ie8 #corporation .wpct65 { width: 65%; } .ie8 #corporation .wpct35 { width: 35%; } /*　------------------------------------------------------------------- */ /* /* iPhone (400px以下)*/ /* /*　------------------------------------------------------------------- */ @media screen and (max-width: 400px) { /* setup /*　------------------------------------------------------------------- */ .blueback { padding: 10px; margin-bottom: 20px; } .outer { max-width: 100%; } .inner { max-width: 100%; padding: 0 10px; z-index: 100; } #primary { display: block; width: 100%; } #secondary { display: block; width: 260px; margin: 0 auto; } #secondary .sepline { width: 100%; } header .bx-controls { display: none; } header .nav-menu { margin-top: 0; } #bread { display: none; } .transp { background: url(../img/inpage/leisure/bg_transparent.png) repeat left top; } #back-top { bottom: 20px; } .wide_phone { display: none; } #pagetit { padding: 34px 0 30px; background: url(../img/pagetit/bg.jpg) no-repeat left top; color: #333; } .recommend .tab_ski { margin: 0 0 14px; padding: 0; height: 100%; width: auto; text-align:center; } .recommend .tab_ski a{ box-shadow: 0px 2px 2px #CCC; -moz-box-shadow: 0px 2px 2px #CCC; -webkit-box-shadow: 0px 2px 2px #CCC; } .recommend .tab_ski img { vertical-align: bottom; } .recommend .tab_bestrate { margin: 31px 0 14px; padding: 0; height: 100%; width: auto; text-align:center; } .recommend .tab_bestrate a{ box-shadow: 0px 2px 2px #CCC; -moz-box-shadow: 0px 2px 2px #CCC; -webkit-box-shadow: 0px 2px 2px #CCC; } .recommend .tab_bestrate img { vertical-align: bottom; } .recommend .tab_last { margin-bottom: 20px; } .top_bnr li { margin-bottom: 30px; text-align: center; } .top_bnr li:last-child{ /*margin-bottom: 0;*/ } .top_bnr li a img{ box-shadow: 0px 2px 2px #CCC; -moz-box-shadow: 0px 2px 2px #CCC; -webkit-box-shadow: 0px 2px 2px #CCC; } /* footer /*　------------------------------------------------------------------- */ footer .f_right { float: none; text-align: center; } footer .f_left { float: none; text-align: center; } footer .d_inline_block { display: block; padding-right: 0; } footer .dox_d_inline_block { text-align: center; } footer .cdsROW { margin: 0 auto; } /* inpage /*　------------------------------------------------------------------- */ .inpage { padding-left: 10px; padding-right: 10px; } #restaurant.inpage { padding: 0; } .inpage .bx-controls { display: none; } #about #sec01 .intit { padding: 20px 20px 55px 0; text-align: right; } #about #sec03 .btn_r { float: none; margin: 0 auto 10px auto; } #about .tit img, #about .subtit img { max-width: 96%; } #about.inpage { padding: 0; } #about .sec { margin-bottom: 20px;} #about #sec01, #about #sec02, #about #sec03, #about #sec04, #about #sec05 { padding-left: 10px; padding-right: 10px; } #mice #sec02 .bmg { background: none; } #room .under_tex { margin-top: 10px; } #room .under_tex p { padding-top: 0px;} #room #sec04 .abs { display: none;} #faq .pmg { float: none; padding: 20px 0 30px 0; margin: 0 auto; text-align: center; } #faq .inlinker .btn_r { margin: 0 auto 10px auto; } #restaurant .bmenu { margin: 30px 0; border: none; } .area { padding-bottom: 20px !important; } .area .cl04 { position: absolute; width: 100%; left: 0; bottom: -20px; text-align: center; } #poolspa #sec01 h4 img { width:60%; } /* setup /*　------------------------------------------------------------------- */ .one { max-width: 300px; overflow: hidden; } header .top_head .rig_mg img { width: 120px; height: auto; } header .top_head .front { position: relative; margin-top: -80px; } /* inpage /*　------------------------------------------------------------------- */ .inpage .bx-viewport { width: 100% !important; } #fb_btm .fb-like-box span { width: 300px !important; } .w340 { width: 260px; background: #00a0a5 url(../img/common/li_btn_01.png) no-repeat 316px 6px; } .w340:hover { width: 260px; background: #00c2c8 url(../img/common/li_btn_01.png) no-repeat 316px 6px; } /*footerトリップアドバイザーウィジェット用旧*/ #CDSWIDCOE { margin: 0px auto 10px !important; width: 185px !important; } /*footerトリップアドバイザーウィジェット用新160511*/ #CDSWIDSSP { margin: 0 auto; width: 100% !important; } .widSSPData { margin: 0px auto; width: 56%; } /* valentine 150116追加 */ .val_i { width: 95%; text-align: center; } .val_t { width: 94% !important; } .val_ico1 { position: absolute; top: 20px; right: 20px; width: 60px; height: 60px; } .valentine .val_table { padding: 0 10px 20px; } /* valentine 150213追加 */ .whiteday .val_i { width: 95%; text-align: center; } .whiteday .val_t { width: 95%; } .whiteday .val_ico1 { position: absolute; top: 20px; right: 20px; width: 60px; height: 60px; } .whiteday .val_table { padding: 0 10px 20px; } .whiteday .val_nobr { display: none; } /* .in_bx .logo_title img { width:40%; padding: 0 0 0 170px; }*/ .in_bx .logo_title img { max-height: 40px; max-width: 150px; padding: 0 0 0 170px; } /* winter /*-------------------------------------------*/ #winter #sec00 { padding: 80px 0 80px; background: url(../img/inpage/winter/pic_sec00.jpg) no-repeat left top; background-size: 100%; } #winter #sec00 .tit img { width: 60%; } #winter #sec01 .tit p { margin-bottom: 0; } #winter .tit { margin-bottom: 0px; min-height: 60px; } #winter .float_left { float: none !important; } #winter .float_right { float: none !important; } #winter .vimg { padding-bottom: 0px; overflow: hidden; } #winter .insec01 { position: relative; padding-bottom: 0px; } #winter .sec { position: relative; z-index: 1; padding-bottom: 0px; } #winter #sec02 { margin-bottom: 0; padding-bottom: 0px; } #winter #sec03 { margin-bottom: 0; padding-bottom: 0px; } #winter #sec05 { margin-bottom: 0; padding-bottom: 0px; } #winter #sec06 { margin-bottom: 0; padding-bottom: 0px; } #winter #sec07 { margin-bottom: 0; padding-bottom: 0px; } #winter #sec02 .bg { margin: 0px 0 30px; padding: 20px; background: url(../img/inpage/winter/bg_blueback01.jpg) repeat left top; border-radius: 8px; /* CSS3草案 */ -webkit-border-radius: 8px; /* Safari,Google Chrome用 */ -moz-border-radius: 8px; /* Firefox用 */ } #winter #sec02 .bg .tit01 { background: url(../img/inpage/winter/bg_tit01.png) no-repeat left top; font-size: 18px; color: #068CC5; font-weight: bold; padding-left: 30px; } #winter #sec02 .bg .left { float: none; width: 100%;} #winter #sec02 .bg .right { float: none; text-align: center; } #winter #sec04 .bottom { padding-bottom: 0px; } #winter #sec05 .ml { margin-left: 0px;} #winter .blueback { font-size: 12px; text-align: center; padding: 20px 0 40px; margin-bottom: 0; background: url(../img/inpage/winter/bg_blueback.png) no-repeat center top; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } #winter #sec07 .img01 { display: block; padding: 10px 0 0; text-align:center; } #winter #sec07 .mb { margin-bottom: 30px;} /* 150513サマーアクティビティ&イベント案内追加 /*--------------------------------- */ .ico_pas{ float: right; padding-right: 14px; position: relative; bottom: -8px; } .summerAct_last{ padding: 10px 0; margin-bottom: 50px; } .summerAct_l{ float: left; } .summerAct_r{ float: right; } .summerAct_r b{ color: #00A0A5; font-size: 18px; font-weight: bold; margin: 0 5px 0 0; } .summerAct_r span.new{ background-color: #00A0A5; color: #FFF; font-size: 12px; padding: 2px; } .summerAct_r table,tr,td{ border: none; } .summerAct_r td span{ font-size: 10px; } #summer2016_bg .park .box01 { margin-bottom: 15px; } #summer2016_bg .park .box01 .left { float: none; margin-bottom: 0; } #summer2016_bg .park .box01 .right { float: none; width: 100%; } #summer2016_bg .park .box01 .right .kids { color: #EC8215; font-size: 18px; } #summer2016_bg .park .box01 .right .water { color: #0076C0; font-size: 18px; } #summer2016_bg .park .box01 .right .hikari { color: #E86B8D; font-size: 18px; } #summer2016_bg .park .box01 .right span { font-size: 18px; font-weight: bold; } /* 151022 プラン一覧ボタン振分 ------------------------- */ .sp_pbtn { display: inline; } .pc_pbtn { display: none; } .sp_revbtn { background: url(../img/common/arr_reserv.png) no-repeat 95% 50%; } /* valentine 150116追加 /*-------------------------------------------*/ .valentine { color: #fff; background: #000; } .valentine h4 { color: #853636 !important; } .valentine h5 { background-color: #853636 !important; } .valentine .bg_val { background: url(../img/inpage/valentine/main_bg.png) repeat-y center top; } .val_box { padding-top: 20px; } .val_i { float: left; width: 100%; text-align: right; } .val_i img{ width: 100%; } .val_t .val_tp { color: #F19EC0; padding-top: 0 !important; margin-top: 0 !important; } .val_t span{ color: #FFDA00; } .val_t table{ border: none; } .val_t th{ font-weight: normal; text-align: left; } .val_t td{ padding-left: 15px; } .val_ico1 { position: absolute; top: 20px; right: 100px; width: 60px; height: 60px; } .whiteday_2018 .val_ico1 { position: absolute; top: inherit; right: 50px; width: 60px; height: 60px; } .valentine .val_table { padding: 0 20px 30px; } .valentine .val_table th { width: 18% !important; border-right: 1px dotted #FFF !important; } .valentine .val_table a { color: #FFF; } /* whiteday 150213追加 /*-------------------------------------------*/ .whiteday { color: #333; } .whiteday h4 { color: #AC1A1D !important; } .whiteday h5 { background-color: #AC1A1D !important; } .whiteday .bg_val { background: url(../img/inpage/whiteday/main_bg.png) no-repeat center top; } .whiteday .val_box { padding-top: 20px; } .whiteday .val_i { float: left; width: 280px; text-align: right; } .whiteday .val_t { float: right; width: 400px; } .whiteday .val_t .val_tp { color: #F19EBF; font-size: 18px; padding-top: 0 !important; margin-top: 0 !important; } .whiteday .val_t span{ color: #FFDA00; } .whiteday .val_t table{ border: none; } .whiteday .val_t th{ font-weight: normal; text-align: left; } .whiteday .val_t td{ padding-left: 15px; } .whiteday .val_ico1 { position: absolute; top: 100px; right: 80px; width: 60px; height: 60px; } .whiteday .val_table { padding: 0 20px 30px; } .whiteday .val_table th { width: 18% !important; } .whiteday .val_pri { font-size: 16px; color: #333 !important; } /* airweave 150417追加 /*-------------------------------------------*/ .airweave_sec1{ margin-bottom: 30px; } .airweave_sec2{ background: url(../img/inpage/airweave/bg_2.png) no-repeat right -10%; } .airweave_sec2 h7{ font-size: 21px; color: rgb(21, 60, 93); font-weight: bold; padding-left: 120px; } .airweave_sec2 p { margin-bottom: 30px; } .airweave_sec2 .btn_free{ margin: 14px 0 0; width: 210px; } .airweave_sec4{ background: url(../img/inpage/airweave/bg_1.png) no-repeat left 32%; padding-bottom: 20px; } .airweave_sec4 .sec4_txt1{ font-size: 20px; line-height: 40px; } .airweave_sec4 .sec4_txt2{ font-weight: bold; font-size: 16px; color: #F00; } .airweave_sec4 .sec4_txt3{ font-size: 12px; } .airweave_sec4 p{ line-height: 160%; } .airweave_sec4 .btn_free{ padding: 4px 30px 4px 50px; } /* 150811追記 /*--------------------------------- */ .blueback .dog_abs{ position: initial; top: 15px; right: 15px; } .rlt{ position: relative; } /* valentine 160113追加 /*-------------------------------------------*/ .valentine .bg_val { background: url(../img/inpage/valentine2016/main_bg.png) no-repeat center top; } .val2016 .pd_lef_10{ padding: 0px !important; } .val2016 .val_t{ padding-left:10px; } .val2016 .val_ico16_1 { float:left; padding-right: 5px; } .val2016 .val_ico16_2 { float:left; padding-right: 5px; } .val2016 .val_ico16_1:after, .val2016.val_ico16_2:after { content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; } /* whiteday 160210追加 /*-------------------------------------------*/ .whiteday_2016 .val_t span { color: #E72E28; } } /*　------------------------------------------------------------------- */ /* /* Andoroid (401px以上)*/ /* /*　------------------------------------------------------------------- */ @media screen and (min-width: 401px) { /* setup /*　------------------------------------------------------------------- */ .outer { max-width: 100%; } .inner { max-width: 100%; padding: 0 10px; z-index: 100; } #primary { display: block; width: 100%; } #secondary { display: block; width: 260px; margin: 0 auto; } #secondary .sepline { width: 100%; } header .bx-controls { display: none; } header .nav-menu { margin-top: 0; } #bread { display: none; } .transp { background: url(../img/inpage/leisure/bg_transparent.png) repeat left top; } #back-top { bottom: 20px; } .wide_phone { display: none; } .recommend .tab_bestrate { margin: 31px 0 14px; padding: 0; height: 100%; width: auto; text-align:center; } .recommend .tab_bestrate a{ box-shadow: 0px 2px 2px #CCC; -moz-box-shadow: 0px 2px 2px #CCC; -webkit-box-shadow: 0px 2px 2px #CCC; } .recommend .tab_bestrate img { vertical-align: bottom; } .recommend .tab_last { margin-bottom: 20px; } .top_bnr li { margin-bottom: 19px; text-align: center; } .top_bnr li:last-child{ /*margin-bottom: 0;*/ } .top_bnr li a img{ box-shadow: 0px 2px 2px #CCC; -moz-box-shadow: 0px 2px 2px #CCC; -webkit-box-shadow: 0px 2px 2px #CCC; } /* inpage /*　------------------------------------------------------------------- */ .inpage { padding-left: 10px; padding-right: 10px; } #restaurant.inpage { padding: 0; } .inpage .bx-controls { display: none; } #about #sec01 .intit { padding: 20px 20px 55px 0; text-align: right; } #about #sec03 .btn_r { float: none; margin: 0 auto 10px auto; } #mice #sec02 .bmg { background: none; } #room .under_tex { margin-top: 10px; } #room .under_tex p { padding-top: 0px;} #faq .pmg { float: none; padding: 20px 0 30px 0; margin: 0 auto; text-align: center; } #faq .inlinker .btn_r { margin: 0 auto 10px auto; } #restaurant .bmenu { margin: 30px 0; border: none; } .area { padding-bottom: 20px !important; } /* setup /*　------------------------------------------------------------------- */ .one { max-width: 460px; } header .top_head .rig_mg img { width: auto; height: auto; } header .top_head .front { position: relative; margin-top: -120px; } /*footerトリップアドバイザーウィジェット用旧*/ #CDSWIDCOE { margin: 0px auto 10px !important; width: 185px !important; } /*footerトリップアドバイザーウィジェット用新160511*/ #CDSWIDSSP { margin: 0 auto; width: 100% !important; } .widSSPData { margin: 0px auto; width: 56%; } /* winter /*-------------------------------------------*/ #winter #sec00 { padding: 120px 0 120px; background: url(../img/inpage/winter/pic_sec00.jpg) no-repeat left top; background-size: 100%; } #winter #sec00 .tit img { width: 60%; } #winter #sec01 .tit p { margin-bottom: 0; } #winter .tit { margin-bottom: 0px; min-height: 60px; } #winter .float_left { float: none; } #winter .float_right { float: none; } #winter .vimg { padding-bottom: 0px; overflow: hidden; } #winter .insec01 { position: relative; padding-bottom: 0px; } #winter .sec { position: relative; z-index: 1; padding-bottom: 0px; } #winter #sec02 { margin-bottom: 0; padding-bottom: 0px; } #winter #sec03 { margin-bottom: 0; padding-bottom: 0px; } #winter #sec05 { margin-bottom: 0; padding-bottom: 0px; } #winter #sec06 { margin-bottom: 0; padding-bottom: 0px; } #winter #sec07 { margin-bottom: 0; padding-bottom: 0px; } #winter #sec02 .bg { margin: 0px 0 30px; padding: 20px; background: url(../img/inpage/winter/bg_blueback01.jpg) repeat left top; border-radius: 8px; /* CSS3草案 */ -webkit-border-radius: 8px; /* Safari,Google Chrome用 */ -moz-border-radius: 8px; /* Firefox用 */ } #winter #sec02 .bg .tit01 { background: url(../img/inpage/winter/bg_tit01.png) no-repeat left top; font-size: 18px; color: #068CC5; font-weight: bold; padding-left: 30px; } #winter #sec02 .bg .left { float: none; width: 100%;} #winter #sec02 .bg .right { float: none; text-align: center; } #winter #sec04 .bottom { padding-bottom: 0px; } #winter #sec05 .ml { margin-left: 0px;} #winter .blueback { font-size: 12px; text-align: center; padding: 20px 0 40px; margin-bottom: 0; background: url(../img/inpage/winter/bg_blueback.png) no-repeat center top; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } #winter #sec07 .img01 { display: block; padding: 10px 0 0; text-align:center; } #winter #sec07 .mb { margin-bottom: 30px;} /* 150513サマーアクティビティ&イベント案内追加 /*--------------------------------- */ .ico_pas{ float: right; padding-right: 14px; position: relative; bottom: -8px; } .summerAct_last{ padding: 10px 0; margin-bottom: 50px; } .summerAct_l{ float: left; } .summerAct_r{ clear: both; } .summerAct_r b{ color: #00A0A5; font-size: 18px; font-weight: bold; margin: 0 5px 0 0; } .summerAct_r span.new{ background-color: #00A0A5; color: #FFF; font-size: 12px; padding: 2px; } .summerAct_r table,tr,td{ border: none; } .summerAct_r td span{ font-size: 10px; } /* 151022 プラン一覧ボタン振分 ------------------------- */ .sp_pbtn { display: inline; } .pc_pbtn { display: none; } .sp_revbtn { background: url(../img/common/arr_reserv.png) no-repeat 95% 50%; } /* valentine 150116追加 /*-------------------------------------------*/ .valentine { color: #fff; background: #000; } .valentine h4 { color: #853636 !important; } .valentine h5 { background-color: #853636 !important; } .valentine .bg_val { background: url(../img/inpage/valentine/main_bg.png) repeat-y center top; } .val_box { padding-top: 20px; } .val_i { float: left; width: 100%; text-align: right; } .val_i img{ width: 100%; } .val_t .val_tp { color: #F19EC0; padding-top: 0 !important; margin-top: 0 !important; } .val_t span{ color: #FFDA00; } .val_t table{ border: none; } .val_t th{ font-weight: normal; text-align: left; } .val_t td{ padding-left: 15px; } .val_ico1 { position: absolute; top: 20px; right: 100px; width: 60px; height: 60px; } .valentine .val_table { padding: 0 20px 30px; } .valentine .val_table th { width: 18% !important; border-right: 1px dotted #FFF !important; } .valentine .val_table a { color: #FFF; } /* whiteday 150213追加 /*-------------------------------------------*/ .whiteday { color: #333; } .whiteday h4 { color: #AC1A1D !important; } .whiteday h5 { background-color: #AC1A1D !important; } .whiteday .bg_val { background: url(../img/inpage/whiteday/main_bg.png) no-repeat center top; } .whiteday .val_box { padding-top: 20px; } .whiteday .val_i { float: left; width: 280px; text-align: right; } .whiteday .val_t { float: right; width: 400px; } .whiteday .val_t .val_tp { color: #F19EBF; font-size: 18px; padding-top: 0 !important; margin-top: 0 !important; } .whiteday .val_t span{ color: #FFDA00; } .whiteday .val_t table{ border: none; } .whiteday .val_t th{ font-weight: normal; text-align: left; } .whiteday .val_t td{ padding-left: 15px; } .whiteday .val_ico1 { position: absolute; top: 100px; right: 80px; width: 60px; height: 60px; } .whiteday .val_table { padding: 0 20px 30px; } .whiteday .val_table th { width: 18% !important; } .whiteday .val_pri { font-size: 16px; color: #333 !important; } /* airweave 150417追加 /*-------------------------------------------*/ .airweave_sec1{ margin-bottom: 30px; } .airweave_sec2{ background: url(../img/inpage/airweave/bg_2.png) no-repeat right -10%; } .airweave_sec2 h7{ font-size: 21px; color: rgb(21, 60, 93); font-weight: bold; padding-left: 120px; } .airweave_sec2 p { margin-bottom: 30px; } .airweave_sec2 .btn_free{ margin: 14px 0 0; width: 210px; } .airweave_sec4{ background: url(../img/inpage/airweave/bg_1.png) no-repeat left 32%; padding-bottom: 20px; } .airweave_sec4 .sec4_txt1{ font-size: 20px; line-height: 40px; } .airweave_sec4 .sec4_txt2{ font-weight: bold; font-size: 16px; color: #F00; } .airweave_sec4 .sec4_txt3{ font-size: 12px; } .airweave_sec4 p{ line-height: 160%; } .airweave_sec4 .btn_free{ padding: 4px 30px 4px 50px; } /* 150811追記 /*--------------------------------- */ .blueback .dog_abs{ position: initial; top: 15px; right: 15px; } .rlt{ position: relative; } /* valentine 160113追加 /*-------------------------------------------*/ .valentine .bg_val { background: url(../img/inpage/valentine2016/main_bg.png) no-repeat center top; } .val2016 .pd_lef_10{ padding: 0px !important; } .val2016 .val_t{ padding-left:10px; } .val2016 .val_ico16_1 { float:left; padding-right: 5px; } .val2016 .val_ico16_2 { float:left; padding-right: 5px; } .val2016 .val_ico16_1:after, .val2016 .val_ico16_2:after { content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; } /* whiteday 160210追加 /*-------------------------------------------*/ .whiteday_2016 .val_t span { color: #E72E28; } } /*　------------------------------------------------------------------- */ /* /* Andoroid wide (594px以上) */ /* /*　------------------------------------------------------------------- */ /*　------------------------------------------------------------------- */ /* /* iPad　(673px以上) */ /* /*　------------------------------------------------------------------- */ @media screen and (min-width: 673px) { /* setup /*　------------------------------------------------------------------- */ header {z-index: 9000; position: relative;} header .top_head .rig_mg img { width: auto; height: auto; } header .bx-controls { display: block; } header .nav-menu { margin: 15px 0 0 0; text-align: center;} header .nav-menu img { height: 24px; width: auto; } .home header .nav-menu { margin: 15px 0 0 0; text-align: center;background:#fff;} .top_head{z-index: -20} #pagetit h3 { font-size: 23px; } .transp { background: none; } #back-top { bottom: 130px; } .w340 { width: 340px; background: #00a0a5 url(../img/common/li_btn_01.png) no-repeat 316px 6px; } .w340:hover { width: 340px; background: #00c2c8 url(../img/common/li_btn_01.png) no-repeat 316px 6px; } .abs_bestrate { position: absolute; width: 170px; left: 20px; bottom: -6px; z-index: 1000; } .recommend .tab_bestrate { margin: 31px 0 14px; padding: 0; height: 100%; width: auto; text-align:center; } .recommend .tab_bestrate a{ box-shadow: 0px 2px 2px #CCC; -moz-box-shadow: 0px 2px 2px #CCC; -webkit-box-shadow: 0px 2px 2px #CCC; } .recommend .tab_bestrate img { vertical-align: bottom; } .recommend .tab_ski a{ box-shadow: 0px 2px 2px #CCC; -moz-box-shadow: 0px 2px 2px #CCC; -webkit-box-shadow: 0px 2px 2px #CCC; } .recommend .tab_ski img { vertical-align: bottom; } .recommend .tab_last { margin-bottom: 20px; } .top_bnr li { margin-bottom: 19px; } .top_bnr li:last-child{ margin-bottom: 0; } .top_bnr li a img{ box-shadow: 0px 2px 2px #CCC; -moz-box-shadow: 0px 2px 2px #CCC; -webkit-box-shadow: 0px 2px 2px #CCC; } /* inpage /*　------------------------------------------------------------------- */ .inpage .bx-controls { display: block; } #about .one { max-width: 720px; text-align:center; } #about #sec01 .intit { padding: 56px 325px 25px 0; text-align: right; } #about #sec01 .wpct48 { width: 36%; padding-right: 20px; } #about #sec01 .wpct48 img { width: 100%; } #about #sec01 h4 { font-size: 18px; margin: 0px 0px 10px 0px; } #about #sec03 .btn_r { float: left; margin: 0 5px 10px 5px; } #about #sec03 .wpct52 { width: 28%; } #mice #sec02 .bmg { background: url(../img/inpage/mice/pic_sec02_14.jpg) no-repeat right bottom; } #room .under_tex { margin-top: -30px; } #room .under_tex p { padding-top: 60px;} #faq .pmg { float: right; padding: 20px 0 30px 30px; margin: 0; } #faq .inlinker .btn_r { margin: 0 0 6px 0; } #restaurant .bmenu { margin: 30px 0; border: 3px solid #EEE; } #restaurant .vimg { overflow: hidden;} #restaurant .tit img { width: auto; height: 30px;} #restaurant .wpct58 { padding-left: 10px;} /* setup /*　------------------------------------------------------------------- */ .one { max-width: 720px; } .outer { max-width: 100%; } .inner { max-width: 100%; padding: 0 10px; } #primary { display: block; width: 100%; z-index: 100; } #secondary { display: block; width: 100%; } #secondary .sepline { width: 100%; } #secondary .banners div { width: 230px; height: auto; margin-left: 20px; } #bread { display: none; } header .top_head .front { position: relative; margin: -160px auto 0 auto; } header .tpr .t03 ,header .tpr .home header .t03{ width: 2%; } #reserv { padding: 0 10px; } /*#reserv .ccell {width: 100%;display: block;padding-bottom: 0;}*/ .wide_phone { display: block; } .infiniteslide li img { width: 170px; height: auto; } .bx-wrapper .bx-controls-direction a { top: 40px !important; } .recommend .wpct28 .pic02 { float: none; } #fb_btm .fb-like-box span { width: 540px !important; } /* inpage /*　------------------------------------------------------------------- */ .infiniteslide { height: 140px; } .inpage { padding-left: 10px; padding-right: 10px; } #restaurant.inpage { padding: 0; } .inpage .bx-viewport { width: 100% !important; } #mice .intab p { max-width: 220px; padding: 0; margin: 0 auto; } #mice #sec03 .intex .tit { max-width: 220px; } #sec03 .intex .ccell .btn { position: absolute; max-width: 300px; left: 10px; bottom: 0; } .area .cl04 { left: -5px; } #corporation .wpct65 { width: 100%; } #corporation .wpct35 { width: 100%; } /*footerトリップアドバイザーウィジェット用旧*/ #CDSWIDCOE { margin: 0px auto 10px !important; width: 96% !important; } /*footerトリップアドバイザーウィジェット用新160511*/ #CDSWIDSSP { margin: 0 auto; width: 100% !important; } .widSSPData { width: 84%; margin: 0px; } /* winter /*-------------------------------------------*/ #winter #sec00 { padding: 148px 0; background: url(../img/inpage/winter/pic_sec00.jpg) no-repeat left top; background-size: 100%; } #winter #sec00 .tit img { width: 284px; } #winter #sec01 .tit p { margin-bottom: 0; } #winter .tit { margin-bottom: 20px; min-height: 60px; } #winter .float_left { float: left; } #winter .float_right { float: right; } #winter .insec01 { position: relative; padding-bottom: 40px; } #winter .sec { position: relative; z-index: 1; padding-bottom: 80px; } #winter #sec02 { margin-bottom: 0; padding-bottom: 20px; } #winter #sec03 { margin-bottom: 0; padding-bottom: 40px; } #winter #sec05 { margin-bottom: 0; padding-bottom: 30px; } #winter #sec06 { margin-bottom: 0; padding-bottom: 60px; } #winter #sec07 { padding-bottom: 50px; } #winter #sec02 .bg { margin: 40px 0 70px; padding: 20px; background: url(../img/inpage/winter/bg_blueback01.jpg) repeat left top; border-radius: 8px; /* CSS3草案 */ -webkit-border-radius: 8px; /* Safari,Google Chrome用 */ -moz-border-radius: 8px; /* Firefox用 */ } #winter #sec02 .bg .tit01 { background: url(../img/inpage/winter/bg_tit01.png) no-repeat left top; font-size: 18px; color: #068CC5; font-weight: bold; padding-left: 30px; } #winter #sec02 .bg .left { float: left; width: 60%;} #winter #sec02 .bg .right { float: right; text-align:left;} #winter #sec04 .bottom { padding-bottom: 60px; } #winter #sec05 .ml { margin-left: 70px;} #winter .blueback { font-size: 14px; text-align: center; padding: 20px 0 40px; margin-bottom: 0; background: url(../img/inpage/winter/bg_blueback.png) no-repeat center top; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } #winter #sec07 .img01 { display: none; padding: 10px 0 0; text-align:center; } #winter #sec07 .mb { margin-bottom: 50px;} /* 150513サマーアクティビティ&イベント案内追加 /*--------------------------------- */ .ico_pas{ float: right; padding-right: 14px; position: relative; bottom: -8px; } .summerAct_last{ padding: 10px 0; margin-bottom: 50px; } .summerAct_l{ float: left; } .summerAct_r{ float: right; } .summerAct_r b{ color: #00A0A5; font-size: 18px; font-weight: bold; margin: 0 5px 0 0; } .summerAct_r span.new{ background-color: #00A0A5; color: #FFF; font-size: 12px; padding: 2px; } .summerAct_r table,tr,td{ border: none; } .summerAct_r td span{ font-size: 10px; } /* 151022 プラン一覧ボタン振分 ------------------------- */ .sp_pbtn { display: none; } .pc_pbtn { display: inline; } /* valentine 150116追加 /*-------------------------------------------*/ .valentine { color: #fff; background: #000; } .valentine h4 { color: #853636 !important; } .valentine h5 { background-color: #853636 !important; } .valentine .bg_val { background: url(../img/inpage/valentine/main_bg.png) repeat-y center top; } .val_box { padding-top: 20px; } .val_i { float: left; width: 220px; text-align: right; } .val_t { float: right; width: 465px; } .val_t .val_tp { color: #F19EC0; padding-top: 0 !important; margin-top: 0 !important; } .val_t span{ color: #FFDA00; } .val_t table{ border: none; } .val_t th{ font-weight: normal; text-align: left; } .val_t td{ padding-left: 15px; } .val_ico1 { position: absolute; top: 20px; right: 100px; width: 60px; height: 60px; } .valentine .val_table { padding: 0 20px 30px; } .valentine .val_table th { width: 18% !important; border-right: 1px dotted #FFF !important; } .valentine .val_table a { color: #FFF; } /* whiteday 150213追加 /*-------------------------------------------*/ .whiteday { color: #333; } .whiteday h4 { color: #AC1A1D !important; } .whiteday h5 { background-color: #AC1A1D !important; } .whiteday .bg_val { background: url(../img/inpage/whiteday/main_bg.png) no-repeat center top; } .whiteday .val_box { padding-top: 20px; } .whiteday .val_i { float: left; width: 280px; text-align: right; } .whiteday .val_t { float: right; width: 400px; } .whiteday .val_t .val_tp { color: #F19EBF; font-size: 18px; padding-top: 0 !important; margin-top: 0 !important; } .whiteday .val_t span{ color: #FFDA00; } .whiteday .val_t table{ border: none; } .whiteday .val_t th{ font-weight: normal; text-align: left; } .whiteday .val_t td{ padding-left: 15px; } .whiteday .val_ico1 { position: absolute; top: 100px; right: 80px; width: 60px; height: 60px; } .whiteday .val_table { padding: 0 20px 30px; } .whiteday .val_table th { width: 18% !important; } .whiteday .val_pri { font-size: 16px; color: #333 !important; } /* airweave 150417追加 /*-------------------------------------------*/ .airweave_sec1{ margin-bottom: 30px; } .airweave_sec2{ background: url(../img/inpage/airweave/bg_2.png) no-repeat right -10%; } .airweave_sec2 h7{ font-size: 21px; color: rgb(21, 60, 93); font-weight: bold; padding-left: 120px; } .airweave_sec2 p { margin-bottom: 30px; } .airweave_sec2 .btn_free{ margin: 14px 0 0; width: 210px; } .airweave_sec4{ background: url(../img/inpage/airweave/bg_1.png) no-repeat left 32%; padding-bottom: 20px; } .airweave_sec4 .sec4_txt1{ font-size: 20px; line-height: 40px; } .airweave_sec4 .sec4_txt2{ font-weight: bold; font-size: 16px; color: #F00; } .airweave_sec4 .sec4_txt3{ font-size: 12px; } .airweave_sec4 p{ line-height: 160%; } .airweave_sec4 .btn_free{ padding: 4px 30px 4px 50px; } /* 150811追記 /*--------------------------------- */ .blueback .dog_abs{ position: initial; top: 15px; right: 15px; } .rlt{ position: relative; } /* valentine 160113追加 /*-------------------------------------------*/ .valentine .bg_val { background: url(../img/inpage/valentine2016/main_bg.png) no-repeat center top; } .val2016 .pd_lef_10{ padding-left: 10px !important; } .val2016 .val_ico16_1 { float:left; padding-right: 5px; } .val2016 .val_ico16_2 { float:left; padding-right: 5px; } .val2016 .val_ico16_1:after, .val2016 .val_ico16_2:after { content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; } /* whiteday 160210追加 /*-------------------------------------------*/ .whiteday_2016 .val_t span { color: #E72E28; } } /*　------------------------------------------------------------------- */ /* /* PC　(783px以上) */ /* /*　------------------------------------------------------------------- */ @media screen and (min-width: 783px) { /* setup /*　------------------------------------------------------------------- */ header {z-index: 9800; position: relative;} header .top_head .rig_mg img { width: auto; height: auto; } header .bx-controls { display: none; } header .nav-menu { margin: 15px 0 0 0;text-align: center; } header .nav-menu img { height: auto; width: auto; } .home header .nav-menu { margin: 15px 0 0 0; text-align: center;background:#fff; } #pagetit h3 { font-size: 23px; } .top_head{z-index: -20;} .transp { background: none; } #back-top { bottom: 130px; } .w340 { width: 340px; background: #00a0a5 url(../img/common/li_btn_01.png) no-repeat 316px 6px; } .w340:hover { width: 340px; background: #00c2c8 url(../img/common/li_btn_01.png) no-repeat 316px 6px; } .abs_bestrate { position: absolute; width: 170px; left: 150px; bottom: -11px; z-index: 1000; } .recommend .tab_bestrate { margin: 31px 0 14px; padding: 0; height: 113px; width: 280px; text-align:center; } .recommend .tab_bestrate a{ box-shadow: 0px 2px 2px #CCC; -moz-box-shadow: 0px 2px 2px #CCC; -webkit-box-shadow: 0px 2px 2px #CCC; } .recommend .tab_bestrate img { vertical-align: bottom; } .recommend .tab_ski a{ box-shadow: 0px 2px 2px #CCC; -moz-box-shadow: 0px 2px 2px #CCC; -webkit-box-shadow: 0px 2px 2px #CCC; } .recommend .tab_ski img { vertical-align: bottom; } .recommend .tab_last { margin-bottom: 20px; } .top_bnr li { margin-bottom: 5px; } .top_bnr li:last-child{ margin-bottom: 0; } .top_bnr li a img{ box-shadow: 0px 2px 2px #CCC; -moz-box-shadow: 0px 2px 2px #CCC; -webkit-box-shadow: 0px 2px 2px #CCC; } /* inpage /*　------------------------------------------------------------------- */ .inpage .bx-controls { display: block; } #about #sec01 .intit { padding: 56px 325px 25px 0; text-align: right; } #about #sec01 h4 { font-size: 22px; padding-top: 10px; } #about #sec01 .wpct48 { width: 48%; } #about #sec01 .wpct48 img { width: auto; } #about #sec03 .btn_r { float: left; margin: 0 5px 10px 5px; } #about #sec03 .wpct52 { width: 52%; } #mice #sec02 .bmg { background: url(../img/inpage/mice/pic_sec02_14.jpg) no-repeat right bottom; } #room .under_tex { margin-top: -30px; } #faq .pmg { float: right; padding: 20px 0 30px 30px; margin: 0; } #faq .inlinker .btn_r { margin: 0 0 6px 0; } #restaurant .bmenu { margin: 30px 0; border: 3px solid #EEE; } #restaurant .tit img { width: auto; height: auto;} /* setup /*　------------------------------------------------------------------- */ .one { max-width: 100%; } .outer { max-width: 100%; padding: 0; } .outer_reserv { position: relative; } .inner { max-width: 1000px; padding: 0; z-index: 100; } #primary { display: table-cell; width: 700px; float: right; } #secondary { display: table-cell; width: 260px; padding-right: 40px; float: left; } #secondary .sepline { width: 260px; } #secondary .banners div { width: auto; height: auto; margin-left: 0; float: none; } #bread { display: block; margin: 13px 0 4px 0; } header .top_head .front_box{margin-top: -40px;} header .top_head .front { position: absolute; right: 0; bottom: 110px; margin-top: 0; } header .tpr .t03,header .tpr .home header .t03 { width: 32%; } #reserv { padding: 0; } .wide_phone { display: block; position: static; margin-top: 8px; } .wide_phone.top{top: 0 !important;} .home .wide_phone { position: static; margin-top: 4px; } .infiniteslide li img { width: auto; } .bx-wrapper .bx-controls-direction a { top: 50% !important; } .recommend .wpct28 .pic02 { float: left; } #fb_btm .fb-like-box span { width: 740px !important; } /* inpage /*　------------------------------------------------------------------- */ .infiniteslide { height: 220px; } .inpage { padding-left: 0; padding-right: 0; } .inpage .bx-viewport { width: 100% !important; } #mice .intab p { max-width: 310px; padding: 0; margin: 0 auto; } #mice #sec03 .intex .tit { max-width: 310px; } #sec03 .intex .ccell .btn { position: absolute; max-width: 300px; left: 40px; bottom: 0; } .area .cl04 { left: -5px; } #corporation .wpct65 { width: 65%; } #corporation .wpct35 { width: 35%; } /*footerトリップアドバイザーウィジェット用旧*/ #TA_certificateOfExcellence232 { padding-left: 1px; } #CDSWIDCOE { margin: 0px auto 10px !important; width: 97% !important; } /*footerトリップアドバイザーウィジェット用新160511*/ .widSSPData { width: 87%; margin: 0 0 0 3px; } /* winter /*-------------------------------------------*/ #winter #sec00 { padding: 148px 0; background: url(../img/inpage/winter/pic_sec00.jpg) no-repeat left top; background-size: 100%; } #winter #sec00 .tit img { width: 284px; } #winter .tit { margin-bottom: 20px; min-height: 60px; } #winter #sec01 .tit p { margin-bottom: 0; } #winter .float_left { float: left; } #winter .float_right { float: right; } #winter .insec01 { position: relative; padding-bottom: 40px; } #winter .sec { position: relative; z-index: 1; padding-bottom: 40px; } #winter #sec02 { margin-bottom: 0; padding-bottom: 20px; } #winter #sec03 { margin-bottom: 0; padding-bottom: 40px; } #winter #sec05 { margin-bottom: 0; padding-bottom: 30px; } #winter #sec06 { margin-bottom: 0; padding-bottom: 60px; } #winter #sec07 { padding-bottom: 50px; } #winter #sec02 .bg { margin: 40px 0 70px; padding: 20px; background: url(../img/inpage/winter/bg_blueback01.jpg) repeat left top; border-radius: 8px; /* CSS3草案 */ -webkit-border-radius: 8px; /* Safari,Google Chrome用 */ -moz-border-radius: 8px; /* Firefox用 */ } #winter #sec02 .bg .tit01 { background: url(../img/inpage/winter/bg_tit01.png) no-repeat left top; font-size: 18px; color: #00A0A5; font-weight: bold; padding-left: 30px; } #winter #sec02 .bg .left { float: left; width: 60%;} #winter #sec02 .bg .right { float: right; text-align:left;} #winter #sec04 .bottom { padding-bottom: 60px; } #winter #sec05 .ml { margin-left: 70px;} #winter .blueback { font-size: 14px; text-align: center; padding: 20px 0 40px; margin-bottom: 0; background: url(../img/inpage/winter/bg_blueback.png) no-repeat center top; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } #winter #sec07 .img01 { display: none; padding: 10px 0 0; text-align:center; } #winter #sec07 .mb { margin-bottom: 50px;} /* 150513サマーアクティビティ&イベント案内追加 /*--------------------------------- */ .npass_1{ padding: 6px 0px 4px 35px; margin: 25px 0px 20px 0px; background: url(../img/common/li_h2.png) no-repeat 6px 8px,url(../img/inpage/summer_activity/pass_1.png) no-repeat 97% #00A0A5; color: #FFF; font-size: 20px; font-weight: normal; clear: both; } .npass_2{ padding: 6px 0px 4px 35px; margin: 25px 0px 20px 0px; background: url(../img/common/li_h2.png) no-repeat 6px 8px,url(../img/inpage/summer_activity/pass_2.png) no-repeat 97% #00A0A5 !important; color: #FFF; font-size: 20px; font-weight: normal; clear: both; } .summerAct_last{ padding: 10px 0; margin-bottom: 50px; } .summerAct_l{ float: left; width: 250px; } .summerAct_r{ float: right; width: 435px; } .summerAct_r{ clear: none; } .summerAct_r b{ color: #00A0A5; font-size: 18px; font-weight: bold; margin: 0 5px 0 0; } .summerAct_r span.new{ background-color: #00A0A5; color: #FFF; font-size: 12px; padding: 2px; } .summerAct_r table,tr,td{ border: none; } .summerAct_r td span{ font-size: 10px; } /* valentine 150116追加 /*-------------------------------------------*/ .valentine { color: #fff; background: #000; } .valentine h4 { color: #853636 !important; } .valentine h5 { background-color: #853636 !important; } .valentine .bg_val { background: url(../img/inpage/valentine/main_bg.png) repeat-y center top; } .val_box { padding-top: 20px; } .val_i { float: left; width: 220px; text-align: right; } .val_t { float: right; width: 465px; } .val_t .val_tp { color: #F19EC0; padding-top: 0 !important; margin-top: 0 !important; } .val_t span{ color: #FFDA00; } .val_t table{ border: none; } .val_t th{ font-weight: normal; text-align: left; } .val_t td{ padding-left: 15px; } .val_ico1 { position: absolute; top: 20px; right: 100px; width: 60px; height: 60px; } .valentine .val_table { padding: 0 20px 30px; } .valentine .val_table th { width: 18% !important; border-right: 1px dotted #FFF !important; } .valentine .val_table a { color: #FFF; } /* whiteday 150213追加 /*-------------------------------------------*/ .whiteday { color: #333; } .whiteday h4 { color: #AC1A1D !important; } .whiteday h5 { background-color: #AC1A1D !important; } .whiteday .bg_val { background: url(../img/inpage/whiteday/main_bg.png) no-repeat center top; } .whiteday .val_box { padding-top: 20px; } .whiteday .val_i { float: left; width: 280px; text-align: right; } .whiteday .val_t { float: right; width: 400px; } .whiteday .val_t .val_tp { color: #F19EBF; font-size: 18px; padding-top: 0 !important; margin-top: 0 !important; } .whiteday .val_t span{ color: #FFDA00; } .whiteday .val_t table{ border: none; } .whiteday .val_t th{ font-weight: normal; text-align: left; } .whiteday .val_t td{ padding-left: 15px; } .whiteday .val_ico1 { position: absolute; top: 100px; right: 80px; width: 60px; height: 60px; } .whiteday .val_table { padding: 0 20px 30px; } .whiteday .val_table th { width: 18% !important; } .whiteday .val_pri { font-size: 16px; color: #333 !important; } /* airweave 150417追加 /*-------------------------------------------*/ .airweave_sec1{ margin-bottom: 30px; } .airweave_sec2{ background: url(../img/inpage/airweave/bg_2.png) no-repeat right -10%; } .airweave_sec2 h7{ font-size: 21px; color: rgb(21, 60, 93); font-weight: bold; padding-left: 120px; } .airweave_sec2 p { margin-bottom: 30px; } .airweave_sec2 .btn_free{ margin: 14px 0 0; width: 210px; } .airweave_sec4{ background: url(../img/inpage/airweave/bg_1.png) no-repeat left 32%; padding-bottom: 20px; } .airweave_sec4 .sec4_txt1{ font-size: 20px; line-height: 40px; } .airweave_sec4 .sec4_txt2{ font-weight: bold; font-size: 16px; color: #F00; } .airweave_sec4 .sec4_txt3{ font-size: 12px; } .airweave_sec4 p{ line-height: 160%; } .airweave_sec4 .btn_free{ padding: 4px 30px 4px 50px; } /* 150811追記 /*--------------------------------- */ /*.blueback .dog_abs{ position: absolute; top: 15px; right: 15px; }*/ .blueback .dog_abs{ float: right; 15px; right: 15px; } .rlt{ position: relative; } /* valentine 160113追加 /*-------------------------------------------*/ .valentine .bg_val { background: url(../img/inpage/valentine2016/main_bg.png) no-repeat center top; } .val2016 .pd_lef_10{ padding-left: 10px !important; } .val2016 .val_i { float: left; width: 220px; text-align: right; } .val2016 .val_ico16_1 { float:left; padding-right: 5px; } .val2016 .val_ico16_2 { float:left; padding-right: 5px; } .val2016 .val_ico16_1:after, .val2016 .val_ico16_2:after { content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; } /* whiteday 160210追加 /*-------------------------------------------*/ .whiteday_2016 { color: #333; } .whiteday_2016 h4 { color: #AC1A1D !important; } .whiteday_2016 h5 { background-color: #AC1A1D !important; } .whiteday_2016 .bg_val { background: url(../img/inpage/whiteday2016/main_bg.png) no-repeat center top; } .whiteday_2016 .val_box { padding-top: 20px; } .whiteday_2016 .val_i { float: left; width: 280px; text-align: right; } .whiteday_2016 .val_t { float: right; width: 400px; } .whiteday_2016 .val_t .val_tp { color: #F19EBF; font-size: 18px; padding-top: 0 !important; margin-top: 0 !important; } .whiteday_2016 .val_t span { color: #E72E28; } .whiteday_2016 .val_t table{ border: none; } .whiteday_2016 .val_t th{ font-weight: normal; text-align: left; } .whiteday_2016 .val_t td{ padding-left: 15px; } .whiteday_2016 .val_ico1 { position: absolute; top: 100px; right: 80px; width: 60px; height: 60px; } .whiteday_2016 .val_table { padding: 0 20px 30px; } .whiteday_2016 .val_table th { width: 18% !important; } .whiteday_2016 .val_pri { font-size: 16px; color: #333 !important; } /* whiteday2018 180208追加 /*-------------------------------------------*/ .whiteday_2018 { color: #333; } .whiteday_2018 h4 { color: #AC1A1D !important; } .whiteday_2018 h5 { background-color: #AC1A1D !important; } .whiteday_2018 .bg_val { background: url(../img/inpage/whiteday2018/main_bg.png) no-repeat center top; } .whiteday_2018 .val_box { padding-top: 20px; } .whiteday_2018 .val_i { float: left; width: 280px; text-align: right; } .whiteday_2018 .val_i2 { float: left; width: 340px; text-align: right; } .whiteday_2018 .val_t { float: right; width: 400px; } .whiteday_2018 .val_t2 { float: right; width: 330px; } .whiteday_2018 .val_t .val_tp, .whiteday_2018 .val_t2 .val_tp { color: #e8679b; font-size: 18px; padding-top: 0 !important; margin-top: 0 !important; } .whiteday_2018 .val_t span, .whiteday_2018 .val_t2 span { color: #E72E28; } .whiteday_2018 .val_t table, .whiteday_2018 .val_t2 table{ border: none; } .whiteday_2018 .val_t th, .whiteday_2018 .val_t th2{ font-weight: normal; text-align: left; } .whiteday_2018 .val_t td, .whiteday_2018 .val_t2 td{ padding-left: 15px; } .whiteday_2018 .val_ico1 { position: absolute; top: 100px; right: 40px; width: 60px; height: 60px; } .whiteday_2018 .val_table { padding: 0 20px 30px; } .whiteday_2018 .val_table th { width: 18% !important; } .whiteday_2018 .val_pri { font-size: 16px; color: #333 !important; } /* summeractivity 160428追加 /*-------------------------------------------*/ #summer2016_bg { background-color: #E5EEFF; background-image:url(../img/inpage/summer_activity2016/main_bg.png); padding: 5px 10px; margin: 10px auto 20px; } #summer2016_bg .summerAct_r { width: 415px; } #summer2016_bg #year td { background-color: #fff; } #summer2016_bg .park .box01 .left { float: left; } #summer2016_bg .park .box01 .right { float: right; width: 60%; } #summer2016_bg .park .box01 .right .kids { color: #EC8215; font-size: 18px; } #summer2016_bg .park .box01 .right .water { color: #0076C0; font-size: 18px; } #summer2016_bg .park .box01 .right .hikari { color: #E86B8D; font-size: 18px; } #summer2016_bg .park .box01 .right span { font-size: 20px; font-weight: bold; } } /* 150611みんなの田植え体験写真館　タイトル画像 /*--------------------------------- */ .taue h4 { margin:30px 0 0 0; } .tauephoto { width:700px; vertical-align: middle; /* display: table; table-layout: fixed; */ } div.tauephoto_box2 { width:330px; /*float:left; */ display:table-cell; vertical-align:bottom; } .tauephoto_box2 img { width:100%; vertical-align:bottom; } .tauephoto_box2 p { margin:5px 0 25px 0; height:auto; vertical-align:bottom; } .tauephoto_box2:nth-child(odd){padding-right:35px; } div.tauephoto_box3 { width:210px; /*float:left; */ vertical-align:bottom; display:table-cell; } .tauephoto_box3 img{ width:100%; vertical-align:bottom; } .tauephoto_box3 p { margin:5px 0 25px 0; } .tauephoto_box3:nth-child(1){ padding-right:35px; } .tauephoto_box3:nth-child(2){ padding-right:35px; } .tauephoto_box3:nth-child(4){ padding-right:35px; } .tauephoto_box3:nth-child(5){ padding-right:35px; } .tauephoto_box3:nth-child(7){ padding-right:35px; } .tauephoto_box3:nth-child(8){ padding-right:35px; } .tauephoto_box3:nth-child(10){ padding-right:35px; } .tauephoto_box3:nth-child(11){ padding-right:35px; } .tauephoto_box3:nth-child(13){ padding-right:35px; } .tauephoto_box3:nth-child(14){ padding-right:35px; } .tauephoto_box3:nth-child(16){ padding-right:35px; } .tauephoto_box3:nth-child(17){ padding-right:35px; } .tauephoto_box3:nth-child(19){ padding-right:35px; } .tauephoto_box3:nth-child(20){ padding-right:35px; } .tauephoto_box3:nth-child(22){ padding-right:35px; } .tauephoto_box3:nth-child(23){ padding-right:35px; } .tauephoto_box3:nth-child(25){ padding-right:35px; } .tauephoto_box3:nth-child(26){ padding-right:35px; } .tauephoto_box3:nth-child(28){ padding-right:35px; } .tauephoto_box3:nth-child(29){ padding-right:35px; } .tauephoto_box3:nth-child(31){ padding-right:35px; } /* 150611みんなの田植え体験写真館　スマホ /*--------------------------------- */ @media screen and (max-width: 768px){ .taue { padding:0 5% 0 5%; margin:0 auto; } .taue h4 { margin:30px 0 0 0; } .tauephoto { /* padding:0 5% 0 5%;*/ /* display: table; table-layout: fixed; */ display:block; width:100%; } div.tauephoto_box2 { width:100%; float:left; display:block; margin:0 auto; } .tauephoto_box2 img { width:100%; margin:0 auto; } .tauephoto_box2 p { margin:5px 0 25px 0; height:auto; } .tauephoto_box2:nth-child(odd){padding-right:0px; } div.tauephoto_box3 { width:100%; float:left; display:block; } .tauephoto_box3 img{ width:100%; vertical-align:bottom; } .dotline { display:none; } .tauephoto_box3:nth-child(1){ padding-right:0px; } .tauephoto_box3:nth-child(2){ padding-right:0px; } .tauephoto_box3:nth-child(4){ padding-right:0px; } .tauephoto_box3:nth-child(5){ padding-right:0px; } .tauephoto_box3:nth-child(7){ padding-right:0px; } .tauephoto_box3:nth-child(8){ padding-right:0px; } .tauephoto_box3:nth-child(10){ padding-right:0px; } .tauephoto_box3:nth-child(11){ padding-right:0px; } .tauephoto_box3:nth-child(13){ padding-right:0px; } .tauephoto_box3:nth-child(14){ padding-right:0px; } .tauephoto_box3:nth-child(16){ padding-right:0px; } .tauephoto_box3:nth-child(17){ padding-right:0px; } .tauephoto_box3:nth-child(19){ padding-right:0px; } .tauephoto_box3:nth-child(20){ padding-right:0px; } .tauephoto_box3:nth-child(22){ padding-right:0px; } .tauephoto_box3:nth-child(23){ padding-right:0px; } .tauephoto_box3:nth-child(25){ padding-right:0px; } .tauephoto_box3:nth-child(26){ padding-right:0px; } .tauephoto_box3:nth-child(28){ padding-right:0px; } .tauephoto_box3:nth-child(29){ padding-right:0px; } .tauephoto_box3:nth-child(31){ padding-right:0px; } .tauephoto img { width:100%; } } /* enjoy_snow 170623追加 /*-------------------------------------------*/ #enjoy_snow .tit { color: #f00; font-weight: bold; font-size: 18px; } #enjoy_snow .txt01 { font-weight: bold; font-size: 18px; } #enjoy_snow .txt01 .red { color: #f00; } /* 1900111追加 #photocontest2019 NASPA ゲレ食 フォトコンテスト/*--------------------------------- */ /*　------------------------------------------------------------------- */ #photocontest2019 section{margin-bottom: 40px;} #photocontest2019 h4{margin-bottom: 10px;} #photocontest2019 .sec01 .flex{display: flex; justify-content: space-between;} #photocontest2019 .sec01 .flex_box{display: inline-block;width: 48%;} #photocontest2019 .sec02 .flex{display: flex; justify-content: space-between;} #photocontest2019 .sec02 .flex{border: 1px solid #00A0A5; padding: 10px; margin-bottom: 20px;} #photocontest2019 .sec02 .flex_box{text-align: left;} #photocontest2019 .sec02 .flex_box.span {width: 100%;} #photocontest2019 .sec02 .flex_box p{display: inline-block} #photocontest2019 .sec02 .flex_box strong{font-size: 18px;} #photocontest2019 .sec02 li:nth-child(1) p{position: relative;top:-30px; margin: 0;} #photocontest2019 .sec02 li:nth-child(2) p{position: relative;top:-20px; margin: 0;} #photocontest2019 .sec02 li:nth-child(3) img{position: relative;top:-20px; margin: 0;} #photocontest2019 .sec02 .flex_box span{text-decoration: underline;} #photocontest2019 .intab { font-size: 16px; font-weight: bolder; padding: 4px 20px 4px 10px; margin: 0 0 2px 0; background: url(../img/inpage/restaurant/bg_tab.png) no-repeat right top; clear: both; cursor: pointer; } #photocontest2019 .intab:hover, #photocontest2019 .open { color: #FFF; background: url(../img/inpage/restaurant/bg_tab_on.png) no-repeat right top; } #photocontest2019 .intab { font-size: 16px; font-weight: bolder; padding: 4px 20px 4px 10px; margin: 0 0 2px 0; background: url(../img/inpage/recruit/bg_tab.png) no-repeat right top; clear: both; cursor: pointer; } #photocontest2019 .intab:hover, #photocontest2019 .open { color: #FFF; background: url(../img/inpage/recruit/bg_tab_on.png) no-repeat right top; } /* 1900111追加 #photocontest2019 NASPA ゲレ食 フォトコンテスト/*--------------------------------- */ /*　------------------------------------------------------------------- */ @media screen and (max-width: 768px){ #photocontest2019 .sec01 .flex{display: block;} #photocontest2019 .sec01 .flex_box{display: block;width: 100%;} #photocontest2019 .sec02 .flex{display: block;} #photocontest2019 .sec02 .flex_box{display: block;width: 100%;text-align: center;} #photocontest2019 .sec02 p{text-align: left;} #photocontest2019 .sec02 li:nth-child(1) p{position: static;} #photocontest2019 .sec02 li:nth-child(2) p{position: static;} #photocontest2019 .sec02 li:nth-child(3) img{position: static;} } /* /* print /*/ /* /*　------------------------------------------------------------------- */ @media print { /* setup /*　------------------------------------------------------------------- */ .one { max-width: 100%; } .outer { max-width: 1300px; padding: 0; } .outer_reserv { position: relative; } .inner { max-width: 1000px; padding: 0; z-index: 100; } #primary { display: table-cell; width: 700px; float: right; } #secondary { display: table-cell; width: 260px; padding-right: 40px; float: left; } #secondary .sepline { width: 260px; } #secondary .banners div { width: auto; height: auto; margin-left: 0; float: none; } #bread { display: block; margin: -30px 0 4px 0; } header .top_head .front { position: absolute; right: 0; bottom: 30px; margin-top: 0; } header .tpr .t03,header .tpr .home header .t03 { width: 32%; } #reserv { padding: 0; } .wide_phone { display: block; position: static; } .home .wide_phone { position: static; } .infiniteslide li img { width: auto; } .bx-wrapper .bx-controls-direction a { top: 50% !important; } .recommend .wpct28 .pic02 { float: left; } #fb_btm .fb-like-box span { width: 740px !important; } /* inpage /*　------------------------------------------------------------------- */ .infiniteslide { height: 220px; } .inpage { padding-left: 0; padding-right: 0; } .inpage .bx-viewport { width: 100% !important; } #mice .intab p { max-width: 310px; padding: 0; margin: 0 auto; } #mice #sec03 .intex .tit { max-width: 310px; } #sec03 .intex .ccell .btn { position: absolute; max-width: 300px; left: 40px; bottom: 0; } .area .cl04 { left: -5px; } #corporation .wpct65 { width: 65%; } #corporation .wpct35 { width: 35%; } #rightnav { display: none !important; } } /* 150827追記 /*--------------------------------- */ .shogatsuback{ background-color: #CFA171; color: #fff; padding: 10px; margin: 10px 0; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .valign{ vertical-align: middle; margin: 0 5px 0 0; } #def tr.vrtop td { vertical-align: middle !important; } h5.shogatsu { padding: 6px 0px 4px 35px; margin: 25px 0px 20px 0px; background: #d90000 url(../img/inpage/newyear/li_h2.png) no-repeat 6px 8px; color: #FFF; font-size: 20px; font-weight: normal; clear: both; } .shogatsu_eve01_01 { margin-left: 25px; } .shogatsu_eve01_02 { margin: 45px 0 0 30px; } /* search */ .search-form{float:left; padding-left:50px; } .search-submit{ font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif; font-size:0.8em; height:22px; } .search-form .screen-reader-text { display: none; } nav h1.screen-reader-text {display:none;} .clearfix::after { content:" "; display:block; clear:both; } .reserv_ul{ float:left; margin-left:100px; } /* 170224追記 /*--------------------------------- */ #new_otani_club p { color: #333; } #new_otani_club .tokuten { margin-top: 35px; } #new_otani_club .tokuten p { margin-bottom: 0; font-size: 21px; font-weight: bold; } #new_otani_club h1 { color: #fff !important; background-color: #333; padding: 5px 5px 5px 4px; margin: 20px 0 15px 0; font-size: 14px; } #new_otani_club ul li { line-height: 1.8em; border-bottom: 1px solid #333; color: #333; margin-bottom: 2px; } #new_otani_club ul li.noDeco { border-bottom: none; } #new_otani_club ul .mgBottom { margin-bottom: 15px; } #new_otani_club .more { margin-top: 100px; } /* 170404追記 /*--------------------------------- */ .gw_tit { font-size: 25px; font-weight: bold; } .gw_i { float: right; width: 220px; } .gw_t { float: left; width: 465px; } .sec3 .logo p { float: left; margin: 0 20px 15px 0; } .sec3 .logo p:last-child { margin-right: 0; } .gw_btn { width: 220px; text-align: left; } /* 170629追記 */ /*--------------------------------- */ #summer_menu .sm_tit { font-size: 19px; } #summer_menu .tit { color: #00A0A5; font-weight: bold; font-size: 18px; line-height: 15%; } #summer_menu .bold { font-size: 17px; font-weight: bold; } #summer_menu .dotline { margin-bottom: 40px; } #summer_menu .period { margin-left: 8px; } #summer_menu .morning { font-size: 25px; vertical-align: super; } #summer_menu .sec2 .box01, #summer_menu .sec2 .box02 { margin-bottom: 45px; } #summer_menu .sec3 ul { margin-bottom: 20px; } #summer_menu .sec3 .box01 { width: 100%; margin-bottom: 40px; } #summer_menu .sec3 .box01 .box_l { width: 45%; float: left; margin-right: 3%; } #summer_menu .sec3 .box01 .box_r { width: 45%; float: right; } #summer_menu .sec3 .box01 .box_l .top, #summer_menu .sec3 .box01 .box_r .top { margin-bottom: 45px; } /* 170703追記 */ /*--------------------------------- */ #recruit .intab { font-size: 16px; font-weight: bolder; padding: 4px 20px 4px 10px; margin: 0 0 2px 0; background: url(../img/inpage/recruit/bg_tab.png) no-repeat right top; clear: both; cursor: pointer; } #recruit .intab:hover, #restaurant .open { color: #FFF; background: url(../img/inpage/recruit/bg_tab_on.png) no-repeat right top; } #recruit .intab.orange:hover, #restaurant .orange.open { color: #FFF; background: url(../img/inpage/restaurant/bg_tab_on_orange.png) no-repeat right top; } #recruit .intab_txt { padding: 20px 20px 0 20px; display: none; } #recruit .intab_txt .in_tit p { background: #00A0A5; color: #fff; padding: 3px 5px; font-size: 15px; text-align: center; } #recruit .box02 img { display: block; margin: 0 auto; } #recruit .inbox { width: 230px; float: left; padding: 5px; } #recruit .inbox img { display: block; margin: 0 auto; } #recruit .inbox .name { font-weight: bold; } /* 170731追記 */ /*--------------------------------- */ .dashedline { border-bottom: 1px dashed #999; } /* 170821追記 */ /*--------------------------------- */ #newyear .intab { font-size: 16px; font-weight: bolder; padding: 4px 20px 4px 10px; margin: 0 0 2px 0; background: url(../img/inpage/newyear/bg_tab.png) no-repeat right top; clear: both; cursor: pointer; } #newyear .intab:hover, #newyear .open { color: #FFF; background: url(../img/inpage/newyear/bg_tab_on.png) no-repeat right top; } #newyear .intab_txt { padding: 20px; display: none; } #newyear h4.tit { text-align: center;} #newyear .bg_color { background-color: #fffade;} #newyear #def td { background-color: #fff;} #newyear .img_box { background: #000; } #newyear .img_box .txt { color: #fff; padding: 0 10px 20px; } #newyear h5 { background-color: #D90000; } #newyear .box_stayreserve { padding: 0 20px; } /*180823追記*/ #newyear .bc_newyear { background-color: #d90000; } #newyear .bc_newyear:hover { background-color: #d1a252; } @media screen and (max-width: 782px) { #newyear .box_stayreserve p { } } /*190725追記*/ #newyear { max-width: 100vw; } #newyear .scroll-table { overflow: auto; white-space: nowrap; } #newyear .newyear_menu { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #newyear .newyear_menu table { width: 48%; } #newyear .newyear_menu table:nth-child(2) { margin-left: 2%; } @media screen and (max-width: 672px) { #newyear .newyear_menu table { width: 100%; } #newyear .newyear_menu table:nth-child(2) { margin-left: 0; margin-top: 20px; } } /*　------------------------------------------------------------------- */ /* 672px以下 */ /*　------------------------------------------------------------------- */ @media screen and (max-width: 672px) { #newyear .w470.bc_newyear { max-width: 15rem; padding: 0 1rem; background-position: right 1rem bottom 50%; } #newyear .w470.bc_newyear:hover { background-position: right 1rem bottom 50%; } } /*　------------------------------------------------------------------- */ /* 400px以下 */ /*　------------------------------------------------------------------- */ @media screen and (max-width: 400px) { #newyear .w470.bc_newyear { width: 88%; padding: 0 1rem; background-position: right 1rem bottom 50%; font-size: 0.8rem; } #newyear .w470.bc_newyear:hover { background-position: right 1rem bottom 50%; } } .shogatsu_eve { background-color: #fffade;} /*171031追記*/ .photo{ display:table; margin:0 auto;} .txt_center{text-align:center;} .fs22{ font-size:22px;} /*171114追記*/ .2017_dinner .block{ display:flex;} .2017_dinner .w70{width:70%;} .2017_dinner .w80{width:80%;} .2017_dinner .w20{width:20%;} .2017_dinner table{ width:100%; padding: 0 30px; } .2017_dinner tr{ padding: 10px 0; line-height: 2em; border-bottom: 1px solid #ad9b5b; } .2017_dinner th{ width: 20%; text-align: left; padding-left: 20px; border-bottom: 1px dashed #ad9b5b; } .2017_dinner td{ width: 80%; padding:5px 0; border-bottom: 1px dashed #ad9b5b; } .2017_dinner td .intable_frame{ background-image: url(https://www.naspa.co.jp/wp/wp-content/themes/fourteen_child/img/inpage/sweetchristmas2017/intable_frame_l.png),url(https://www.naspa.co.jp/wp/wp-content/themes/fourteen_child/img/inpage/sweetchristmas2017/intable_frame_r.png); background-repeat: no-repeat; background-position: left,right; display: table; background-size: contain; padding: 0 30px; margin: 10px 0px; } .2017_dinner td .intable_frame .txt_center{ display:table; margin:0 auto; } /*180221追記*/ .buffet{ background:url(../img/inpage/buffet2018/bg_buffet.jpg) no-repeat; background-position-y: bottom; } .buffet .btn_free{ width:300px; margin:20px 0; } .inpage.autumn_lunch_buffet_n_spa { background:url(../img/inpage/autumn_lunch_buffet_n_spa/bg_detail.png) no-repeat; background-position-y: bottom; } /* 181009 追加 */ #party .free_pick_up { position: relative; text-align: right; } #party .free_pick_up img { position: absolute; right: 0; } /* End of 181009 追加 */ /* 190405 追加 */ #naspa_the_suite { margin-top: 80px; } #naspa_the_suite #mainslider, #naspa_the_suite #mainslider2 { margin-bottom: 30px; } #naspa_the_suite .slider_area { margin: 0 auto 50px; position: relative; max-width: 1500px; } #naspa_the_suite .pagetit { position: absolute; right: 35%; top: 30%; } #naspa_the_suite .pagetit.japan { right: 22%; } #naspa_the_suite .pagetit h5 { background: none; font-size: 44px; padding: 0; text-align: center; letter-spacing: 0.1em; line-height: 1em; } #naspa_the_suite .pagetit h5 span { font-size: 26px; font-family: "Times New Roman", Times, "serif"; } #naspa_the_suite .slider_area p { text-align: center; } #naspa_the_suite h6 { background: url(../img/common/bg_h3.gif) repeat-x right center; } #naspa_the_suite .blueback { padding: 30px; }#naspa_the_suite .pagetit.japan #naspa_the_suite .room_img img { display: block; margin: 0 auto; } #naspa_the_suite #price { width: 100%; font-size: 18px; margin-top: 30px; } #naspa_the_suite #price th { border-bottom: 4px solid #00A0A5; width: 10%; text-align: left; padding-left: 15px } #naspa_the_suite #price td { border-bottom: 4px solid #ccc; text-align: center; font-size: 20px; } #naspa_the_suite .present { margin-top: 80px; } #naspa_the_suite .present .columns h6 { background: none; } #naspa_the_suite .tel { text-align: center; } #naspa_the_suite .tel p { font-size: 20px; font-weight: bold; margin: 0; } #naspa_the_suite .tel .blueback { padding: 20px; } #naspa_the_suite .tel .white { background: #fff; padding: 30px; } #naspa_the_suite .tel .white .tel_num { font-size: 30px; color: #00A0A5; line-height: 1em; padding-top: 15px; } #naspa_the_suite .tel .white .tel_num span { font-weight: 400; font-size: 18px; color: #666; } #naspa_the_suite .pdb_0 { padding-bottom: 0!important; } #naspa_the_suite a.resarve_btn{text-decoration: none;} #naspa_the_suite .resarve_btn .white{ text-align: center; font-size: 20px; font-weight: bold; border: 3px solid #00A0A5; border-radius: 50px; padding: 0; margin: 50px auto 20px; } #naspa_the_suite .resarve_btn .white:hover{opacity: 0.5;} #naspa_the_suite .resarve_btn p{ text-decoration: none; color: #00A0A5; } .sp_only { display: none !important; } .pc_only { display: block !important; } @media screen and (max-width: 1300px) { #naspa_the_suite .pagetit { right: 30%;} #naspa_the_suite .pagetit.japan { right: 12%; top: 24%; }} @media screen and (max-width: 1024px) { #naspa_the_suite .slider_area { width: 100%; } #naspa_the_suite .pagetit.japan { right: 10%; max-width: 600px; } } @media screen and (max-width: 782px) { #naspa_the_suite { megin-top: 50px; } #naspa_the_suite .slider_area { width: 100%; } #naspa_the_suite .pagetit { right: 24%; top: 20%; } #naspa_the_suite .pagetit { right: 24%; top: 20%; } #naspa_the_suite .pagetit h5 { font-size: 40px; } #naspa_the_suite .pdb_0 { padding-bottom: 0!important; } .sp_only { display: none !important; } .pc_only { display: block !important; } } @media screen and (max-width: 420px) { #naspa_the_suite { margin-top: 30px; } .home .bx-wrapper { top: 8%; right: 0; } #naspa_the_suite .pagetit{ top: 5%; right: 16%; } #naspa_the_suite .pagetit h5 { font-size: 25px; } #naspa_the_suite .pagetit h5 span { font-size: 20px; } #naspa_the_suite #bx-pager img { width: 15%; } #naspa_the_suite #bx-pager2 img { width: 15%; } #naspa_the_suite .blueback { padding: 10px; } #naspa_the_suite #price th { width: 20%; } #naspa_the_suite .present .columns img { display: block; } #naspa_the_suite .present .columns .wpct33 { width: 85%; margin: 0 auto; } #naspa_the_suite .tel .white .tel_num { padding-top: 10px; font-size: 25px; } #naspa_the_suite .tel .white .tel_num a { font-size: 25px; color: #00A0A5; text-decoration: none; } #naspa_the_suite .pdb_0 { padding-bottom: 0!important; } .sp_only { display: block !important; } .pc_only { display: none !important; } } /* End of 190405 追加 */ /* 190412 追加 */ #naspa_the_suite .coltable + .coltable { padding-bottom: 0; } #naspa_the_suite .coltable + .coltable + p { margin-top: 0; } /* End of 190412 追加 */ @media screen and (max-width: 420px) { .2017_dinner td{ display:block; width:100%; text-align:center;} .2017_dinner th{ display:block; width:100%; text-align:center; padding:5px 0;} .buffet .btn_free{ width:inherit;} } /* 190605 追加 */ #restaurant.inpage .inner { margin-top: 20px; } @media screen and (max-width: 782px) { .in_bx .logo_title { right: 10px; } } /* End of 190605 追加 */