/* ===================================================== * 共通 * ===================================================== */ * { font-size: 12px; box-sizing: border-box;} body { background:none; border:none; position:relative; z-index:1; } /* -------------------------------------* PC/SP * -------------------------------------*/ .pc { display:none; } .sp { display:block; } .sp_inline { display:inline-block; } /* -------------------------------------* ブロック定義 * -------------------------------------*/ .wrapper { width:100%; margin:0 auto; } .page_body { background:#fff; padding:10px 20px; } /* -------------------------------------* 見出し定義 * -------------------------------------*/ h1.h_main { display:table; margin:0 auto 60px auto; min-width:100%; max-width:100%; padding:22px 15px 14px 15px; text-align:center; font-size:32px; font-weight:bold; line-height:1em; letter-spacing:0; /*border-top:solid 6px #ccc; border-bottom:solid 6px #ccc;*/ } h1.h_main span { display:block; font-size:24px; font-weight:normal; letter-spacing:0; padding-top:5px; margin-top:-1em; } /* -------------------------------------* ヘッダ * -------------------------------------*/ #header_sp { width:100%; margin:0 auto; padding:2px 0; height:auto; background:#fff; position:fixed; box-shadow:0px 4px 3px 0 rgba(0,0,0,0.2); -webkit-box-shadow:0px 4px 3px 0 rgba(0,0,0,0.2); -moz-box-shadow:0px 4px 3px 0 rgba(0,0,0,0.2); z-index:9999; border-top:solid 3px #3F3935; } #header_sp ul { display:flex; } #header_sp li { margin-top:0; } #header_sp #logo { width:30%; margin-left:0; } #header_sp #event_info { width: 60%; margin-top: 0; display: flex; align-items: center; justify-content: center; } #header_sp #toggle { width:10%; margin-left:0; margin-top:0; text-align:right; display: flex; align-items: center; justify-content: center; } .under_header { height:100px; } /* .page_common #header_sp { width:100%; margin:0 auto; padding:2px 0; height:auto; background:#fff; position:fixed; box-shadow:0px 4px 3px 0 rgba(0,0,0,0.2); -webkit-box-shadow:0px 4px 3px 0 rgba(0,0,0,0.2); -moz-box-shadow:0px 4px 3px 0 rgba(0,0,0,0.2); z-index:9999; border-top:solid 3px #3F3935; } .page_common #header_sp ul { display:flex; } .page_common #header_sp li { margin-top:0; } .page_common #header_sp #logo { width:40%; margin-left:2%; } .page_common #header_sp #event_info { width:35%; margin-left:5%; margin-top:5%; } .page_common #header_sp #toggle { width:10%; margin-left:5%; margin-top:8%; text-align:right; } .page_common .under_header { height:100px; } */ #nav-drawer { position:relative; } /*チェックボックス等は非表示に*/ .nav-unshown { display:none; } /*アイコンのスペース*/ #nav-open { display:inline-block; width:30px; height:22px; vertical-align:middle; } /*ハンバーガーアイコンをCSSだけで表現*/ #nav-open span, #nav-open span:before, #nav-open span:after { position:absolute; height:3px;/*線の太さ*/ width:25px;/*長さ*/ border-radius:3px; background:#555; display:block; content:''; cursor:pointer; } #nav-open span:before { bottom:-8px; } #nav-open span:after { bottom:-16px; } /*閉じる用の薄黒カバー*/ #nav-close { display:none; position:fixed; z-index:99; top:0; left:0; width:100%; height:100%; background:black; opacity:0; transition:.3s ease-in-out; } /*中身*/ #nav-content { overflow:scroll; position:fixed; top:10%; left:0; z-index:9999;/*最前面に*/ width:90%;/*右側に隙間を作る（閉じるカバーを表示）*/ max-width:80%;/*最大幅（調整してください）*/ height:auto; max-height:80%; background:#3F3935;/*背景色*/ transition:.3s ease-in-out;/*滑らかに表示*/ -webkit-transform:translateX(-105%); transform:translateX(-105%);/*左に隠しておく*/ padding:1em; } /*チェックが入ったらもろもろ表示*/ #nav-input:checked ~ #nav-close { display:block;/*カバーを表示*/ opacity:.5; } #nav-input:checked ~ #nav-content { -webkit-transform:translateX(0%); transform:translateX(0%);/*中身を表示（右へスライド）*/ box-shadow:6px 0 25px rgba(0,0,0,.15); } #nav-content ul.sp_menu { display:block; border:solid 6px #f8b500; } #nav-content ul.sp_menu li { display:block; text-align:center; padding:0; font-size:16px; background:#fff; border-bottom:solid 6px #f8b500; } #nav-content ul.sp_menu li a { color:#333; text-decoration:none; padding:.8em 0; display:block; } /* -------------------------------------* スポンサー * -------------------------------------*/ #blk_sponcer .ttl span { font-size:12px; } #blk_sponcer ul { width:100%; margin:0 auto; background:#efefef;} #blk_social .flex_wrapper { width:100%; display:block; } #blk_social .flex_wrapper .col_left { width:100%; } #blk_social .flex_wrapper .col_right { width:100%; margin-left:0; text-align:center;} /* -------------------------------------* メニュー * -------------------------------------*/ #gmenu { width:100%; padding:0px 0 30px 0; background:#F1F4F1; position:fixed; top:0; left:0; z-index:998; } #gmenu .wrapper { background:#F1F4F1; } #gmenu ul { display:table; width:60%; margin:0 auto; box-sizing:border-box; background:#F1F4F1; } #trigger_menu { width:18%; max-width:80px; display:none; position:fixed; top:5px; left:5px; z-index:999; /*box-shadow:3px 3px 5px #666;*/ } #gmenu li { width:100%; background:#fff; box-sizing:border-box; margin-bottom:10px } #gmenu li:nth-child(1) { border-left:solid 8px #F7EF12; border-right:solid 8px #EA5504; width:100%; } #gmenu li:nth-child(2) { border-left:solid 8px #EA5504; border-right:solid 8px #F39800; } #gmenu li:nth-child(3) { border-left:solid 8px #F39800; border-right:solid 8px #EB6EA5; } #gmenu li:nth-child(4) { border-left:solid 8px #EB6EA5; border-right:solid 8px #E50B72;} #gmenu li:nth-child(5) { border-left:solid 8px #E50B72; border-right:solid 8px #621D87;} #gmenu li:nth-child(6) { border-left:solid 8px #621D87; border-right:solid 8px #00A0E9;} #gmenu li:nth-child(7) { border-left:solid 8px #00A0E9; border-right:solid 8px #796BAF; width:100%; } #gmenu li:nth-child(8) { border-left:solid 8px #796BAF; border-right:solid 8px #F7EF12; width:100%; } #gmenu .close { text-align:right; height:80px; } #gmenu .close img { max-width:30px; margin:15px 10px 0 0; } /* -------------------------------------* 準備中 * -------------------------------------*/ .coming_soon { width:90%; margin:30px auto 200px auto; } /* ======================================================================================= * 各ページ定義 * ======================================================================================= */ /* -------------------------------------* TOPページ * -------------------------------------*/ /* -------------------------------------* 開催概要 * -------------------------------------*/ #outline { width:100%; } #outline h1.h_main { width:100%; } #outline table { width:98%; margin:0 auto; border:none; } #outline table th { width:100%; display:block; border:none; padding:6px 20px; background:#f2f5f3; text-align:left; color:#333; border-radius:5px; font-weight:bold; } #outline table td { width:100%; display:block; border:none; padding:20px 20px 30px 20px; } #outline th.top { border-top:none; } /* -------------------------------------* チケット * -------------------------------------*/ #ticket { width:100%; } #ticket h1.h_main { width:100%; } #ticket table { width:78%; margin:0 auto; border:none; } #ticket table th { width:100%; display:block; border:none; padding:10px 20px; background:#f2f5f3; text-align:left; } #ticket table td { width:100%; display:block; border:none; padding:0px 20px 20px 20px; } #ticket .store { margin-top:30px; padding:20px 10px; font-size:16px; } #ticket .store .ttl { width:100%; padding:0; text-align:center; margin:1px auto 20px auto; } #ticket .store .icon_logo { font-size:20px; padding:5px 0; } #ticket .store .icon_logo img { width:40px; margin:0 10px; } #ticket .store .icon_logo span { display:block; padding-bottom:6px; } #ticket .store p { padding:20px 10px 0 10px; } #ticket .store p span { font-size:14px; } #ticket h2 { font-size:16px; width:100%; padding:.5em .5em; margin:60px auto 20px auto; } #ticket span.att { font-size:12px; } #ticket p.list { font-size:14px; } #ticket_ask { margin-top:80px; text-align:center; font-size:14px; } #ticket_ask h1 { font-size:24px; width:100%; padding:0 .5em; margin:60px auto 30px auto; text-align:center; } /* サイスポ・コラボ */ /* #campaign { margin:120px 0 160px 0; } */ #campaign { margin:10px 0 60px 0; } #campaign .campaign_logo { width:100%; display:block; margin:0 auto; } #campaign .sub_ttl { color:#ab951e; font-size:18px; text-align:center; font-weight:bold; padding:0 0 10px 0; } #campaign .main_catch { font-size:18px; text-align:center; font-weight:bold; } #campaign .main_catch span { font-size:16px; font-weight:normal; padding:0 6px 0 2px; } #campaign .maru_sat { width:24px; vertical-align:-5px; } #campaign p.catch { font-size:16px; padding:20px 10px; } #campaign .att { width:90%; margin:0 auto; border:solid 3px #8364a9; color:#e60012; } #campaign .att p { font-size:14px; padding:10px 20px; } #campaign .att p span { font-weight:bold; color:#fff; background:#e60012; display:inline-block; padding-left:10px; margin-right:.5em; } #campaign .att_ttl { color:#fff; background:#8364a9; text-align:center; } #campaign .mihon { padding:0; font-size:18px; } #campaign .mihon .note { position:relative; margin:20px 0; } #campaign .mihon .note .hasami { width:30px; } #campaign .mihon .note p { padding-left:40px; font-size:14px; } #campaign .mihon .note p span { display:inline; } #campaign .magazine { width:100%; margin:60px auto 0 auto; } #campaign .magazine .ttl { color:#fff; font-size:16px; padding:.5em 0; } #campaign .magazine p { font-size:12px; } #campaign .magazine ul { width:60%; margin:0 auto; } #campaign .magazine li { padding:0 10px; } #campaign .magazine li dl { } #campaign .magazine li dt { font-size:14px; font-weight:bold; padding:10px 0 0 0; } #campaign .magazine li dd { font-size:12px; } #campaign .magazine .btn_block a { padding:5px 0; } /* -------------------------------------* アクセス * -------------------------------------*/ /* 会場アクセス */ #access h1.h_main { width:100%; } #access .info_wrapper { margin:0 auto 60px auto; padding:4px; } #access .info { padding:20px 20px; font-size:18px; } #access .info .ttl { text-align:center; padding-bottom:0; font-weight:bold; } #access .info .aonami { float:none; display:block; margin:0 auto; } #access .info p { float:none; width:100%; padding:0 10px 0 10px; font-size:16px; line-height:1.3em; letter-spacing:0.1em; font-weight:bold; } #access ul li { float:none; width:100%; padding:10px 0; } #access ul li:nth-child(even) { margin-left:0; } #access ul li h2 { font-size:18px; } /* 自転車駐輪場 */ #parking { margin-top:120px; } #parking h1.h_main { width:100%; } #parking h2 { font-size:18px; } #parking .cycle_stop_exp { padding:0; width:100%; margin:30px auto; } #parking .cycle_stop_exp hr { border: none; border-bottom: dashed 1px #ccc; margin: 5px 0 10px 0; padding: 5px 0 0 0; } #parking .cycle_stop_exp p strong { color: #2BA339; } #parking .cycle_stop_exp .att { padding:20px 0; } /* -------------------------------------* アトラクション * -------------------------------------*/ #page_event_list h1.h_main { width:100%; } /* イベントコンテンツ */ #event_list ul.p2s1 { display:block; } #event_list ul.p2s1 li { width:100%; padding:0 10px 80px 10px; } #event_list ul.p2s1 li h2 { font-size:16px; } #event_list ul.p3s1 { display:block; } #event_list ul.p3s1 li { width:100%; padding:0 10px 80px 10px; } #event_list ul.p3s1 li h2 { font-size:16px; } /* タイムスケジュール */ #event_timeline { margin:0 0 80px 0; } #event_timeline .timeline_wrapper { padding:0 0; } #event_timeline table.timetable { font-size:12px; } #event_timeline table.timetable th { width:10%; text-align:center; padding:.8em 0; font-weight:bold; border:solid 8px #fff; } #event_timeline table.timetable td { padding:.5em .5em; min-height:4em; border:solid 8px #fff; text-align:center; } #event_timeline table.timetable th.cycle { width:45%; background:#c1e5f8; } #event_timeline table.timetable th.beginner { width:45%; background:#faf2b8; } #event_timeline table.timetable td.ttl_time { text-align:center; background:#f2f5f3; } #event_timeline #tabs li { width:50%; } #event_timeline #tabs li a { font-size:15px; } #event_timeline #tabs_container { padding:10px 2%; min-height:960px; } #event_timeline #day24 { width:96%; background:#fff; padding:5px; } #event_timeline #day25 { width:96%; background:#fff; padding:5px; } #event_timeline #tabs p { padding:30px 0; color:#e60012; } #event_timeline table.timetable td { text-align:left; } #event_timeline table.timetable td +td { text-align:center; } /* -------------------------------------* 会場内マップ * -------------------------------------*/ #page_map h1.h_main { width:100%; } #page_map .page_body { padding:10px 20px 10px 20px; } #page_map .blk_map { display:block; padding-top:0px; background-image:none; } #page_map .blk_map #guide_map { width:100%; padding:0 0; } #page_map .blk_map #booth_list { width:100%; padding:30px 0 60px 0; /* background-image:url(../images/bg_map_head.svg); background-repeat:repeat-x; background-position:left top; background-size:80px; */ } /* #page_map #tabs_container table { width:100%; border-collapse:collapse; } #page_map #tabs_container tr:nth-child(odd) { background:#f2f5f3; } #page_map #tabs_container th { width:4.5em; padding:2px 0px; white-space:nowrap; font-size:12px; } #page_map #tabs_container td { padding:2px 15px; margin:10px 0; border-left:solid 10px #fff; font-size:12px; } #page_map #tabs { width:100%; margin:0 auto; margin-bottom:10px; } #page_map #tabs ul { width:100%; margin:0 auto; } #page_map #tabs li { float:left; width:50%; box-sizing:border-box; font-size:12px } #page_map #tabs li a { display:block; height:50px; padding:10px 0; background:#e1e4e2; text-decoration:none; color:#595757; border-top:solid 7px #e1e4e2; } #page_map #tabs li a:hover { background:#ccc; border-top:solid 7px #e1e4e2; } #page_map #tabs li a.tabulous_active:hover { background:#fff !important; color:#231815 !important; border-top:solid 7px #171c61; } #page_map #tabs_container { position:relative; min-height:auto; padding:10px 0px; box-sizing:border-box; } #page_map #tabs #tabs-1 { width:100%; padding:0 10px; } #page_map #tabs #tabs-2 { width:100%; padding:0 10px; } #page_map #tabs .tab_inner { width:100%; display:block; height:auto; overflow:auto; padding:20px 10px 80px 10px; box-sizing:border-box; } #page_map #tabs .transition { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -o-transition-delay: .3s; -ms-transition-delay: .3s; transition-delay: .3s; } #page_map #tabs .make_transist { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } #page_map #tabs .hidescale { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); filter: alpha(opacity=0); opacity: 0; } #page_map #tabs .showscale { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -o-transition-delay: .3s; -ms-transition-delay: .3s; transition-delay: .3s; } #page_map #tabs .hideleft { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } #page_map #tabs .showleft { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -o-transition-delay: .3s; -ms-transition-delay: .3s; transition-delay: .3s; } #page_map #tabs .hidescaleup { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } #page_map #tabs .showscaleup { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -o-transition-delay: .3s; -ms-transition-delay: .3s; transition-delay: .3s; } #page_map #tabs .hideflip { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: rotatey(-90deg) scale(1.1); -moz-transform: rotatey(-90deg) scale(1.1); -o-transform: rotatey(-90deg) scale(1.1); -ms-transform: rotatey(-90deg) scale(1.1); transform: rotatey(-90deg) scale(1.1); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } #page_map #tabs .showflip { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -o-transition-delay: .3s; -ms-transition-delay: .3s; transition-delay: .3s; -webkit-transform: rotatey(0deg) scale(1); -moz-transform: rotatey(0deg) scale(1); -o-transform: rotatey(0deg) scale(1); -ms-transform: rotatey(0deg) scale(1); transform: rotatey(0deg) scale(1); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } #page_map #tabs .tabulous_active { background:#fff !important; color:#231815 !important; border-top:solid 7px #171c61; } #page_map #tabs .tabulousclear { display:block; clear:both; } */ #page_map table { width:auto; } #page_map th { padding:.5em .5em; width:auto; } #page_map td { padding:.5em .5em; } #page_map th span { white-space:nowrap; } #page_map td span { display:block; margin-left:0; color:#999; font-size:12px; } #page_map .booth_list_wrapper { margin:60px 0px; } /* ブースタイプ */ .type-A span { padding:.2em .4em; } .type-B span { padding:.2em .4em; } .type-C span { padding:.2em .4em; } .type-D span { padding:.2em .4em; } .type-E span { padding:.2em .4em; } .type-K span { padding:.2em .4em; } .type-S span { padding:.2em .4em; } /* 索引見出し */ .midashi_index { display:block; border-bottom:solid 1px #333; margin:0px 0 10px 0; } table + .midashi_index { margin:20px 0 10px 0; } /* -------------------------------------* 出展社リスト * -------------------------------------*/ #page_exhibition_list ul.p4s2 { display:flex; flex-wrap:wrap; justify-content:center; width:100%; } #page_exhibition_list ul.p4s2 li { width:50%; padding:0 15px 40px 15px; } #page_exhibition_list ul.p4s2 li img { /*border:solid 1px #ccc;*/ } #page_exhibition_list ul.p4s2 a { /*color:#333;*/ text-align:center; } #page_exhibition_list ul.p4s2 a .exhibition_name span { font-weight:bold; } #page_exhibition_list ul.p4s2 a .exhibition_kana span { font-size:10px; } #page_exhibition_list .exhibition_kana span { font-size:10px; } #page_exhibition_list section { padding-bottom:30px; } #page_exhibition_list h1.h_main { width:100%; } #exhibition_list_menu { padding:10px 0; } #exhibition_list_menu .menu_p2s1 li { width:100%; padding:0px 5px; margin-top:1.2em; } #exhibition_list_menu .menu_p4s2 li { width:50%; padding:0px 5px 0 5px; margin-top:1.2em; } #exhibition_list_menu li a { font-size:18px; } /* -------------------------------------* 展示パーツ＆完成車リスト * -------------------------------------*/ #page_item_list ul.p4s2 li { width:46%; margin:2%; } #page_item_list ul.p4s2 p.sale { padding-right:24px; } #page_item_list img.mk_testrun { width:40px; } #page_item_list img.mk_sale { width:18px; } /* -------------------------------------* 試乗車リスト * -------------------------------------*/ #about_testrun p.main_catch { padding:0 20px 40px 20px; text-align:center; } #about_testrun .testrun_guide { padding:0px 20px; } #testrun_list .icon_guide { margin:0 10px; } #testrun_list .icon_guide .wrapper { padding:0px 20px 20px 20px; } #testrun_list .icon_guide li { width:100%; float:none; padding:0 0 0 30px; position:relative; font-size:13px; } #testrun_list .icon_guide img { width:40px; position:absolute; top:18px; left:0; } #testrun_list .icon_guide li p { padding-left:20px; } #testrun_list ul.p4s2 li { width:46%; margin:2%; } #testrun_list ul.p4s2 p.sale { padding-left:24px; } #testrun_list .blk_icons { position:absolute; width:18px; } #testrun_list .blk_icons img.mk_sale { position:relative; width:18px; margin-bottom:10px; } #testrun_list .blk_icons img.mk_woman { position:relative; width:18px; margin-bottom:10px; } #testrun_list .blk_icons img.mk_small { position:relative; width:18px; margin-bottom:10px; } /* -------------------------------------* 試乗手順のご案内 * -------------------------------------*/ #note_testrun .attention { padding:0 0; } #note_testrun .attention .ttl span { display:inline-block; width:auto; padding:1px 2em; background:#fff; color:#e60012; font-size:20px; } #note_testrun ul.p4s2 li { padding:10px; } #flow_testrun { padding:80px 0 0 0; } #flow_testrun .flow_wrapper { padding:0 0; } #flow_testrun ul.p4s2 li { padding:5px; } #flow_testrun .table_wrapper { padding:5px; } #flow_testrun table { font-size:14px; } #flow_testrun th { display:block; width:100%; padding:0 0 10px 0; white-space:wrap; text-align:left; font-weight:bold; } #flow_testrun td { display:block; width:100%; padding:0 0 40px 0;} #flow_testrun th span { display:inline-block; font-size:20px; font-weight:bold; } #flow_testrun th img { width:60px; padding-right:20px; } #flow_testrun .seiyaku { padding:10px 10px; margin:10px 0 0 0; box-sizing:border-box;} #flow_testrun .blk_btn { padding:20px 0; } #flow_testrun .blk_btn a { display:block; font-size:14px; width:70%; padding:15px 0; text-align:center; margin:0 auto; } #flow_testrun .blk_btn a.btn_pdf { background:#000; color:#fff; font-size:14px; padding:10px 0; } #flow_testrun .blk_btn p.keiko { font-size:14px; padding:10px; margin:20px 0; text-align:left; background:linear-gradient(transparent 0, #ffff66 0); } #attention_testrun { padding:40px 0 80px 0; } #attention_testrun .blk_attention { padding:0px 0 0 0; } #attention_testrun table { font-size:14px; } #attention_testrun th { width:80px; padding:20px 20px 20px 0; vertical-align:top; } #attention_testrun td { padding:20px 0; vertical-align:top; font-size:14px; } #attention_testrun td h2 { font-size:16px; } #attention_testrun td span { color:#e60012; } /* -------------------------------------* 試乗車の詳細情報 * -------------------------------------*/ #page_item_list .page_ttl { /* border-left:solid 4px #621d87; border-right:solid 4px #ea5504; */ font-size:14px; display:inline-block; text-align:center; padding:0 0 .5em 0; margin-bottom:20px; } #item_detail { position:relative; min-height:auto; } #item_detail #detail_info { padding-left:0; } #item_detail #detail_info h1 { font-size:22px; font-weight:bold; line-height:1.3em; } #item_detail #detail_info .brandname { font-size:16px; } #item_detail #detail_info .brandname span { font-size:12px; display:inline-block; padding-left:.5em; color:#999; } #item_detail #detail_image { position:relative; width:100%; height:auto; padding:30px 0 10px 0; } #item_detail #detail_image img.main { border:solid 1px #efefef; } #item_detail #detail_image img.mk_testrun { position:absolute; bottom:30px; left:0; width:90px; } #item_detail #ask_info { position:relative; width:100%; top:0; left:0; margin-top:30px; } #item_detail #ask_info .ask_title { width:7em; background:#999; color:#fff; text-align:center; margin-bottom:.5em; } #item_detail #ask_info ul { list-style:none; } #item_detail #ask_info li.logo { float:left; width:40%; } #item_detail #ask_info li.logo img { /*border:solid 1px #ccc;*/ } #item_detail #ask_info li.ask { float:left; width:60%; font-size:12px; line-height:1.4em; padding-left:3%; } /* 出展リスト */ #product_list { margin-top:5em; } #product_list h1 { /* border-top:solid 6px #eb6ea5; border-bottom:solid 6px #00a0e9; */ font-size:16px; padding:.5em 1em; } #product_list ul.p4s2 li { width:46%; margin:2%; } #product_list ul.p4s2 p.sale { padding-right:24px; } #product_list img.mk_testrun { width:40px; } #product_list img.mk_sale { width:18px; } /* -------------------------------------* 出展社の詳細情報 * -------------------------------------*/ #exhibition_head { padding:10px 20px; } #exhibition_head table { width:100%; display:block; border-bottom:none; } #exhibition_head table th { display:block; min-width:100%; height:auto; margin:0; } #exhibition_head table th h1 { padding:0 0 10px 0; margin-bottom:10px; font-size:22px; text-align:left; line-height:1.0em; } #exhibition_head table th h1 span { display:block; font-size:16px; text-align:left; color:#ccc; } #exhibition_head table th h1:after { content:""; position:absolute; bottom:0; left:0; background-color:#f8b500; width:30px; height:3px; } #exhibition_head table td { display:block; width:100%; padding-left:0; padding-top:1.6em; font-size:12px; } #exhibition_head table td ul { width:100%; margin:0 auto;} #exhibition_head table td ul li { width:auto; float:left; text-align:left; font-weight:bold; } #exhibition_head table td ul li + li{ margin-left:10px; } #exhibition_head .label { height:auto; display:inline; } #exhibition_head .booth_wrapper { display:inline; } #exhibition_head .booth_number { width:auto; height:auto; margin:0; border:solid 2px #666; font-size:14px; text-align:center; display:inline-block; padding:0 1em;:middle; background:#fff; } #exhibition_head .guide_booth { width:100%; height:auto; margin:0; border:solid 3px #ff0000; font-size:12px; text-align:center; display:inline-block; vertical-align:middle; background:#ff0000; color:#fff; padding:0 .5em; } #exhibition_head .guide_booth span { font-size:12px; display:inline; margin-top:0; } #detail_info { padding:0; } #exhibition_detail ul { width:100%; margin:0 auto; } #exhibition_detail ul li { width:100%; float:none; padding:1em 0; } #exhibition_detail ul li + li { float:none; } #exhibition_ask #ask_info { background:none; padding:20px 0; } #exhibition_ask #ask_info ul { width:100%; margin:0 auto; } #exhibition_ask #ask_info ul li { width:40%; float:left; text-align:right; } #exhibition_ask #ask_info ul li + li { width:55%; float:right; text-align:left; } #exhibition_ask #ask_info ul li img { width:90%; } #page_exhibition .page_body { background:#fff; padding:10px 20px; } #page_exhibition #product_list { padding:10px 0; } #page_exhibition #product_list h1 { /* border-top:solid 5px #920783; border-bottom:solid 5px #00913a; */ }