/******************************************************************************************************************** 【更新履歴】 ********************************************************************************************************************/ @charset "utf-8"; /*@import url(//fonts.googleapis.com/css?family=Gochi+Hand);*/ /******************************************************************************************************************************************************************** 　○clearfix ********************************************************************************************************************************************************************/ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ /******************************************************************************************************************************************************************** 　○float ********************************************************************************************************************************************************************/ .float_l{ float: left !important; }.float_r{ float: right !important; } /******************************************************************************************************************************************************************** 　○display ********************************************************************************************************************************************************************/ .block{ display: block !important; } .inline{ display: inline !important; } .none{ display: none; } /******************************************************************************************************************************************************************** 　○text-align, vertical-align, text-decoration ********************************************************************************************************************************************************************/ .tx_c{ text-align: center !important; }.tx_l{ text-align: left !important; }.tx_r{ text-align: right !important; } .valign_mdl{ vertical-align: middle !important; }.valign_btm{ vertical-align: bottom !important; } .tx_deco0{ text-decoration: none !important; } /******************************************************************************************************************************************************************** 　○文字設定（サイズ・ボールド・インデント・色） ********************************************************************************************************************************************************************/ .tx_08{ font-size: 8px !important; }.tx_09{ font-size: 9px !important; }.tx_10{ font-size: 10px !important; }.tx_11{ font-size: 11px !important; }.tx_12{ font-size: 12px !important; } .tx_13{ font-size: 13px !important; }.tx_14{ font-size: 14px !important; }.tx_15{ font-size: 15px !important; }.tx_16{ font-size: 16px !important; }.tx_17{ font-size: 17px !important; } .tx_18{ font-size: 18px !important; }.tx_19{ font-size: 19px !important; }.tx_20{ font-size: 20px !important; }.tx_21{ font-size: 21px !important; }.tx_22{ font-size: 22px !important; } .tx_23{ font-size: 23px !important; }.tx_24{ font-size: 24px !important; }.tx_25{ font-size: 25px !important; }.tx_26{ font-size: 26px !important; }.tx_27{ font-size: 27px !important; } .tx_28{ font-size: 28px !important; }.tx_29{ font-size: 29px !important; }.tx_30{ font-size: 30px !important; }.tx_31{ font-size: 31px !important; }.tx_32{ font-size: 32px !important; } .tx_33{ font-size: 33px !important; }.tx_34{ font-size: 34px !important; }.tx_35{ font-size: 35px !important; }.tx_36{ font-size: 36px !important; }.tx_37{ font-size: 37px !important; } .tx_000{ color: #000000 !important; }.tx_333{ color: #333333 !important; }.tx_666{ color: #666666 !important; }.tx_777{ color: #777777 !important; }.tx_999{ color: #999999 !important; } .tx_ccc{ color: #cccccc !important; }.tx_ddd{ color: #dddddd !important; }.tx_eee{ color: #eeeeee !important; }.tx_fff{ color: #ffffff !important; } .tx_red{ color: #b90000 !important; }.tx_pnk{ color: #c86a6a !important; }.tx_ora{ color: #ff7701 !important; }.tx_grn{ color: #f9b8c9 !important; }.tx_blu{ color: #336699 !important; } .tx_ind{ text-indent: 14px !important; }.tx-9999{ text-indent: -9999px !important; } .tx_bld{ font-weight: bold !important; } .tx_min{ font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif !important; } .tx_kak{ font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; } /******************************************************************************************************************************************************************** 　○line-height設定（line-height: 1emは、別に定義している。） ********************************************************************************************************************************************************************/ .lh_11{ line-height: 1.1em !important; }.lh_12{ line-height: 1.2em !important; }.lh_13{ line-height: 1.3em !important; }.lh_14{ line-height: 1.4em !important; }.lh_15{ line-height: 1.5em !important; } .lh_16{ line-height: 1.6em !important; }.lh_17{ line-height: 1.7em !important; }.lh_18{ line-height: 1.8em !important; }.lh_19{ line-height: 1.9em !important; }.lh_20{ line-height: 2.0em !important; } /******************************************************************************************************************************************************************** 　○背景色設定 ********************************************************************************************************************************************************************/ .bg_fff{ background: #ffffff !important; }.bg_eee{ background: #eeeeee !important; }.bg_ddd{ background: #dddddd !important; }.bg_ccc{ background: #cccccc !important; }.bg_999{ background: #999999 !important; } .bg_777{ background: #777777 !important; }.bg_555{ background: #555555 !important; }.bg_333{ background: #333333 !important; }.bg_111{ background: #111111 !important; }.bg_000{ background: #000000 !important; } .bg_grn{ background: #E0F8E0 !important; }.bg_pnk{ background: #faeef1 !important; }.bg_blu{ background: #006699 !important; }.bg_yel{ background: #fbfec3 !important; }.bg_ora{ background: #faedc7 !important; } .bg_gld{ background-image: linear-gradient(to top left, #F7DE05, #DA8E00, #EDAC06, #F7DE05, #ECB802, #DAAF08, #B67B03) !important; } /******************************************************************************************************************************************************************** 　○パディング ********************************************************************************************************************************************************************/ .pad_05{ padding: 5px !important; }.pad_10{ padding: 10px !important; }.pad_15{ padding: 15px !important; }.pad_20{ padding: 20px !important; }.pad_25{ padding: 25px !important; }.pad_30{ padding: 30px !important; } .pad_t_05{ padding-top: 5px !important; }.pad_t_10{ padding-top: 10px !important; }.pad_t_15{ padding-top: 15px !important; }.pad_t_20{ padding-top: 20px !important; }.pad_t_25{ padding-top: 25px !important; } .pad_t_30{ padding-top: 30px !important; }.pad_t_35{ padding-top: 35px !important; }.pad_t_40{ padding-top: 40px !important; }.pad_t_45{ padding-top: 45px !important; }.pad_t_50{ padding-top: 50px !important; } .pad_r_05{ padding-right: 5px !important; }.pad_r_10{ padding-right: 10px !important; }.pad_r_15{ padding-right: 15px !important; }.pad_r_20{ padding-right: 20px !important; }.pad_r_25{ padding-right: 25px !important; } .pad_r_30{ padding-right: 30px !important; }.pad_r_35{ padding-right: 35px !important; }.pad_r_40{ padding-right: 40px !important; }.pad_r_45{ padding-right: 45px !important; }.pad_r_50{ padding-right: 50px !important; } .pad_b_05{ padding-bottom: 5px !important; }.pad_b_10{ padding-bottom: 10px !important; }.pad_b_15{ padding-bottom: 15px !important; }.pad_b_20{ padding-bottom: 20px !important; }.pad_b_25{ padding-bottom: 25px !important; } .pad_b_30{ padding-bottom: 30px !important; }.pad_b_35{ padding-bottom: 35px !important; }.pad_b_40{ padding-bottom: 40px !important; }.pad_b_45{ padding-bottom: 45px !important; }.pad_b_50{ padding-bottom: 50px !important; } .pad_l_05{ padding-left: 5px !important; }.pad_l_10{ padding-left: 10px !important; }.pad_l_15{ padding-left: 15px !important; }.pad_l_20{ padding-left: 20px !important; }.pad_l_25{ padding-left: 25px !important; } .pad_l_30{ padding-left: 30px !important; }.pad_l_35{ padding-left: 35px !important; }.pad_l_40{ padding-left: 40px !important; }.pad_l_45{ padding-left: 45px !important; }.pad_l_50{ padding-left: 50px !important; } /******************************************************************************************************************************************************************** 　○マージン ********************************************************************************************************************************************************************/ .mgn_t_05{ margin-top: 5px !important; }.mgn_t_10{ margin-top: 10px !important; }.mgn_t_15{ margin-top: 15px !important; }.mgn_t_20{ margin-top: 20px !important; }.mgn_t_25{ margin-top: 25px !important; } .mgn_t_30{ margin-top: 30px !important; }.mgn_t_35{ margin-top: 35px !important; }.mgn_t_40{ margin-top: 40px !important; }.mgn_t_45{ margin-top: 45px !important; }.mgn_t_50{ margin-top: 50px !important; } .mgn_r_05{ margin-right: 5px !important; }.mgn_r_10{ margin-right: 10px !important; }.mgn_r_15{ margin-right: 15px !important; }.mgn_r_20{ margin-right: 20px !important; }.mgn_r_25{ margin-right: 25px !important; } .mgn_r_30{ margin-right: 30px !important; }.mgn_r_35{ margin-right: 35px !important; }.mgn_r_40{ margin-right: 40px !important; }.mgn_r_45{ margin-right: 45px !important; }.mgn_r_50{ margin-right: 50px !important; } .mgn_b_05{ margin-bottom: 5px !important; }.mgn_b_10{ margin-bottom: 10px !important; }.mgn_b_15{ margin-bottom: 15px !important; }.mgn_b_20{ margin-bottom: 20px !important; }.mgn_b_25{ margin-bottom: 25px !important; } .mgn_b_30{ margin-bottom: 30px !important; }.mgn_b_35{ margin-bottom: 35px !important; }.mgn_b_40{ margin-bottom: 40px !important; }.mgn_b_45{ margin-bottom: 45px !important; }.mgn_b_50{ margin-bottom: 50px !important; } .mgn_l_05{ margin-left: 5px !important; }.mgn_l_10{ margin-left: 10px !important; }.mgn_l_15{ margin-left: 15px !important; }.mgn_l_20{ margin-left: 20px !important; }.mgn_l_25{ margin-left: 25px !important; } .mgn_l_30{ margin-left: 30px !important; }.mgn_l_35{ margin-left: 35px !important; }.mgn_l_40{ margin-left: 40px !important; }.mgn_l_45{ margin-left: 45px !important; }.mgn_l_50{ margin-left: 50px !important; } /******************************************************************************************************************************************************************** 　○幅設定 ********************************************************************************************************************************************************************/ .wid_10{ width: 10px !important; }.wid_20{ width: 20px !important; }.wid_30{ width: 30px !important; }.wid_40{ width: 40px !important; }.wid_50{ width: 50px !important; } .wid_60{ width: 60px !important; }.wid_70{ width: 70px !important; }.wid_80{ width: 80px !important; }.wid_90{ width: 90px !important; }.wid_100{ width: 100px !important; } .wid_110{ width: 110px !important; }.wid_120{ width: 120px !important; }.wid_130{ width: 130px !important; }.wid_140{ width: 140px !important; }.wid_150{ width: 150px !important; } .wid_160{ width: 160px !important; }.wid_170{ width: 170px !important; }.wid_180{ width: 180px !important; }.wid_190{ width: 190px !important; }.wid_200{ width: 200px !important; } .wid_210{ width: 210px !important; }.wid_220{ width: 220px !important; }.wid_230{ width: 230px !important; }.wid_240{ width: 240px !important; }.wid_250{ width: 250px !important; } .wid_260{ width: 260px !important; }.wid_270{ width: 270px !important; }.wid_280{ width: 280px !important; }.wid_290{ width: 290px !important; }.wid_300{ width: 300px !important; } .wid_310{ width: 310px !important; }.wid_320{ width: 320px !important; }.wid_330{ width: 330px !important; }.wid_340{ width: 340px !important; }.wid_350{ width: 350px !important; } .wid_360{ width: 360px !important; }.wid_370{ width: 370px !important; }.wid_380{ width: 380px !important; }.wid_390{ width: 390px !important; }.wid_400{ width: 400px !important; } .wid_410{ width: 410px !important; }.wid_420{ width: 420px !important; }.wid_430{ width: 430px !important; }.wid_440{ width: 440px !important; }.wid_450{ width: 450px !important; } .wid_460{ width: 460px !important; }.wid_470{ width: 470px !important; }.wid_480{ width: 480px !important; }.wid_490{ width: 490px !important; }.wid_500{ width: 500px !important; } /******************************************************************************************************************************************************************** 　○テーブル設定 ********************************************************************************************************************************************************************/ table{ border-collapse: collapse; } /*★1行おきにTR背景色水色*/ /*table.tr_color tr:nth-child(2n+1){ background: #fff9f9; }*/ table.tr_color tr:nth-child(2n+1){ background: #fbf9f4; } /*★th、td内　imgの下の余計な隙間対策*/ table * img{ vertical-align: middle; } /*○共通一覧用テーブル*/ table.tbl_style{ width: 100%; } table.tbl_style th{ background: #eee; font-weight: normal; } table.tbl_style th, table.tbl_style td{ padding: 3px 5px; border: 1px solid #ccc; } table.tbl_style th.width_id{ width: 60px; } table.tbl_style th.width_date{ width: 90px; } table.tbl_style th.width_datetime{ width: 130px; } table.tbl_style th.width_tdfk{ width: 60px; } table.tbl_style th.width_btn{ width: 60px; } table.tbl_style th.width_gomi{ width: 20px; } /*○共通編集用テーブル*/ table.tbl_edit{ width: 100%; } table.tbl_edit th, table.tbl_edit td{ padding: 15px 2%; border: 1px solid #ccc; } /*table.tbl_edit th{ width: 30%; padding-left: 20px; background: #eee; text-align: left; }*/ table.tbl_edit th{ width: 25%; padding-right: 2%; background: #fff4f4; font-weight: normal; vertical-align: middle; text-align: right; } /******************************************************************************************************************************************************************** 　○リンク設定 ********************************************************************************************************************************************************************/ /* a{ text-decoration: none; overflow: hidden; outline: none; color: #777; } a:hover{ text-decoration: underline; color: #369; } a.arrow{ background: url(../img/03arrow03s-ff0000.gif) 0 0px no-repeat; ; padding-left: 20px; } a.link_style{} */ /*img, 送信ボタン ホバー　エフェクト*/ input[type='image'], .opacity{ -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } input[type='image']:hover, .opacity:hover{ -moz-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=70); /* ie 6 7 */ -ms-filter: "alpha(opacity=70)"; /* ie 8 */ } /*●ページTOPへ（スクロール量で、フェードイン）*/ /* p#top{ position: absolute; top: -140px; } a#page_top{ display: none; padding: 0 10px; background: #000; color: #fff; font-weight: bold; text-decoration: none; border-radius: 10px; position: fixed; bottom: 50px; right: 10px; z-index: 9; } */ /*管理画面ボタン設定*/ a.BTN_SW, a.BTN_DEL{ text-decoration: none; } a.BTN_SW:hover, a.BTN_DEL:hover{ text-decoration: none; } /******************************************************************************************************************************************************************** 　○モーダルウィンドウ ********************************************************************************************************************************************************************/ /*　黒フィルター　*/ div#modal_filter{ display: none; width: 100%; background: #000; position: absolute; z-index: 99; -moz-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=70); /* ie 6 7 */ -ms-filter: "alpha(opacity=70)"; /* ie 8 */ } /*モーダル*/ div#modal_window{ display: none; width: 50%; padding: 40px 3%; background: #fff; border-radius: 10px; position: absolute; left: 50%; margin-left: -28%; z-index: 999; } p#modal_close_box{ display: none; width: 30px; position: absolute; top: 10px; right: 10px; } p#modal_close_box a{ text-decoration: none; } p#modal_message{ text-align: center; font-size: 24px; } p#modal_message span{ font-size: 24px; } img#loading{ width: 88px; } /******************************************************************************************************************************************************************** 　○フォーム設定 ********************************************************************************************************************************************************************/ /* 仮予約フォーム 他館の同時利用 */ p.alert-txt { text-align: center; line-height: 1.9; } .zenkaku{ ime-mode: active; } /*.hankaku{ ime-mode: inactive; }*/ .hankaku{ ime-mode: disabled; } /*英数字入力モードになります。ユーザーの操作によるモードの変更はできません。*/ /*　内側影付き（20160114） input[type="text"], input[type="password"] , input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input[type="date"], input[type="datetime"], textarea, select{ width: 90%; padding: 0px 10px; border: 1px solid #ccc; border-radius: 5px; box-shadow: 2px 2px 3px #eee inset; } */ input[type="text"], input[type="password"] , input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input[type="date"], input[type="datetime"], textarea, select{ width: 95%; padding: 5px 2%; border: 1px solid #ccc; border-radius: 5px; -webkit-appearance: none; } /*selectは、独自仕様なため、別に設定している。また、「Chrome」にて、borderを設定するとなぜか薄い灰色で背景色が付いてしまうため背景色#fffを設定。*/ select{ padding: 3px 2%; background: #fff; -moz-appearance: none; } textarea{ line-height: 1.3em; height: 100px; } [name='postal']{ width: 100px !important; } [name='tdfk'], [name='tdfk_id']{ width: 120px !important; } [name='tel']{ width: 120px !important; } [name='fax']{ width: 120px !important; } [name='price']{ width: 100px !important; } [name='birth_y']{ width: 85px !important; } [name='birth_m']{ width: 65px !important; } [name='birth_d']{ width: 65px !important; } [name='reserve_y']{ width: 85px !important; } [name='reserve_m']{ width: 65px !important; } [name='reserve_d']{ width: 65px !important; } [name='reserve_time']{ width: 85px !important; } [name='password']{ width: 100px !important; } [name='password2']{ width: 100px !important; } [name='mapdata']{ width: 200px !important; } .datetimepicker{ width: 130px !important; } .datepicker{ width: 130px !important; } /*ドラッグ＆アップロードフォーム*/ input.drag{ display: block; width: 350px; height: 40px; margin-bottom: 5px; padding: 10px 20px; border: 5px dashed #999; background: #f3f3f3; line-height: 1em; } /*フォーム右に送信ボタンを設置した時の位置調整*/ .btn_position input{ vertical-align: middle; margin-bottom: 4px; } /*カーソルポインター設定*/ [type='submit'], [type='image'], [type='button'], button{ cursor: pointer; } /*iPhone、iPadなど、ボタン類のリセット（角丸解除・色解除）・再設定*/ input[type='submit'], input[type='button']{ -webkit-appearance: none; outline: none; padding: 0 10px; background: #c86a6a; border: none; border: 1px solid #ccc; border-radius: 7px; font-size: 12px; line-height: 1.5em; } input[type='submit']:hover, input[type='button']:hover{ background: #f3f3ff; } /*placeholder*/ input::-webkit-input-placeholder{ color: #ccc; font-weight: 400; } input::-ms-input-placeholder{ color: #ccc; font-weight: 400; } input::-moz-placeholder{ color: #ccc; font-weight: 400; } /******************************************************************************************************************************************************************** 　○CSSボタン設定 ********************************************************************************************************************************************************************/ .css_btn{ display: inline-block; padding: 10px 30px !important; border-radius: 3px !important; border: none !important; text-decoration: none !important; font-size: 16px !important; color: #fff !important; line-height: 1em !important; } .css_btn:hover{ text-decoration: none !important; color: #fff !important; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -moz-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=70); /* ie 6 7 */ -ms-filter: "alpha(opacity=70)"; /* ie 8 */ } /*共通汎用ボタン*/ .smallBtn{ padding: 0 10px; background: #f9f9f9; border: 1px solid #ccc !important; border-radius: 5px; color: #777; font-size: 10px; } /*共通削除ボタン*/ .delBtn{ padding: 0 10px; background: #c00; border-radius: 5px; color: #fff; font-size: 10px; } /******************************************************************************************************************************************************************** 　○一括設定 ********************************************************************************************************************************************************************/ /* body{ -webkit-text-size-adjust: 100%; } *{ margin: 0; padding: 0; text-decoration: none; line-height: 1.7em; list-style-type: none; color: #777; font-size: 14px; font-weight: 400; font-style: normal; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; word-break: break-all; } img{ border-style: none; vertical-align: bottom; } hr{ border: none; border-bottom: 1px solid #ccc; } */ /******************************************************************************************************************************************************************** 　○その他設定 ********************************************************************************************************************************************************************/ /*●アイコン等の位置設定*/ .icon_position{ vertical-align: middle; margin-bottom: 4px; } .icon_position2{ vertical-align: middle; margin-bottom: 2px; } /*●チェックボックス位置調整*/ .checkbox_position{ vertical-align: middle; margin-bottom: 3px; } /*●マウスカーソル設定*/ .pointer{ cursor: pointer; } .move{ cursor: move; } /*●ライン*/ .line_h_1em{ line-height: 1em; } /*●データ一覧画面　新規登録ボタンとデータ数表示　フロート表示*/ .entry_btn{ width: 80px; float: left; } .data_num{ width: 150px; float: right; text-align: right; font-size: 12px; } /*●エラー表示用BOX*/ .err_box{ padding: 5px; border: 3px solid #fbd2de; border-radius: 5px; text-align: center; } /*●登録完了表示用BOX*/ .comp_box{ margin-bottom: 30px; padding: 5px; border: 3px solid #6c3; border-radius: 5px; } /*改行禁止（20160528 チェックボックスのレスポンシブ対応で暫定設定）*/ .nowrap{ display: inline-block; white-space: nowrap; } /*上付き文字、下付き文字*/ sup, sub{ font-size: 70%; } /*　ページング　*/ .ul_paging{ margin-top: 20px; text-align: center; } .ul_paging li{ display: inline-block; } .ul_paging li a{ display: block; padding: 5px 10px; background: #fff; border: 1px solid #333; text-decoration: none; color: #333; } .ul_paging li a:hover, .ul_paging li a.active{ background: #333; border: 1px solid #333; color: #fff; } .ul_paging li:first-child a{ padding-left: 5px; } .ul_paging li:last-child a{ padding-right: 5px; } /******************************************************************************************************************************************************************** 　○CKEditor ********************************************************************************************************************************************************************/ /* Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. For licensing, see LICENSE.md or http://ckeditor.com/license */ body { /* Font */ /*font-family: sans-serif, Arial, Verdana, "Trebuchet MS";*/ /*font-size: 12px;*/ /* Text color */ /*color: #333;*/ /* Remove the background color to make it transparent */ /*background-color: #fff;*/ /*margin: 20px;*/ } .CKEDITOR, .CKEDITOR .cke_editable{ font-size: 13px; line-height: 1.6; } .CKEDITOR blockquote{ font-style: italic; font-family: Georgia, Times, "Times New Roman", serif; padding: 2px 0; border-style: solid; border-color: #ccc; border-width: 0; } .CKEDITOR .cke_contents_ltr blockquote{ padding-left: 20px; padding-right: 8px; border-left-width: 5px; } .CKEDITOR .cke_contents_rtl blockquote{ padding-left: 8px; padding-right: 20px; border-right-width: 5px; } .CKEDITOR a{ color: #0782C1; } .CKEDITOR ol, .CKEDITOR ul, .CKEDITOR dl{ /* IE7: reset rtl list margin. (#7334) */ *margin-right: 0px; /* preserved spaces for list items with text direction other than the list. (#6249,#8049)*/ padding: 0 40px; } .CKEDITOR h1, .CKEDITOR h2, .CKEDITOR h3, .CKEDITOR h4, .CKEDITOR h5, .CKEDITOR h6 { font-weight: normal; line-height: 1.2; } .CKEDITOR h1{ font-size: 200%; } .CKEDITOR h2{ font-size: 150%; } .CKEDITOR h3{ font-size: 120%; } .CKEDITOR h4{ font-size: 100%; } .CKEDITOR h5{ font-size: 88.8%; } .CKEDITOR h6{ font-size: 60%; } .CKEDITOR hr{ border: 0px; border-top: 1px solid #ccc; } .CKEDITOR img.right{ border: 1px solid #ccc; float: right; margin-left: 15px; padding: 5px; } .CKEDITOR img.left{ border: 1px solid #ccc; float: left; margin-right: 15px; padding: 5px; } .CKEDITOR pre{ white-space: pre-wrap; /* CSS 2.1 */ word-wrap: break-word; /* IE7 */ -moz-tab-size: 4; tab-size: 4; } .CKEDITOR .marker{ background-color: Yellow; } .CKEDITOR span[lang]{ font-style: italic; } .CKEDITOR figure{ text-align: center; border: solid 1px #ccc; border-radius: 2px; background: rgba(0,0,0,0.05); padding: 10px; margin: 10px 20px; display: inline-block; } .CKEDITOR figure > figcaption{ text-align: center; display: block; /* For IE8 */ } .CKEDITOR a > img { padding: 1px; margin: 1px; border: none; outline: 1px solid #0782C1; } .CKEDITOR strong{ font-weight: bold; } /*　※CKEDITOR内に投稿した画像が表示の際に親ボックスサイズを超えた場合にはみ出る件、common.jsにて対策済　*/ /******************************************************************************************************************************************************************** 　○CherishStudio　予約フォーム関連共通設定 ********************************************************************************************************************************************************************/ #tbl_reserve *{ font-size: 14px; } #contact_area{ margin: 50px 0; } #contact_area img{ display: inline !important; } .option_text{font-size: 14px !important; line-height: 1.7;} .option_link{margin-top: 9px;} .option_link a{font-size: 14px !important; color: #b90000 !important;} /******************************************************************************************************************************************************************** 　○共通News一覧（TOP,NEWSページ） ********************************************************************************************************************************************************************/ #newsBoxInner{ width: 980px; margin: 0 auto; } #news_topics{ width: 168px; margin: 0 auto 20px; } #ul_news li{ width: 210px; margin-right: 46px; float: left; } #ul_news li:last-child{ margin-right: 0; } #ul_news li .newsImgBox{ margin-bottom: 10px; } #ul_news li .date{ margin-bottom: 10px; color: #949494; } #ul_news li .newsTitle a:hover{ text-decoration: underline; } /******************************************************************************************************************************************************************** 　○共通バナー表示（1〜3号館　各TOP） ********************************************************************************************************************************************************************/ #banBox{ width: 980px; margin: 0 auto; padding: 20px 0; } #banBoxA{ margin-bottom: 13px } #banBoxA_L{ width: 480px; float: left; } #banBoxA_R{ width: 480px; float: right; } #ul_banBoxB{} /*#ul_banBoxB li{ width: 229px; margin-right: 21px; float: left; }*/ #ul_banBoxB li{ width: 23%; margin: 1%; float: left; } #ul_banBoxB li:last-child{ margin-right: 0; } .footer_intr { font-size:12px; text-align:center; margin:20px auto; padding-top: 10px; } /*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 　スマートフォン ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/ @media (min-width: 0px) and (max-width: 750px) { /*○モーダルウィンドウ*/ div#modal_window{ width: 80%; left: 50%; margin-left: -43%; } /*テーブル設定*/ table.tbl_style th, table.tbl_style td{ display: block; } table.tbl_style th{ width: 96%; } table.tbl_edit th, table.tbl_edit td{ display: block; border: none; } table.tbl_edit th{ width: 96%; text-align: left; } [name='postal']{ width: 100px !important; } [name='tdfk']{ width: 110px !important; } [name='tel']{ width: 120px !important; } [name='fax']{ width: 120px !important; } [name='price']{ width: 100px !important; } [name='birth_y']{ width: 50px !important; padding: 3px 5px !important;-webkit-appearance: none; } [name='birth_m']{ width: 35px !important; padding: 3px 5px !important;-webkit-appearance: none; } [name='birth_d']{ width: 35px !important; padding: 3px 5px !important;-webkit-appearance: none; } [name='reserve_y']{ width: 50px !important; padding: 3px 5px !important;-webkit-appearance: none; } [name='reserve_m']{ width: 35px !important; padding: 3px 5px !important;-webkit-appearance: none; } [name='reserve_d']{ width: 35px !important; padding: 3px 5px !important;-webkit-appearance: none; } [name='reserve_time']{ width: 50px !important; padding: 3px 5px !important;-webkit-appearance: none; } [name='password']{ width: 120px !important; } [name='mapdata']{ width: 200px !important; } /**************************************************************************************************************************************************************** 　○共通News一覧（TOP,NEWSページ） ****************************************************************************************************************************************************************/ #newsBoxInner{ width: 98%; margin: 0 auto; } #news_topics{ width: 168px; margin: 0 auto 20px; } #ul_news li{ width: 100%; margin-right: 0; margin-bottom: 5px; float: none; } #ul_news li:last-child{ margin-bottom: 0; } #ul_news li .newsImgBox{ width: 20%; margin-bottom: 0; float: left; } #ul_news li div{ width: 78%; float: right; } #ul_news li .date{ margin-bottom: 5px; } #ul_news li .newsTitle a:hover{} /**************************************************************************************************************************************************************** 　○共通バナー表示（1〜3号館　各TOP） ****************************************************************************************************************************************************************/ #banBox{ width: 98%; margin: 0 auto; padding: 20px 0; } #banBoxA{ margin-bottom: 13px } #banBoxA_L{ width: 100%; margin-bottom: 10px; float: none; } #banBoxA_R{ width: 100%; float: none; } #ul_banBoxB{} #ul_banBoxB li{ width: 48%; margin-right: 0; float: left; } #ul_banBoxB li:nth-child(1){ margin-bottom: 10px; } #ul_banBoxB li:nth-child(2){ margin-bottom: 10px; } #ul_banBoxB li:nth-child(3){ margin-bottom: 10px; } #ul_banBoxB li:nth-child(4){ margin-bottom: 10px; } #ul_banBoxB li:nth-child(2n){ margin-right: 0; } }