/* Theme Name:sol-brazil Theme URI:BayLink Author: BayLink Author URI: Description: 上総鶴舞用。BayLinkテーマを基に、既存ギャラリー・地図・スライドの保存形式を引き継ぐテーマ。 Version:2.0.10 License:BayLink License URI:BayLink.co.jp */ @import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css); html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font:inherit; vertical-align:baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display:block; } /* 基本設定：文字・色・リセット */ html { font-size:62.5%; } body { width:100%; font-size:1.6rem; font-weight:300; line-height:2.2rem; color:#30383c; font-family:"M PLUS 1p", "Meiryo", sans-serif; text-align:left; word-wrap:break-word; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; background-color:#efefef; } .keytone { background-color:#f1c232; } /* salmon pink */ .impactone { background-color:#bcb620; } /* Dark salmon pink */ .chictone { background-color:#7f6000; } .midd { background-color:#888; padding:0px 4px; } .keycolor { color:#f1c232; } .impactcolor { color:#bcb620; } a { color:inherit; text-decoration:none; } b, strong { font-weight:500; } small { font-size:0.8em; } p a { color:#bcb620; font-weight:500; text-decoration:none; } p a:hover { color:#7f6000; text-decoration:none; } li.is-current { background-color:#f1c232; } .bg-white { background-color:#fff; } .bg-front { background-color:#efefef; padding-bottom:30px; } /* 基本レイアウト */ .page-wrap { width:100%; overflow:hidden; } header { background-color:#fff; } .contents_in { width:100%; margin-right:auto; margin-left:auto; margin-top:30px; } .contents_foot { width:100%; margin-right:auto; margin-left:auto; margin-top:20px; margin-bottom:20px; color:#fff; background-color:#7f6000; } section { margin-top:0px; padding:40px 20px 20px; background-color:#fff; min-height:200px; } section:not(:first-of-type) { margin-top:30px; } ol, ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } table, td, th { border-collapse:collapse; border-spacing:0; } *, * :before, * :after { box-sizing:border-box; } hr { border-width:1px 0 0 0; border-style:solid; border-color:#e2e2e2; margin-top:12px; margin-bottom:6px; } th { font-weight:500; } /* カラム・コンテンツ幅 */ .port { float:left; margin-bottom:0%; padding-top:0; } .pier-1000 { width:100%; margin-right:0; } .pier-730 { width:73%; display:inline; margin-right:2%; } .pier-250 { width:25%; display:inline; } .pier-450 { float:left; display:inline-block; width:42%; min-height:100px; margin-right:2%; padding-bottom:30px; } .pier-500 { clear:right; display:inline-block; width:55%; min-height:100px; padding-bottom:30px; } .page-content { display:flex; margin-top:3px; } .page73-7 { float:left; display:inline; width:73%; margin-top:0px; margin-right:2%; padding:40px 20px 20px; background-color:#fff; } .page73-3 { float:left; display:inline-block; width:25%; margin-top:0px; padding:70px 20px 30px; background-color:#fff; } .page73-3 a { color:#7f6000; } .page73-3 a:hover { color:#f1c232; } /* 配置 */ .left { float:left; } .right { float:right; } .center { text-align:center; } /* 回り込み解除 */ .clearfix:after, .clearfix:before, .widget-wrapper:after, .widget-wrapper:before, #widget-left:after, #widget-left:before { content:' '; display:table; } .clear, .clearfix:after, .widget-wrapper:after { clear:both; } .list-dot { margin:12px 0px 12px 10px; } /* 見出し（h1～h6） */ h1 { position:relative; margin-bottom:0px; padding-bottom:0px; font-size:2.2rem; font-weight:500; line-height:2.6rem; color:#7f6000; } h1::before, .heading-lv1::after { display:block; content:""; } h1::after { position:absolute; bottom:-1px; left:0; width:100px; height:3px; background-color:#f1c232; } .heading { position:relative; margin-bottom:30px; padding-bottom:10px; font-size:2rem; font-weight:500; line-height:2.2rem; } .heading::before, .heading::after { display:block; content:""; } .heading::before { position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#e2e2e2; } .heading::after { position:absolute; bottom:-1px; left:0; width:100px; height:3px; background-color:#f1c232; } h2 { margin-top:24px; margin-bottom:10px; color:#7f6000; font-size:1.8rem; font-weight:600; } h3 { margin-top:12px; margin-bottom:10px; color:#7f6000; font-size:1.8rem; font-weight:600; } h4 { margin-top:20px; margin-bottom:6px; font-size:1.6rem; font-weight:600; } h5 { margin-top:20px; margin-bottom:6px; color:#7f6000; font-size:1.6rem; font-weight:500; } h5::before { content:"■"; color:#7f6000; margin-right:4px; } h6 { margin-top:0px; margin-bottom:3px; font-size:1.6rem; font-weight:500; } /* 本文内画像の設定 */ .alignnone { margin:0px 0px 0px 0px; } img.alignnone.size-full { margin:0px; max-width:100%; height:auto; } img.alignleft.size-full { margin:0px; max-width:100%; height:auto; } .aligncenter, div.aligncenter { display:block; margin:0px auto 10px; } .alignleft { float:left; margin:0px 20px 10px 0px; } .alignleft-end { float:left; margin:0px 0px 10px 0px; } .alignright { float:right; margin:0px 0px 10px 20px; } a img { background:none!important; } a:hover img { opacity:0.6; filter:alpha(opacity=60); -ms-filter:"alpha( opacity=60 )"; background:none!important; } /* 本文内画像の設定 (キャプション付) */ .wp-caption { max-width:100%!important; } .wp-caption.alignnone { margin:0px auto 10px; } .wp-caption.aligncenter { float:none; margin:18px auto; text-align:center; } .wp-caption.alignleft { margin:0px 20px 10px 0px; } .wp-caption.alignright { margin:0px 0px 10px 20px; } .wp-caption img { border:0 none; height:auto; margin:0; max-width:100%; padding:0; width:auto; } .wp-caption p.wp-caption-text { font-size:1.4rem; line-height:1.8rem; margin:0; padding:6px 0px 3px 3px; text-align:center; } img.wp-smiley { vertical-align:middle; } /* D1モデル解析結果：図と数式の表示 */ .tb-wrap .d1-figure { max-width:100%; margin:20px auto; text-align:center; } .tb-wrap .d1-figure img { max-width:100%; height:auto; } .tb-wrap .d1-figure figcaption { text-align:center; font-size:1.4rem; line-height:1.8; } .tb-wrap .d1-formula { text-align:center; margin:20px 0; overflow-x:auto; } /* Post Thumbnails */ img.wp-post-image, img.attachment-full, img.attachment-large, img.attachment-medium, img.attachment-thumbnail { display:block; margin:0px auto; width:auto; } /* ヘッダー */ header { z-index:500; position:fixed; top:0; left:0; width:100%; min-width:0; height:178px; border-top:3px solid #3c3630; } .header-in { display:flex; justify-content:space-between; width:100%; max-width:1200px; height:110px; margin-right:auto; margin-left:auto; padding-left:10px; } .header-box1 { display:flex; } .top-box { display:flex; flex-direction:column; align-items:center; justify-content:center; width:170px; height:110px; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; transition:opacity .35s; font-size:1.5rem; font-weight:400; } .top-box:hover { opacity:.75; } .top-box span { margin-top:2px; color:#b1b4b5; font-family:"Roboto",sans-serif; font-size:10rem; text-transform:uppercase; } .header-box2 { display:flex; flex-direction:column; border-right:1px solid #e2e2e2; } .top-menu-list { display:flex; justify-content:space-around; height:55px; padding:0 8px; font-size:1.3rem; font-weight:500; letter-spacing:.008em; text-transform:uppercase; } .top-menu-list>li { display:flex; align-items:center; } .top-menu-list>li a { transition:opacity .35s; } .top-menu-list>li a:hover { opacity:.75; } .header-signature { display:flex; justify-content:center; align-items:center; } .logomark { display:flex; align-items:center; transition:opacity 0.35s; } .logomark > img { width:240px; height:auto; } /* 検索 */ #s-form { position:relative; max-width:276px; } #s-box { height:26px; border-radius:2px; border:none; background:none; outline:0; margin-bottom:0px; } #s-btn { position:absolute; top:50%; right:6px; transform:translateY(-50%); display:flex; align-items:center; justify-content:center; width:26px; height:26px; padding:0; margin:0; background:none; border:none; font-size:18px; line-height:1; } #s-btn:hover { color:#7f6000; } .p-search { display:flex; align-items:center; justify-content:center; height:55px; z-index:300; } .p-search > div { position:relative; width:225px; padding:0 2px; margin:0px 15px; border:1px solid #e2e2e2; border-radius:30px; background-color:#fff; } .p-search input { -webkit-appearance:none; -moz-appearance:none; appearance:none; margin:0; padding:0; border:none; border-radius:0; outline:none; background:none; color:#30383c; font-family:'M PLUS 1p', 'メイリオ', Meiryo, sans-serif; font-weight:400; letter-spacing:0.01em; } .p-search input[type=text] { width:calc(100% - 30px); padding:3px 0 3px 10px; font-size:1.2rem; } .p-search input[type=text]::placeholder { color:#B1B4B5; } .p-search input[type=submit] { speak:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; padding:0 2px; color:#B1B4B5; font-family:'icomoon' !important; font-size:1.2rem; font-style:normal; font-variant:normal; font-weight:normal; line-height:1; text-transform:none; } #s-result { height:30px; border-radius:2px; border:none; background:none; outline:0; margin-bottom:0px; } /* メインメニュー */ .main-menu { display:flex; align-items:center; justify-content:space-around; width:100%; max-width:1200px; margin-right:auto; margin-left:auto; padding:0 10px; font-size:16px; font-weight:400; } .main-menu li { display:flex; position:relative; align-items:center; justify-content:center; text-align:center; height:65px; color:#fff; cursor:pointer; } .main-menu li::before { display:block; position:absolute; bottom:-3px; left:50%; width:0; height:3px; transform:translateX(-50%); background-color:#EB8400; content:""; transition:.35s; } .main-menu li.is-active::before, .main-menu li:hover::before { width:100%; } .main-menu li.current-menu-item::before, .main-menu li.current-menu-ancestor::before { width:100%; } /* フッターメニュー */ .footer-wrap { padding:10px 20px 30px; } .foot-menu { display:flex; align-items:center; justify-content:space-around; padding:0 10px; font-size:12px; } .foot-menu li { display:block; position:relative; align-items:center; justify-content:center; text-align:center; height:20px; padding:20px 15px; color:#fff; cursor:pointer; } .copy { display:block; color:#fff; font-size:12px; font-weight:400; line-height:1.2; text-align:center; margin-top:20px; } /* モーダルウィンドウ */ *, * :before, * :after { box-sizing:border-box; margin:0; } .content { margin:0 auto; padding:20px; } .box { background:#eee; height:200px; margin-bottom:100px; } .subhead { margin:20px 0px 10px 0px; color:#bcb620; font-size:18px; line-height:2.1rem; font-weight:500; } .subhead a:hover { color:#f1c232; } /* ウィジェットエリア on Head */ .top-widget P { margin-left:2rem; } .top-widget a { color:#7f6000; font-weight:700; text-align:left; font-family:'M PLUS 1p', 'メイリオ', Meiryo, sans-serif; text-decoration:none; letter-spacing:.1rem; } .top-widget a:hover { color:#7f6000; } /* ウィジェットエリア on Colophon */ .colophon-widget { display:inline-block; vertical-align:top; padding:1px 20px; height:auto; margin-left:auto; margin-right:20px; width:31%; background-color:#7f6000; border-left:1px dotted #CCC; clear:both; } .colophon-widget:first-child { border-left:none; } .colophon-widget select, .colophon-widget input[type="text"], .colophon-widget input[type="password"], .colophon-widget input[type="email"] { width:100%; } .colophon-widget ul, .colophon-widget ol { padding-left:0px; list-style-type:none; font-size:14px; line-height:16pt; } .colophon-widget h3 { margin-top:0px; margin-bottom:6px; font-size:1.6rem; color:#fff; } /* ウィジェットエリア on homepage */ .widget-wrapper1 { width:100%; margin:20px auto; padding:0px; } .widget-wrapper2 { display:block; width:100%; height:auto; margin:20px auto; padding:15px 30px; clear:both; background-color:#fff; overflow:hidden; } .widget-wrapper3 { display:block; width:100%; height:auto; margin:20px auto; padding:15px 20px; clear:both; background-color:#fff; overflow:hidden; } .widget-in-2 { width:auto; height:auto; margin:5px auto; padding:0px; } .widget-in-3 { width:auto; height:auto; margin:5px auto; padding:0px; font-size:14px; line-height:2rem; } .widget-ttl-2 { font-size:18px; font-weight:500; margin-bottom:10px; } .widget-ttl-3 { font-size:16px; font-weight:500; margin-bottom:10px; } .overview ol { list-style-type:decimal; margin:10px 0px 20px 20px; padding-left:10px; } .overview ul { list-style-type:inherit; margin:10px 0px 20px 20px; padding-left:10px; } /* ウイジェットエリア on contents-side page */ .widget-title, .widget-navi-title { font-size:18px; font-weight:500; line-height:30px; padding:0px 0px 20px; } .menu { font-size:15px; font-weight:500; line-height:34px; } /* ウイジェット 1 Important Notices 重要なお知らせバナー　*/ .notice-box { border:1px solid #CCC; background-color:#fff; margin:0px 0px 10px 0px; height:50px; padding:0px; width:100%; clear:both; } .widget-notice { font-size:16px; font-weight:500; color:#fff; text-align:center; margin:0px; padding:12px 20px; float:left; width:20%; height:auto; } .box-tx { float:left; font-size:16px; color:#444; padding:12px 20px; height:auto; } .box-tx:hover { color:#bcb620; cursor:pointer; } /* ウイジェット 2 Homepage Link Banner　*/ .widget-box { display:block; float:left; width:calc((100% - 40px) / 3); margin:0px 20px 20px 0px; padding:0px; border-bottom:1px solid #888; background-color:#ffffff; color:#444; } .widget-box:nth-of-type(3n) { margin:0px 0px 20px 0px; } .widget-box:hover { border-bottom:1px solid #f1c232; color:#f1c232; cursor:pointer; } .widget-boxin { display:block; height:60px; width:100%; margin:0px; padding:35px 5px 5px 5px; bottom:5px; text-align:left; font-size:16px; font-weight:400; line-height:18px; font-family:'M PLUS 1p', 'メイリオ', Meiryo, sans-serif; text-decoration:none; } /* ウイジェット 3 白地テキスト */ .widget-white { border:1px solid #CCC; background:#fff; margin:10px 0px; padding:10px 15px; width:100%; box-sizing:border-box; clear:both; font-size:16px; line-height:1.8; color:#444; } .widget-white-title { margin:0 0 5px 0; font-size:17px; font-weight:600; color:#bcb620; } /* 個別オプション */ .linear-drive-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:20px; } .linear-drive-item { min-width:0; } .linear-drive-item h5 { margin:0 0 12px; line-height:1.5; } .linear-drive-video { width:100%; margin-top:10px; } .linear-drive-video video, .linear-drive-video iframe { display:block; width:100%; height:auto; aspect-ratio:16 / 9; border:0; } .linear-drive-item p { text-align:right; margin-top:10px; } .award-table { border-collapse:collapse; } .award-table tr.year-start > td { border-top:2px solid #999; } /* リニアドライブ動画：スマホでは1列表示 */ @media (max-width: 767px) { .linear-drive-grid { grid-template-columns:1fr; } } /* トップページ：お知らせ */ .home-info { padding:30px 30px 20px; background-color:#fff; margin-top:15px; margin-left:auto; margin-right:auto; } .home-info_title { margin-top:0px; font-size:24px; font-weight:500; text-align:center; } .info-index { display:flex; align-items:center; justify-content:space-between; margin:40px 0px; padding:20px; background-color:rgba(239, 239, 239, 0.5); } .index-buttons { display:flex; margin:0; padding:0; background:none; } .info-list-link { margin-left:auto; font-size:1.4rem; font-weight:500; color:#7f6000; white-space:nowrap; } .info-list-link:hover { color:#f1c232; } .index-buttons > li { padding:5px; background-color:rgba(48, 56, 60, 0.2); color:#fff; text-align:center; justify-content:space-between; cursor:pointer; transition:opacity .35s; } .index-buttons > li:hover { opacity:.75; } .index-buttons > li.is-current { background-color:#f1c232; } .info-contents { height:auto; display:flex; flex-wrap:wrap; } .info-box { display:inline-block; width:23.5%; margin:0px 2% 20px 0px; padding:20px; border:1px solid #e2e2e2; } .info-box:nth-child(4n) { margin:0px 0px 20px 0px; } .info-box a:hover { color:#bcb620; cursor:pointer; } .info-box_image { display:block; position:relative; flex-direction:column; background-color:#EEE; } .info-box_image img { width:100%; height:120px; object-fit:cover; } .info-box_next { display:block; } .info-box_evetdate { display:inline-block; z-index:200; margin:8px auto 0px; padding:2px 6px; font-size:1rem; line-height:1.2rem; font-weight:500; color:#fff; } .info-box_issuedate { color:#888; margin-bottom:5px; font-size:1.6rem; } .info-box_title { display:block; margin:8px 0px 0px 0px; font-size:1.4rem; line-height:2rem; } #box-event { display:none; } #box-researcher { display:none; } /* 一覧ページ：お知らせ */ .info-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; } .info-head .info-switch { display:block; position:relative; width:100px; padding-right:12px; background-color:#515557; color:#fff; font-size:1.2rem; line-height:22px; text-align:center; transition:opacity 0.35s; } .info-head .info-switch::before { display:block; position:absolute; top:50%; right:10px; width:6px; height:6px; margin-top:-3px; transform:rotate(45deg); border-top:1px solid #fff; border-right:1px solid #fff; content:""; } .info-title { font-weight:500; text-align:center; } .news-list { margin:8px 0px 8px 0px; border-bottom:1px solid #eee; } .news-list_image { display:block; float:left; margin:0px 10px 10px 0px; } .news-list_image img { width:140px; height:140px; object-fit:cover; background-color:#EEE; } .news-list_next { display:block; margin-left:160px; } .news-list_title { display:block; margin:10px 0px; font-size:1.6rem; line-height:2rem; font-weight:500; } .news-list_text { font-size:1.5rem; line-height:1.9rem; font-weight:300; } .news-list_evetdate { display:inline-block; margin:0px auto 0px; padding:2px 6px; font-size:1.1rem; line-height:1.2rem; font-weight:500; color:#fff; } .news-list_date { font-size:1.3rem; line-height:2rem; font-weight:300; } .single-event-date { color:#7f6000; font-size:1.6rem; font-weight:500; } .single-event-date::before { content:"■"; color:#7f6000; margin-right:4px; } #meeting-year { padding:8px 35px 8px 12px; font-size:1.4rem; border:1px solid #ccc; border-radius:4px; background-color:#fff; } .meeting-year-select { flex-wrap:nowrap; } /* Navigation */ .navigation { color:#111; display:block; font-size:15px; height:25px; line-height:25px; margin:10px 0; padding:0 5px; } .navigation a { color:#aaa; padding:4px 10px; } .navigation a:hover { color:#bcb620; text-decoration:none; } .navigation .previous { float:left; } .navigation .next { float:right; } .navigation .bracket { font-size:36px; } /*** BxSlider v4.1.2 - Fully loaded, responsive content slider /** RESET AND LAYOUT */ .soutai { position:relative; text-align:left; vertical-align:middle; } .ttl-belt-top { position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:0; width:auto; z-index:400; background-color:rgba(191,144,0,0.45); pointer-events:none; } .ttl-belt-top P { position:absolute; left:40px; top:24px; color:#fff; font-size:32px; line-height:40px; text-shadow:1px 1px 9px #333; font-family:'Sawarabi Mincho'; font-weight:400; white-space:nowrap; letter-spacing:.1rem; } P.sub-c { position:absolute; color:#fff; text-shadow:0px 0px 9px #333; font-family:'Ubuntu'; } /**** BxSlider ****/ .bx-wrapper { width:1200px; position:relative; padding:0px; *zoom:1; margin:15px 0 25px 0; border:solid 1px #7f6000; border-radius:2px; z-index:200; } .bx-wrapper img { width:100%; height:100%; display:block; } /* THEME */ .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position:absolute; bottom:-10px; left:0px; width:100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height:50px; background:url(img/bx_loader.gif) center center no-repeat #fff; height:100%; width:100%; position:absolute; top:0; left:0; z-index:1000; } /* PAGER */ .bx-wrapper .bx-pager { position:absolute; bottom:0%; font-size:0px; font-family:Arial; font-weight:700; color:#fff; z-index:220; text-align:left; } .bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display:inline-block; *zoom:1; *display:inline; } .bx-wrapper .bx-pager.bx-default-pager a { background:#fff; display:block; width:10px; height:10px; outline:0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; box-shadow:0px 0px 2px; margin-left:12px; margin-bottom:10px; } .port_info { margin-top:40px; } .bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active { background:#69C; } /* スライド画像ごとの右下キャプション */ #bxslider .slide-item { position:relative; } #bxslider .slide-link { display:block; position:relative; } .soutai .slide-caption-layer { position:absolute; right:34px; bottom:28px; z-index:450; color:#fff !important; -webkit-text-fill-color:#fff !important; opacity:1 !important; font-size:16px; line-height:22px; font-family:'Sawarabi Mincho'; font-weight:400; text-align:right; text-shadow:0 1px 4px rgba(0,0,0,.9); white-space:nowrap; pointer-events:none; background:transparent; } .soutai .slide-caption-layer:empty { display:none; } /* 本文：表・リスト・フォーム */ .tb-wrap a { color:#b24a16; font-weight:500; text-decoration:none; } .tb-wrap a:hover { color:#8f2f0f; } .tb-wrap { font-size:1.6rem; line-height:2.6rem; margin:9px 0px; } .tb-wrap th { color:#7f6000; font-size:1.5rem; line-height:2.4rem; font-weight:400; text-align:left; vertical-align:baseline; padding:6px 10px; background-color:#FAFAFA; border-top:solid #CCC 1px; border-right:solid #CCC 1px; border-bottom:solid #CCC 1px; } .tb-wrap th:last-child { border-right:none; } .tb-wrap td { font-size:1.5rem; line-height:2.4rem; text-align:left; vertical-align:baseline; padding:6px 10px; border-top:solid #CCC 1px; border-right:solid #CCC 1px; border-bottom:solid #CCC 1px; } .tb-wrap td:last-child { border-right:none; } .tb-wrap table { width:100%; margin:0px 0px 10px 0px; } .tb-wrap table ol { list-style-type:decimal; margin:0px 5px; padding-left:16px; font-size:1.5rem; line-height:2.3rem; } .tb-wrap table ul { list-style-type:inherit; margin:0px 8px; padding-left:16px; font-size:1.5rem; line-height:2.3rem; } .tb-wrap table li { list-style-type:inherit; margin:3px 0px; } .tb-wrap ol { list-style-type:decimal; margin:0px 10px; padding-left:20px; padding-bottom:10px; font-size:1.6rem; line-height:2.8rem; } .tb-wrap ul { list-style-type:inherit; margin:0px 10px; padding-left:20px; padding-bottom:10px; font-size:1.6rem; line-height:2.8rem; } .tb-wrap ul li::marker { font-size:1.4rem; line-height:2.8rem; } .tb-wrap li { list-style-type:inherit; margin:3px 0px; } .tb-wrap label { font-size:1.4rem; font-weight:700; line-height:3rem; } .tb-wrap legend { padding:2px 5px; } .tb-wrap fieldset { border:1px solid #ccc; margin:0 0 1.5em; padding:1em 2em; } .tb-wrap select, .tb-wrap input[type="text"], .tb-wrap input[type="password"], .tb-wrap input[type="email"] { -moz-box-sizing:border-box; -moz-border-radius:2px; -webkit-box-sizing:border-box; -webkit-border-radius:2px; -webkit-box-shadow:0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow:0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.2); background-color:#fff; box-sizing:border-box; border:1px solid #aaa; border-bottom-color:#ccc; border-radius:2px; outline:none; margin:3px; padding:6px; vertical-align:middle; } .tb-wrap select { height:auto; width:auto; } .tb-wrap textarea { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-border-radius:2px; -webkit-box-shadow:0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.2); background-color:#fff; box-shadow:0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.2); box-sizing:border-box; border:1px solid #aaa; border-bottom-color:#ccc; border-radius:2px; height:auto; overflow:auto; margin:0px; outline:none; padding:8px; width:100%; } .tb-wrap input, .tb-wrap select { cursor:pointer; } .tb-wrap inputinput[type='text'], .tb-wrap input[type='password'] { cursor:text; } .tb-wrap a.button, .tb-wrap input[type='reset'], .tb-wrap input[type='button'], .tb-wrap input[type='submit'] { background-color:#bcb620; border:1px solid #999; color:#fff; font-size:1.6rem; font-weight:700; line-height:18px; cursor:pointer; display:inline-block; margin:3px; padding:4px 12px; } .tb-wrap a.button:hover, .tb-wrap input[type='reset']:hover, .tb-wrap input[type='button']:hover, .tb-wrap input[type='submit']:hover { background-color:#7f6000; border:1px solid #bcb620; } .tb-wrap blockquote { margin:15px 0; padding:10px 20px; border-left:4px solid #ccc; background:#f5f5f5; } /* ■マークのリスト