/* TC_20191203 583行目#archive-ribbon非表示の記述の解除 */ #tgr_2019 .display_pc { display: none; } #tgr_2019 .display_sp { display: inherit; } /* メインビジュアル */ #tgr_2019 .kv_tmp_heading { border-bottom: none; background-color: #fff; margin-bottom: 60px; } #tgr_2019 .kv_tmp_heading .kv_title { padding: 88.5% 8% 10%; } #tgr_2019 .kv_tmp_heading .kv_title h1 { margin-bottom: 15px; } #tgr_2019 .kv_tmp_heading .kv_title h1 + p { font-weight: bold; } #tgr_2019 .kv_tmp_heading.kv_low .kv_title { padding: 65.336% 8% 8%; } #tgr_2019 .kv_tmp_heading.kv_none { margin-bottom: 40px; } #tgr_2019 .kv_tmp_heading.kv_none .bg_image { display: none; } #tgr_2019 .kv_tmp_heading.kv_none .kv_title { padding-top: 13.335%; padding-bottom: 0; } #tgr_2019 .kv_tmp_heading.kv_none .kv_title h1 {padding-top: 6.8vw; } #tgr_2019 .kv_tmp_heading.kv_none .kv_title h1 + p { color: #000; white-space: normal; word-break: keep-all; } /* メインカラム */ #tgr_2019 .tmp_column_main { max-width: 800px; min-width: 0; } #tgr_2019 .tmp_contents_box { border-bottom: 1px solid #f2f2f2; padding-bottom: 60px; margin-bottom: 60px; } #tgr_2019 .tmp_ranking_box { margin-top: 30px; } #tgr_2019 .tmp_ranking_box + .tmp_ranking_box { margin-top: 60px; } /* ボタン */ #tgr_2019 .tmp_btn { margin: 60px 0; } #tgr_2019 .tmp_btn a { color: #000; font-size: 12px; font-size: 3.2vw; font-weight: bold; text-align: center; display: block; padding: 15px 0; background-color: #eee; position: relative; } #tgr_2019 .tmp_btn a:after { content: ""; width: 5px; height: 5px; transform: translateY(-50%) rotate(45deg); position: absolute; top: 50%; right: 10px; border-top: 2px solid #e60010; border-right: 2px solid #e60010; } #tgr_2019 .tmp_btn a + a { margin-top: 10px; } /* タイトル */ #tgr_2019 .tmp_page-title { color: #000; font-size: 20px; font-size: 5.3333vw; font-weight: bold; padding-top: 0; font-family: 'DecimaMonoProLt', sans-serif; font-size: 32px; font-size: 8.5333vw; font-style: italic; line-height: 1; letter-spacing: -.05em; } #tgr_2019 .tmp_page-title.line4_2 { padding-left: 14%; } #tgr_2019 .tmp_page-title.line4_2 .svg_ttl { left: 14%; } /* サブタイトル */ #tgr_2019 .tmp_page-subtitle { color: #000; font-size: 15px; font-size: 4vw; font-weight: bold; padding: 15px 0; position: relative; border-top: 3px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 30px; } #tgr_2019 .tmp_page-subtitle:before { content: ""; position: absolute; top: -3px; left: 0; background-color: #e60012; width: 20%; height: 3px; } /* タイトル下キャプション */ #tgr_2019 .tmp_page-caption { font-size: 15px; font-size: 4vw; font-weight: bold; margin-top: 25px; margin-bottom: 15px; } #tgr_2019 .tmp_image-caption { margin-top: 25px; margin-bottom: 15px; } /* 文章 */ #tgr_2019 p + p { margin-top: 1em; } #tgr_2019 .tmp_article_image .photo_sp_bottom { margin-top: 30px; } #tgr_2019 .tmp_article_image + .tmp_article_image { margin-top: 30px; } #tgr_2019 .tmp_article_image .photo_sp_top + p { margin-top: 30px; } #tgr_2019 .tmp_article_image .caution { font-size: 10px; font-size: 2.6666vw; } /* 画像 */ #tgr_2019 .tmp_image_box { margin-top: 30px; } #tgr_2019 .tmp_image_box figure + figure { margin-top: 25px; } #tgr_2019 .tmp_image_box figcaption { font-size: 14px; font-size: 3.7333vw; font-weight: bold; margin-top: 10px; } #tgr_2019 .tmp_image_box figure img { width: 100%; } #tgr_2019 .tmp_image_box + p { margin-top: 30px; } #tgr_2019 .tmp_image_verticalbox { margin-top: 30px; } #tgr_2019 .tmp_image_verticalbox li + li { margin-top: 30px; } #tgr_2019 .tmp_image_verticalbox dt + dd { margin-top: 15px; } #tgr_2019 .tmp_image_verticalbox dd .week + h3 { margin-top: 10px; } #tgr_2019 .tmp_image_verticalbox dd h3 { font-size: 14px; font-size: 3.7333vw; font-weight: bold; margin-bottom: 6px; } #tgr_2019 .tmp_image_verticalbox .tmp_label { font-size: 12px; font-size: 3.2vw; font-weight: bold; background-color: #f2f2f2; padding: 5px 15px; display: inline-block; } #tgr_2019 .tmp_card-group { margin-top: 30px; } #tgr_2019 .tmp_card-item + .tmp_card-item { margin-top: 50px; } #tgr_2019 .tmp_card-image { } #tgr_2019 .tmp_card-title { font-size: 15px; font-size: 4vw; font-weight: bold; margin-top: 25px; margin-bottom: 15px; } /* モーダルギャラリー */ .tmp_scaleup-gallery { margin-top: 30px; margin-right: -5%; margin-left: -5%; } .tmp_scaleup-gallery ul { display: flex; flex-wrap: wrap; } .tmp_scaleup-gallery li:first-of-type { width: 100%; } .tmp_scaleup-gallery li.wide { width: calc(100% / 5 * 1.5); } .tmp_scaleup-gallery li.narrow { width: calc(100% / 5); } .tmp_scaleup-gallery li.vertical { width: calc(100% / 5 * 0.755); } .tmp_scaleup-gallery li img { border: 1px solid #f2f2f2; } /* テーブル */ #tgr_2019 .tmp_table_area { } #tgr_2019 .tmp_table_area .tmp_table_caption { margin-top: 30px; } #tgr_2019 .tmp_table_area .tmp_table_caption p { font-size: 10px; font-size: 2.6666vw; } #tgr_2019 .tmp_table_area .tmp_table_wrap { overflow: auto; } #tgr_2019 .tmp_table_area .tmp_table_graph + table { margin-top: 35px; } #tgr_2019 .tmp_table_area .tmp_table_graph img { max-width: 800px; } #tgr_2019 .tmp_table_area th, #tgr_2019 .tmp_table_area td { font-size: 13px; text-align: center; vertical-align: middle; padding: 5px; border: 1px solid #fff; } #tgr_2019 .tmp_table_area tr.bg-pink th, #tgr_2019 .tmp_table_area tr.bg-pink td { background-color: #f8d3d5; } #tgr_2019 .tmp_table_area th { color: #fff; background-color: #666; white-space: nowrap; height: 40px; } #tgr_2019 .tmp_table_area th.text-left { text-align: left; padding-left: 10px; } #tgr_2019 .tmp_table_area td { background-color: #f5f5f5; } #tgr_2019 .tmp_table_area td.driver { text-align: left; } #tgr_2019 .tmp_table_area td.driver .inner { display: flex; align-items: center; } #tgr_2019 .tmp_table_area td.driver .driver-name + .icon { margin-left: 10px; } #tgr_2019 .tmp_table_area td.driver .icon img { width: 20px; min-width: 20px; } #tgr_2019 .tmp_table_area td.total { color: #e60012; font-size: 18px; font-weight: bold; } #tgr_2019 .tmp_table_area td.round { width: 36px; } /* スケジュール */ #tgr_2019 .tmp_schedule_area { margin-top: 30px; } #tgr_2019 .tmp_schedule_area ul { display: flex;flex-wrap: wrap; margin-right: -6px; margin-left: -6px; } #tgr_2019 .tmp_schedule_area .tmp_schedule_item { width: 50%; padding: 6px; } #tgr_2019 .tmp_schedule_area .tmp_schedule_item .wrap { position: relative; padding: 5px 9px; border: 1px solid #ccc; } #tgr_2019 .tmp_schedule_area .tmp_schedule_country { display: flex; align-items: center; font-size: 12px; font-size: 3.2vw; } #tgr_2019 .tmp_schedule_area .tmp_schedule_country img { height: 11px; width: auto; } #tgr_2019 .tmp_schedule_area .tmp_schedule_country em { margin-left: 5px; } #tgr_2019 .tmp_schedule_area .tmp_schedule_date { display: block; font-size: 10px; font-size: 2.6666vw; font-weight: bold; margin-top: 10px; } #tgr_2019 .tmp_schedule_area h3 { font-size: 10px; font-size: 2.6666vw; border-left: 2px solid #e60010; padding-left: 3px; margin-top: 8px; } #tgr_2019 .tmp_schedule_area .wrap span { position: absolute; top: 0; right: 0; width: 28%; } /* カレンダー */ #tgr_2019 .tmp_calendar_area .cal-list { border-top: 1px solid #f2f2f2; } #tgr_2019 .tmp_calendar_area .cal-list__item { border-bottom: 1px solid #f2f2f2; padding-top: 25px; padding-bottom: 25px; } #tgr_2019 .tmp_calendar_area .cal-list__item__wrap__01 { display: flex; flex-wrap: wrap; align-items: center; } #tgr_2019 .tmp_calendar_area .cal-list__item__cell__01 { font-family: 'DecimaMonoPro', sans-serif; font-style: italic; text-align: center; padding-right: 5vw; } #tgr_2019 .tmp_calendar_area .cal-list__item__cell__01__label { color: #e60010; font-size: 13px; font-size: 3.4666vw; line-height: 1; font-weight: bold; } #tgr_2019 .tmp_calendar_area .cal-list__item__cell__01__rank { font-size: 42px; font-size: 11.2vw; letter-spacing: -.1em; line-height: 1; padding-right: .2em; } #tgr_2019 .tmp_calendar_area .cal-list__item__cell__02 { max-width: 78%; } #tgr_2019 .tmp_calendar_area .cal-list__item__title { font-size: 18px; font-size: 4.8vw; font-weight: bold; } #tgr_2019 .tmp_calendar_area .cal-list__item__data { border-left: 3px solid #e60010; padding-left: 5px; margin-top: 10px; } #tgr_2019 .tmp_calendar_area .cal-list__item__data__dt { font-size: 12px; font-size: 3.2vw; font-weight: bold; } #tgr_2019 .tmp_calendar_area .cal-list__item__data__dd { font-size: 10px; font-size: 2.6666vw; } #tgr_2019 .tmp_calendar_area .cal-list__item__data__dd span { font-weight: bold; } #tgr_2019 .tmp_calendar_area .cal-list__item__cell__03 { width: 100%; } #tgr_2019 .tmp_calendar_area .cal-list__item__cell__03 .tmp_btn { margin-top: 30px; } /* スペック */ #tgr_2019 .tmp_car-spec { overflow-x: auto; margin-top: 40px; } #tgr_2019 .tmp_car-spec table { min-width: 100%; width: auto; } #tgr_2019 .tmp_car-spec .tmp_car-spec-title { font-size: 15px; background-color: #ececec; } #tgr_2019 .tmp_car-spec tr { background-color: #f3f3f3; border-bottom: 1px solid #fff; white-space: nowrap; } #tgr_2019 .tmp_car-spec th, #tgr_2019 .tmp_car-spec td { font-size: 13px; text-align: left; padding: 5px 12px; vertical-align: middle; } #tgr_2019 .tmp_car-spec td { color: #f17363; } /* ドライバー */ #tgr_2019 .tmp_driver_area { margin-top: 30px; } #tgr_2019 .driver-list--item + .driver-list--item { margin-top: 60px; } #tgr_2019 .driver-list--name { font-size: 18px; font-size: 4.8vw; font-weight: bold; } #tgr_2019 .driver-list--prof { margin-top: 1em; } #tgr_2019 .driver-list--prof p { font-size: 12px; font-size: 3.2vw; margin-bottom:30px;} #tgr_2019 .driver-list--history { margin-top: 1em; } #tgr_2019 .driver-list--history p { font-size: 14px; font-size: 3.7333vw; margin-bottom: 1em; } #tgr_2019 .driver-list--history ul li { padding: 5px 0; border-top: 1px solid #f2f2f2; } #tgr_2019 .driver-list--history ul li dl { display: table; } #tgr_2019 .driver-list--history ul li dl dt, #tgr_2019 .driver-list--history ul li dl dd { font-size: 12px; font-size: 3.2vw; display: table-cell; } #tgr_2019 .driver-list--history ul li dl dt { width: 5em; } #tgr_2019 .driver-list--history .tglbox .tglbtn { font-size: 14px; text-align: center; font-weight: bold; cursor: pointer; display: inline-block; width: 225px; padding: 8px; background: #f2f2f2; transition-duration: 200ms; margin-top: .5em; position: relative; } #tgr_2019 .driver-list--history .tglbox .tglbtn:before { content: ""; position: absolute; top: 50%; right: 12px; transform: translateY(-50%); width: 10px; height: 2px; background-color: #e60010; } #tgr_2019 .driver-list--history .tglbox .tglbtn:after { content: ""; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); width: 2px; height: 10px; background-color: #e60010; } #tgr_2019 .driver-list--history .tglbox .tglbtn.close:after { transform: translateY(-50%) rotate(90deg); } /* チーム */ #tgr_2019 .tmp_team_area { margin-top: 30px; } #tgr_2019 .team-list { display: flex; justify-content: space-between; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } #tgr_2019 .team-list--item { width: 50%; padding-right: 5px; padding-left: 5px; } #tgr_2019 .team-list--item:nth-of-type(n+3) { margin-top: 20px; } #tgr_2019 .team-list--item dl dt { margin-bottom: 15px; } #tgr_2019 .team-list--item dl dd { font-size: 14px; font-size: 3.7333vw; font-weight: bold; } #tgr_2019 .team-list--item dl dd span { display: block; font-size: 10px; font-size: 3.2vw; font-weight: normal; } /* スペシャル */ #tgr_2019 .tmp_special_area a { display: block; } #tgr_2019 .tmp_special_area .meta { display: flex; flex-direction: column-reverse; margin-top: 15px; } #tgr_2019 .tmp_special_area .meta time, #tgr_2019 .tmp_special_area .meta h3 { color: #000; } #tgr_2019 .tmp_special_area .meta time { font-size: 12px; font-size: 3.2vw; margin-top: 5px; } #tgr_2019 .tmp_special_area .meta h3 { font-size: 16px; font-size: 4.2666vw; font-weight: bold; } #tgr_2019 .tmp_special_area .content-columns { width: 100%; } #tgr_2019 .tmp_special_area .content-3columns article { margin-top: 30px; } /* スポンサー */ #tgr_2019 .tmp_sponsor_area .spo-list { border-top: 1px solid #f2f2f2; } #tgr_2019 .tmp_sponsor_area .spo-list__item { border-bottom: 1px solid #f2f2f2; padding-top: 15px; padding-bottom: 25px; } #tgr_2019 .tmp_sponsor_area .spo-list__item__wrap__01 { display: flex; justify-content: space-between; align-items: center; } #tgr_2019 .tmp_sponsor_area .spo-list__item__cell__01 { width: 42%; padding-left: 3.6%; } #tgr_2019 .tmp_sponsor_area .spo-list__item__cell__02 { width: 58%; padding-left: 5%; } #tgr_2019 .tmp_sponsor_area .spo-list__item__title { font-size: 14px; font-size: 3.7333vw; font-weight: bold; } #tgr_2019 .tmp_sponsor_area .spo-list__item__cell__03 .tmp_btn { display: flex; justify-content: space-between; margin-top: 15px; } #tgr_2019 .tmp_sponsor_area .spo-list__item__cell__03 .tmp_btn a { width: 49%; margin-right: 0; margin-left: 0; } #tgr_2019 .tmp_sponsor_area .spo-list__item__cell__03 .tmp_btn a + a { margin-top: 0; } /* シーズン */ .tmp_season_area .sea-list--item + .sea-list--item { margin-top: 35px; } .tmp_season_area .sea-list--item--txt { color: #000; font-size: 16px; font-size: 4.2666vw; font-weight: bold; margin-top: 15px; } /* お問い合わせ */ .contact-box { padding-bottom: 30px; border-bottom: 1px solid #f2f2f2; } .contact-box p { font-size: 12px; font-size: 3.2vw; } .contact-box a { color: #000; } .contact-box .logo { border: 1px solid #eee; padding: 10% 18%; margin-bottom: 20px; } .contact-box .contact-name { font-weight: bold; margin-bottom: -1em; } /* 関連トピックス */ .tmp_relation_topics { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding-top: 20px; padding-bottom: 25px; margin-top: 40px; } .tmp_relation_topics dt { font-size: 15px; font-size: 4vw; font-weight: bold; margin-bottom: 15px; border-left: 3px solid #e60010; padding-left: 10px; } .tmp_relation_topics .tmp_relation_topics-title, .tmp_relation_topics .tmp_relation_topics-caption { font-size: 12px; font-size: 3.2vw; } .tmp_relation_topics .tmp_relation_topics-title { font-weight: bold; } .tmp_relation_topics li { position: relative; padding-left: 12px; } .tmp_relation_topics li:before { content: ""; width: 3px; height: 3px; background-color: #e60010; position: absolute; top: .6em; left: 0; } .tmp_relation_topics li + li { margin-top: 25px; } .tmp_relation_topics a { color: #000; } .tmp_relation_topics.tandem { margin-top: 50px; } /* 右カラム */ #tgr_2019 .tmp_column_right { color: #000; } #tgr_2019 .tmp_column_right section + section { margin-top: 60px; } #tgr_2019 .tmp_column_right .side-title { color: #000; font-family: 'DecimaMonoPro', sans-serif; font-size: 32px; font-size: 8.5333vw; font-style: italic; line-height: 1; letter-spacing: -.05em; margin-top: -.15em; margin-bottom: 30px; } #tgr_2019 .tmp_column_right .side-title:first-letter { color: #e60010; } #tgr_2019 .tmp_column_right .news {padding: 0 0; } #tgr_2019 .tmp_column_right .news:before {display:none; } #tgr_2019 .movie a { display: block; position: relative; overflow: hidden; } #tgr_2019 .movie a:after { content: ''; width: 25%; height: 0; padding-top: 25%; background: url("https://toyotagazooracing.com/pages/contents/jp/wec/images/movie_icon.png") no-repeat center; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #tgr_2019 .tmp_column_right .recommend .movie img { vertical-align: top; width: 100%; height: auto; } #tgr_2019 .tmp_column_right .news-list li { border-bottom: 1px solid #e5e5e5; padding: 15px 0; } #tgr_2019 .tmp_column_right .news-list li:first-child { padding-top: 0; } #tgr_2019 .tmp_column_right .news-list a { display: flex; justify-content: space-between; } #tgr_2019 .tmp_column_right .news-list .image { width: 40%; } #tgr_2019 .tmp_column_right .news-list .text { width: 56%; padding-top: 0px;} #tgr_2019 .tmp_column_right .news-list .text p { font-size: 12px; font-size: 3.2vw; font-weight: bold; } #tgr_2019 .tmp_column_right .news-list .text time { font-family: 'DecimaMonoPro', sans-serif; color: #a3a3a3; font-size: 12px; font-size: 3.2vw; display: block; margin-bottom: 6px; } #tgr_2019 .tmp_column_right .info .news-list a { position: relative; padding-right: 2em; } #tgr_2019 .tmp_column_right .info .news-list a:after { content: ""; width: 5px; height: 5px; transform: translateY(-50%) rotate(45deg); position: absolute; top: 50%; right: 10px; border-top: 2px solid #e60010; border-right: 2px solid #e60010; } #tgr_2019 .tmp_column_right .info .news-list .text { width: 100%; } #tgr_2019 .tmp_column_right .calendar { display: none; } #tgr_2019 .tmp_column_right .calendar .contents-list li { border-bottom: 1px solid #e5e5e5; padding: 15px 0; } #tgr_2019 .tmp_column_right .calendar .contents-list li:first-child { padding-top: 0; } /*#tgr_2019 .tmp_column_right .calendar .contents-list li:nth-of-type(n + 7) { display: none; }*/ #tgr_2019 .tmp_column_right .calendar .contents-list a { color: #000; display: block; position: relative; } #tgr_2019 .tmp_column_right .calendar .contents-list a:after { content: ""; width: 5px; height: 5px; transform: translateY(-50%) rotate(45deg); position: absolute; top: 50%; right: 0; border-top: 2px solid #e60010; border-right: 2px solid #e60010; } #tgr_2019 .tmp_column_right .calendar .cal-date, #tgr_2019 .tmp_column_right .calendar .location { font-size: 12px; font-size: 3.2vw; } #tgr_2019 .tmp_column_right .calendar .cal-date { margin-bottom: 6px; } #tgr_2019 .tmp_column_right .calendar .cal-title { font-size: 14px; font-size: 3.7333vw; font-weight: bold; } #tgr_2019 .tmp_column_right .calendar .location { display: flex; } #tgr_2019 .tmp_column_right .calendar .location dd { font-weight: bold; } #tgr_2019 .tmp_column_right .calendar .location dt + dd { margin-left: 5px; } #tgr_2019 .tmp_column_right .contents-list a:hover { opacity: .7; } /* フッタカラム */ #tgr_2019 .tmp_column_bottom { border-top: 15px solid #f2f2f2; padding-top: 60px; padding-bottom: 60px; margin-top: 60px; } #tgr_2019 .tmp_column_bottom .tmp_bottom-section + .tmp_bottom-section { margin-top: 80px; } #tgr_2019 .tmp_column_bottom .bottom-title { padding-top: 6.934vw; margin-bottom: 30px; } #tgr_2019 .tmp_column_bottom .link-list li + li { margin-top: 30px; } #tgr_2019 .tmp_column_bottom .link-list figure img { width: 100%; } #tgr_2019 .tmp_column_bottom .link-list figcaption { color: #000; font-size: 14px; font-size: 3.7333vw; font-weight: bold; margin-top: 12px; } #tgr_2019 .tmp_column_bottom .sponser-menu { display: flex; flex-wrap: wrap;; } #tgr_2019 .tmp_column_bottom .sponser-menu li { width: 50%; } @media (min-width: 769px) { #tgr_2019 .display_pc { display: inherit; } #tgr_2019 .display_sp { display: none; } /* メインビジュアル */ #tgr_2019 .kv_tmp_heading { margin-bottom: 100px; } #tgr_2019 .kv_tmp_heading .kv_title { max-width: 1200px; text-align: left; padding: 0 15px; margin-right: auto; margin-left: auto; } #tgr_2019 .kv_tmp_heading .kv_title h1 { padding-left: 40px; } #tgr_2019 .kv_tmp_heading .kv_title h1 .svg_ttl { height: 50px; } #tgr_2019 .kv_tmp_heading .kv_title h1 + p { font-size: 18px; font-weight: 700; padding-left: 40px; } #tgr_2019 .kv_tmp_heading.kv_low .kv { padding: 125px 0; } #tgr_2019 .kv_tmp_heading.kv_large { margin-bottom: 120px; } #tgr_2019 .kv_tmp_heading.kv_low .kv_title { padding: 0 15px; } #tgr_2019 .kv_tmp_heading.kv_none { margin-bottom: 60px; } #tgr_2019 .kv_tmp_heading.kv_none .kv { padding: 80px 0 0; } #tgr_2019 .kv_tmp_heading.kv_none .kv_title { padding: 0 15px; } #tgr_2019 .kv_tmp_heading.kv_none .kv_title h1 { padding-top: 0; padding-left: 35px; margin-bottom: 5px; } #tgr_2019 .kv_tmp_heading.kv_none .kv_title h1 .svg_ttl { height: 40px; } #tgr_2019 .kv_tmp_heading.kv_none .kv_title h1 + p { font-size: 14px; padding-left: 35px; } /* メインカラム */ /* 右カラム */ #tgr_2019 .tmp_column_main + .tmp_column_right { padding-left: 6.667%; } /* メインカラム */ #tgr_2019 .tmp_contents_box { padding-bottom: 80px; margin-bottom: 80px; } #tgr_2019 .tmp_contents_box:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } /* ボタン */ #tgr_2019 .tmp_btn { display: flex; justify-content: center; } #tgr_2019 .tmp_btn a { font-size: 14px; width: 380px; margin-right: 5px; margin-left: 5px; } #tgr_2019 .tmp_btn a:after { right: 20px; } #tgr_2019 .tmp_btn a + a { margin-top: 0; } #tgr_2019 .tmp_btn a:hover { color: #fff; background-color: #000; } #tgr_2019 .tmp_btn a:hover svg { fill: #fff; } /* タイトル */ #tgr_2019 .tmp_page-title { font-size: 36px; } #tgr_2019 .tmp_page-title.line4_2 { padding-left: 50px; padding-top: 0; } /* サブタイトル */ #tgr_2019 .tmp_page-subtitle { font-size: 24px; padding-top: 20px; padding-bottom: 20px; } #tgr_2019 .tmp_page-subtitle:before { width: 28%; } /* タイトル下キャプション */ #tgr_2019 .tmp_page-caption { font-size: 16px; margin-top: 40px; margin-bottom: 20px; } #tgr_2019 .tmp_image-caption { margin-top: 40px; margin-bottom: 20px; } /* 文章 */ #tgr_2019 .tmp_article_image { display: flex; justify-content: space-between; } #tgr_2019 .tmp_article_image + .tmp_article_image { margin-top: 20px; } #tgr_2019 .tmp_article_image p { width: 47.5%; line-height: 2; } #tgr_2019 .tmp_article_image .photo_sp_bottom { margin-top: 0; } #tgr_2019 .tmp_article_image .photo_pc_right { width: 47.5% } #tgr_2019 .tmp_article_image .photo_pc_left { width: 47.5%; } #tgr_2019 .tmp_article_image .photo_sp_top + p { margin-top: 0; } #tgr_2019 .tmp_article_image .caution { font-size: 14px; } /* 画像 */ #tgr_2019 .tmp_image_box { display: flex; flex-wrap: wrap; margin-top: 50px; margin-right: -10px; margin-left: -10px; } #tgr_2019 .tmp_image_box figure + figure { margin-top: 0; } #tgr_2019 .tmp_image_box figcaption { font-size: 12px; } #tgr_2019 .tmp_image_box figcaption.textC { width: 100%; } #tgr_2019 .tmp_image_box.tmp_image-2 figure { width: 50%; padding-right: 10px; padding-left: 10px; } #tgr_2019 .tmp_image_box.tmp_image-2 figure:nth-of-type(n+3) { margin-top: 30px; } #tgr_2019 .tmp_image_box.tmp_image-3 figure { width: 33.3333%; padding-right: 10px; padding-left: 10px; } #tgr_2019 .tmp_image_box.tmp_image-3 figure:nth-of-type(n+4) { margin-top: 30px; } #tgr_2019 .tmp_image_box.tmp_image-4 figure { width: 25%; padding-right: 10px; padding-left: 10px; } #tgr_2019 .tmp_image_box.tmp_image-4 figure:nth-of-type(n+5) { margin-top: 30px; } #tgr_2019 .tmp_image_box + p { margin-top: 50px; } #tgr_2019 .tmp_image_verticalbox { margin-top: 50px; } #tgr_2019 .tmp_image_verticalbox li + li { margin-top: 20px; } #tgr_2019 .tmp_image_verticalbox dl { display: flex; justify-content: space-between; } #tgr_2019 .tmp_image_verticalbox dt { width: 32%; } #tgr_2019 .tmp_image_verticalbox dd { width: 65%; } #tgr_2019 .tmp_image_verticalbox dt + dd { margin-top: 0; } #tgr_2019 .tmp_image_verticalbox .tmp_label { font-size: 12px; } #tgr_2019 .tmp_image_verticalbox dd h3 { font-size: 16px; } #tgr_2019 .tmp_card-group { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 50px; } #tgr_2019 .tmp_card-group .tmp_card-item { width: 47.5%; } #tgr_2019 .tmp_card-group .tmp_card-item:nth-last-of-type(n+3) { margin-bottom: 40px; } #tgr_2019 .tmp_card-group .tmp_card-item + .tmp_card-item { margin-top: 0; } #tgr_2019 .tmp_card-group .tmp_card-title { font-size: 22px; } /* モーダルギャラリー */ .tmp_scaleup-gallery { margin-right: 0; margin-left: 0; } .tmp_scaleup-gallery ul { margin: -10px; } .tmp_scaleup-gallery li { padding-right: 10px; padding-bottom: 10px; } .tmp_scaleup-gallery li.vertical { width: calc(100% / 5 * 0.79); } .tmp_scaleup-gallery li.wide img, .tmp_scaleup-gallery li.narrow img, .tmp_scaleup-gallery li.vertical img { max-height: 158px; } /* テーブル */ #tgr_2019 .tmp_table_area .tmp_table_caption p { font-size: 11px; } #tgr_2019 .tmp_table_area table { width: 100%; } #tgr_2019 .tmp_table_area th, #tgr_2019 .tmp_table_area td { font-size: 12px; padding: 5px 2px; } #tgr_2019 .tmp_table_area td.total { font-size: 16px; } /* スケジュール */ #tgr_2019 .tmp_schedule_area { margin-top: 50px; } #tgr_2019 .tmp_schedule_area ul { margin-right: -7px; margin-left: -7px; } #tgr_2019 .tmp_schedule_area .tmp_schedule_item { width: 33.3333%; padding: 7px; } #tgr_2019 .tmp_schedule_area .tmp_schedule_item .wrap { padding: 11px 14px; } #tgr_2019 .tmp_schedule_area .tmp_schedule_country { font-size: 12px } #tgr_2019 .tmp_schedule_area .tmp_schedule_country img { height: 14px; } #tgr_2019 .tmp_schedule_area .tmp_schedule_date { font-size: 12px; } #tgr_2019 .tmp_schedule_area h3 { font-size: 12px; padding-left: 5px; } #tgr_2019 .tmp_schedule_area .wrap span { width: 23%; } /* カレンダー */ #tgr_2019 .tmp_calendar_area .cal-list__item { display: flex; justify-content: space-between; padding-top: 35px; padding-bottom: 35px; } #tgr_2019 .tmp_calendar_area .cal-list__item__wrap__01 { flex-wrap: nowrap; } #tgr_2019 .tmp_calendar_area .cal-list__item__cell__01 { padding-right: 40px; } #tgr_2019 .tmp_calendar_area .cal-list__item__cell__01__label { font-size: 18px; } #tgr_2019 .tmp_calendar_area .cal-list__item__cell__01__rank { font-size: 50px; } #tgr_2019 .tmp_calendar_area .cal-list__item__cell__02 { max-width: 100%; } #tgr_2019 .tmp_calendar_area .cal-list__item__title { font-size: 24px; } #tgr_2019 .tmp_calendar_area .cal-list__item__data { padding-left: 10px; } #tgr_2019 .tmp_calendar_area .cal-list__item__data__dt { font-size: 14px; } #tgr_2019 .tmp_calendar_area .cal-list__item__data__dd { font-size: 12px; } #tgr_2019 .tmp_calendar_area .cal-list__item__data__dd span { } #tgr_2019 .tmp_calendar_area .cal-list__item__cell__03 { width: 200px; } #tgr_2019 .tmp_calendar_area .cal-list__item__cell__03 .tmp_btn { display: block; margin-top: 0; } #tgr_2019 .tmp_calendar_area .cal-list__item__cell__03 .tmp_btn a { font-size: 12px; width: auto; margin-right: 0; margin-left: 0; } #tgr_2019 .tmp_calendar_area .cal-list__item__cell__03 .tmp_btn a + a { margin-top: 5px; } /* スペック */ #tgr_2019 .tmp_car-spec { margin-top: 50px; } #tgr_2019 .tmp_car-spec th, #tgr_2019 .tmp_car-spec td { font-size: 11px; } /* ドライバー */ #tgr_2019 .tmp_driver_area { margin-top: 50px; } #tgr_2019 .driver-list--item + .driver-list--item { margin-top: 80px; } #tgr_2019 .driver-list--name { font-size: 22px; margin-bottom: 5px; } #tgr_2019 .driver-list--prof { margin-top: 20px; } #tgr_2019 .driver-list--prof p { font-size: 12px; } #tgr_2019 .driver-list--data { display: flex; justify-content: space-between; } #tgr_2019 .driver-list--info { width: 50%; } #tgr_2019 .driver-list--history { width: 45%; margin-top: 0; } #tgr_2019 .driver-list--history p { font-size: 14px; } #tgr_2019 .driver-list--history ul li dl dt, #tgr_2019 .driver-list--history ul li dl dd { font-size: 14px; } #tgr_2019 .driver-list--history .tglbox p { margin: 0; font-size: 16px; } /* チーム */ #tgr_2019 .tmp_driver_area { margin-top: 30px; } #tgr_2019 .team-list { margin-right: -10px; margin-left: -10px; } #tgr_2019 .team-list--item { width: 33.3333%; padding-right: 10px; padding-left: 10px; } #tgr_2019 .team-list--item + .team-list--item { margin-top: 0; } #tgr_2019 .team-list--item:nth-of-type(n+4) { margin-top: 30px; } #tgr_2019 .team-list--item dl dd { font-size: 22px; } #tgr_2019 .team-list--item dl dd span { font-size: 12px; } /* スペシャル */ #tgr_2019 .tmp_special_area a:hover { opacity: .7; } #tgr_2019 .tmp_special_area .meta time { font-size: 12px; } #tgr_2019 .tmp_special_area .meta h3 { font-size: 14px; } #tgr_2019 .tmp_special_area .content-columns .wrap img { width: 100%; } #tgr_2019 .tmp_special_area .content-columns .meta h3 { font-size: 24px; } #tgr_2019 .tmp_special_area .content-3columns .articles { display: flex; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; } #tgr_2019 .tmp_special_area .content-3columns .articles article { width: 33.3333%; padding-right: 10px; padding-left: 10px; } /* スポンサー */ #tgr_2019 .tmp_sponsor_area .spo-list__item { display: flex; justify-content: space-between; align-items: center; padding-top: 25px; } #tgr_2019 .tmp_sponsor_area .spo-list__item__wrap__01 { justify-content: flex-start; } #tgr_2019 .tmp_sponsor_area .spo-list__item__cell__01 { width: 176px; padding-left: 0; } #tgr_2019 .tmp_sponsor_area .spo-list__item__cell__02 { width: auto; padding-left: 50px; } #tgr_2019 .tmp_sponsor_area .spo-list__item__title { font-size: 20px; } #tgr_2019 .tmp_sponsor_area .spo-list__item__cell__03 { width: 200px; } #tgr_2019 .tmp_sponsor_area .spo-list__item__cell__03 .tmp_btn { flex-direction: column; margin: 0; } #tgr_2019 .tmp_sponsor_area .spo-list__item__cell__03 .tmp_btn a { width: 100%; } #tgr_2019 .tmp_sponsor_area .spo-list__item__cell__03 .tmp_btn a + a { margin-top: 5px; } /* シーズン */ .tmp_season_area a { display: block; } .tmp_season_area a:hover { opacity: .7; } .tmp_season_area .sea-list { display: flex; justify-content: space-between; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; } .tmp_season_area .sea-list--item { padding-right: 20px; padding-left: 20px; width: 50%; } .tmp_season_area .sea-list--item:first-child { width: 100%; } .tmp_season_area .sea-list--item + .sea-list--item { margin-top: 50px; } .tmp_season_area .sea-list--item img { width: 100%; } .tmp_season_area .sea-list--item--txt { font-size: 24px; margin-top: 20px; } /* お問い合わせ */ .contact-box p { font-size: 14px; line-height: 2; } .contact-box .logo { padding: 0; border: none; margin-top: -45px; margin-bottom: 0; } /* 関連トピックス */ .tmp_relation_topics { padding-top: 30px; padding-bottom: 30px; } .tmp_relation_topics dl { display: flex; align-items: flex-start; } .tmp_relation_topics dt { font-size: 16px; border-left-width: 3px; margin-bottom: 0; min-width: 150px; } .tmp_relation_topics dd { padding-left: 40px; } .tmp_relation_topics .tmp_relation_topics-title { font-size: 14px; } .tmp_relation_topics .tmp_relation_topics-caption { font-size: 12px; } .tmp_relation_topics li { padding-left: 16px; } .tmp_relation_topics li:before { width: 4px; height: 4px; top: 8px; } .tmp_relation_topics.tandem { margin-top: 80px; } .tmp_relation_topics.tandem dl { display: block; } .tmp_relation_topics.tandem dt { margin-bottom: 25px; } .tmp_relation_topics.tandem dd { padding-left: 0; } /* 右カラム */ #tgr_2019 .tmp_column_right { width: 320px; } #tgr_2019 .tmp_column_right .side-title { font-size: 30px; } #tgr_2019 .tmp_column_right .news-list a:hover { opacity: .7; } #tgr_2019 .tmp_column_right .news-list .text p, #tgr_2019 .tmp_column_right .news-list .text time { font-size: 12px; } #tgr_2019 .tmp_column_right .calendar .cal-date, #tgr_2019 .tmp_column_right .calendar .location { font-size: 12px; } #tgr_2019 .tmp_column_right .calendar .cal-title { font-size: 14px; } #tgr_2019 .tmp_column_right .calendar { display: inherit; } /* フッタカラム */ #tgr_2019 .tmp_column_bottom { padding-top: 80px; padding-bottom: 80px; margin-top: 120px; border-top-width: 10px; } #tgr_2019 .tmp_column_bottom .bottom-title { padding-top: 0; } #tgr_2019 .tmp_column_bottom .bottom-title .svg_ttl { height: 27px; } #tgr_2019 .tmp_column_bottom .link-list { display: flex; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; } #tgr_2019 .tmp_column_bottom .link-list li { width: 25%; padding-right: 10px; padding-left: 10px; } #tgr_2019 .tmp_column_bottom .link-list li + li { margin-top: 0; } #tgr_2019 .tmp_column_bottom .link-list li:nth-of-type(n+5) { margin-top: 30px; } #tgr_2019 .tmp_column_bottom .link-list a { display: block; } #tgr_2019 .tmp_column_bottom .link-list a:hover { opacity: .7; } #tgr_2019 .tmp_column_bottom .link-list figcaption { color: #000; font-size: 12px; } #tgr_2019 .tmp_column_bottom .sponser-menu li { width: 14.28571%; } #tgr_2019 .tmp_column_bottom .rallychallenge-partner .sponser-menu li { width: 16.66667%; } #tgr_2019 .tmp_column_bottom .sponser-menu a { transition: opacity .3s linear .1s; } #tgr_2019 .tmp_column_bottom .sponser-menu a:hover { transition: opacity .2s cubic-bezier(0, .45, .45, 1); opacity: .6; } } /* モーダルウィンドウ */ @media screen and (max-width: 768px) { #modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 1000; } #modal .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } #modal .close { position: absolute; top: 10px; right: 10px; color: transparent; font-size: 0; content: ''; display: block; width: 43px; height: 43px; background-position: center center; background-repeat: no-repeat; background-image: url("https://toyotagazooracing.com/pages/contents/jp/include/images/close.png"); -webkit-background-size: 20px; -moz-background-size: 20px; background-size: 20px; opacity: 1; -ms-filter: none; filter: none; } #modal .modal-wrap { position: relative; } #modal .modal-wrap > a { font-size: 0; margin-top: -22px; color: transparent; } #modal .modal-wrap > a:after { content: ''; display: block; width: 45px; height: 45px; background-position: center center; background-repeat: no-repeat; -webkit-background-size: 30px; -moz-background-size: 30px; background-size: 30px; opacity: 0.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); } #modal .modal-wrap > a:after:hover:after { opacity: 1; -ms-filter: none; filter: none; } #modal .modal-wrap > a.next { position: absolute; top: 50%; right: -50px; } #modal .modal-wrap > a.next:after { background-image: url("https://toyotagazooracing.com/pages/contents/jp/include/images/arrow_02.png"); } #modal .modal-wrap > a.prev { position: absolute; top: 50%; left: -50px; } #modal .modal-wrap > a.prev:after { background-image: url("https://toyotagazooracing.com/pages/contents/jp/include/images/arrow_01.png"); } } @media screen and (min-width: 769px) { #modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 1000; } #modal .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } #modal .close { position: absolute; top: 40px; right: 40px; color: transparent; font-size: 0; content: ''; display: block; width: 43px; height: 43px; background-position: center center; background-repeat: no-repeat; background-image: url("https://toyotagazooracing.com/pages/contents/jp/include/images/close.png"); opacity: 0.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); } #modal .close:hover { opacity: 1; -ms-filter: none; filter: none; } #modal .modal-wrap { position: relative; } #modal .modal-wrap >a { font-size: 0; margin-top: -22px; color: transparent; } #modal .modal-wrap >a:after { content: ''; display: block; width: 45px; height: 45px; background-position: center center; background-repeat: no-repeat; opacity: 0.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); } #modal .modal-wrap >a:after:hover:after { opacity: 1; -ms-filter: none; filter: none; } #modal .modal-wrap >a.next { position: absolute; top: 50%; right: -70px; } #modal .modal-wrap >a.next:after { background-image: url("https://toyotagazooracing.com/pages/contents/jp/include/images/arrow_02.png"); } #modal .modal-wrap >a.prev { position: absolute; top: 50%; left: -70px; } #modal .modal-wrap >a.prev:after { background-image: url("https://toyotagazooracing.com/pages/contents/jp/include/images/arrow_01.png"); } #modal.iframe .modal-wrap { position: absolute; top: 50%; left: 50%; width: 60%; margin-top: -18%; margin-left: -30%; } #modal.iframe .modal-wrap:after { content: ''; display: block; padding-top: 60%; } #modal.iframe .modal-wrap .modal-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; } #modal.iframe .modal-wrap .modal-content .info { display: none; position: relative; text-align: left; margin-bottom: 40px; } #modal.iframe .modal-wrap .modal-content .info:after { position: absolute; bottom: -15px; left: 0; content: ''; display: block; height: 1px; width: 23px; background-color: #fff; } #modal.iframe .modal-wrap .modal-content .info time { font-size: 10px; color: #999; } #modal.iframe .modal-wrap .modal-content .info .title { color: #eee; font-size: 22px; line-height: 30px; margin-top: 5px; } #modal.iframe .modal-wrap .modal-content .wrap { position: relative; width: 100%; height: 100%; } #modal.iframe .modal-wrap .modal-content .wrap:after { content: ''; display: block; padding-top: 56%; } #modal.iframe .modal-wrap .modal-content .wrap img { height: 100%; width: auto; vertical-align: middle; } #modal.iframe .modal-wrap .modal-content iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } /* TC 20190328 */ #tgr_2019.tmp_has_no_bottom .tgr_2019-inner > .tmp_column_bottom { display: none; } @media screen and (min-width: 769px) { #tgr_2019.tmp_has_no_bottom .tgr_2019-inner > .content_bottom { margin-top: 120px; } } /* TC 20190405 */ #tgr_2019 .tmp_column_right .nurburgring .calendar, #tgr_2019 .tmp_column_right .tdp .calendar, #tgr_2019 .tmp_column_right .challengeprogram_rally .calendar { display: none; } /**************/ /* レポートページ */ /**************/ /* #archive-ribbon { display: none; } */ #tgr_2019 .kv_tmp_heading.kv_report .kv_title h1 { font-family: 'DecimaMonoPro', sans-serif; font-size: 40px; font-size: 10.6666vw; line-height: 1.1; letter-spacing: -.025em; padding-top: 0; padding-left: 6%; transform: skew(-8deg); transform-origin: bottom; white-space: nowrap; margin-bottom: 3px; } #tgr_2019 .kv_tmp_heading.kv_report .kv_title h1 .kv_caption { font-size: 14px; font-size: 3.7333vw; line-height: 1; letter-spacing: normal; display: block; padding-left: .25em; margin-bottom: -.5em; } #tgr_2019 .kv_tmp_heading.kv_report .kv_title h1 .font { display: block; } #tgr_2019 .kv_tmp_heading.kv_report .kv_title h1 .font + .font { margin-top: -.5em; } .kv_tmp_heading.kv_report .kv_title h1:before { transform: skew(-7deg); top: 0; bottom: 5vw; } .tmp_visual_second { margin-bottom: 40px; } @media screen and (min-width: 768px) { #tgr_2019 .kv_tmp_heading.kv_report .kv_title h1 { font-size: 56px; padding-left: 30px; margin-bottom: -5px; } #tgr_2019 .kv_tmp_heading.kv_report .kv_title h1 .kv_caption { font-size: 18px; } #tgr_2019 .kv_tmp_heading.kv_report .kv_title h1 .font { display: inline; } .kv_tmp_heading.kv_report .kv_title h1:before { top: 3px; bottom: 20px; } .tmp_visual_second { margin-bottom: 60px; } } /* ラウンドメニュー */ .round-navi_head { position: fixed; z-index: 10; background-color: #fff; } .round-navi_head .series_name p { line-height: 1.5; } @media screen and (max-width: 768px) { .has-head_round { padding-top: 50px; } .header-hide .round-navi_head { -webkit-transform: translateY(-50px); transform: translateY(-50px); } .round-navi_head { top: 100px; -webkit-transition: transform .2s linear; transition: transform .2s linear; } .round-navi_head .current-round { font-family: 'DecimaMonoPro', sans-serif; font-size: 20px; font-style: italic; padding: 0 15px; height: 50px; display: flex; align-items: center; position: relative; z-index: 1; background-color: #fff; border-bottom: 1px solid #e5e5e5; } .round-navi_head .current-round:after { content: ""; width: 5px; height: 5px; transform: translateY(-50%) rotate(45deg); position: absolute; top: 50%; right: 22px; border-bottom: 2px solid #e60010; border-right: 2px solid #e60010; -webkit-transition: transform .3s; transition: transform .3s; } .round-navi_head .menu-list ul { display: flex; flex-wrap: wrap; padding: 0 15px; position: absolute; background-color: #fff; -webkit-transition: transform .5s; transition: transform .5s; transform: translateY(-100vh) !important; border-bottom: 1px solid #e5e5e5; } .round-navi_head .menu-list li { padding: 0 15px; width: 50%; margin-bottom: -1px; } .round-navi_head .menu-list a, .round-navi_head .menu-list .series_name p { font-family: 'DecimaMonoPro'!important; font-size: 14px; font-size: 3.7333vw; font-style: italic; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; height: 50px; color: #000; border-bottom: 1px solid #e5e5e5; position: relative; } .round-navi_head .menu-list a:not(.nolink):after { display: block; width: 18px; height: 24px; content: ""; position: absolute; top: 50%; right: 15px; left: auto; transform: translateY(-50%) scale(0.5); background-image: url(https://toyotagazooracing.com/pages/contents/jp/tgr-asset/image/common/btn_arrow.svg); } .round-navi_head .current-round.open:after { transform: translateY(-50%) rotate(-135deg); } .round-navi_head .current-round.open ~ .scroll_inr ul { transform: translateY(0) !important; } .round-navi_head .current-1 .menu1, .round-navi_head .current-2 .menu2, .round-navi_head .current-3 .menu3, .round-navi_head .current-4 .menu4, .round-navi_head .current-5 .menu5, .round-navi_head .current-6 .menu6, .round-navi_head .current-7 .menu7, .round-navi_head .current-8 .menu8, .round-navi_head .current-9 .menu9, .round-navi_head .current-10 .menu10, .round-navi_head .current-12 .menu12, .round-navi_head .current-13 .menu13, .round-navi_head .current-14 .menu14, .round-navi_head .current-15 .menu15, .round-navi_head .current-16 .menu16, .round-navi_head .current-17 .menu17, .round-navi_head .current-18 .menu18, .round-navi_head .current-19 .menu19, .round-navi_head .current-20 .menu20 { display: none; } .round-navi_head .menu-list a.nolink { color: #ccc; } } @media screen and (min-width: 769px) { .has-head_round { padding-top: 61px; } .has-head_round .tmp_column_right { padding-top: 80px; } .header-hide .round-navi_head { -webkit-transform: translateY(-70px); transform: translateY(-70px); } .round-navi_head .current-round { display: none; } .round-navi_head { top: 131px; -webkit-transition: .3s; transition: .3s; border-bottom: 1px solid #e5e5e5; } .round-navi_head ul { font-family: 'DecimaMonoPro', sans-serif; font-style: italic; display: flex; flex-wrap: nowrap; } .round-navi_head li { position: relative; margin-bottom: -1px; } .round-navi_head li:before { content: ""; width: 1px; height: 16px; background-color: #e5e5e5; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .round-navi_head li:last-child:after { content: ""; width: 1px; height: 16px; background-color: #e5e5e5; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .round-navi_head a, .round-navi_head .series_name p { color: #000; display: block; padding: 20px; } .round-navi_head a.nolink { color: #ccc; } .round-navi_head a:not(.nolink):hover, .round-navi_head .current-1 .menu1 a, .round-navi_head .current-2 .menu2 a, .round-navi_head .current-3 .menu3 a, .round-navi_head .current-4 .menu4 a, .round-navi_head .current-5 .menu5 a, .round-navi_head .current-6 .menu6 a, .round-navi_head .current-7 .menu7 a, .round-navi_head .current-8 .menu8 a, .round-navi_head .current-9 .menu9 a, .round-navi_head .current-10 .menu10 a, .round-navi_head .current-11 .menu11 a, .round-navi_head .current-12 .menu12 a, .round-navi_head .current-13 .menu13 a, .round-navi_head .current-14 .menu14 a, .round-navi_head .current-15 .menu15 a, .round-navi_head .current-16 .menu16 a, .round-navi_head .current-17 .menu17 a, .round-navi_head .current-18 .menu18 a, .round-navi_head .current-19 .menu19 a, .round-navi_head .current-20 .menu20 a { color: #e60010; box-shadow: inset 0px -4px 0px 0px rgba(232,23,38,1); } .round-navi_head a.nolink { pointer-events: none; } } /* ローカルレポートナビ */ .tmp_localnav_report { padding-right: 3.7333%; padding-left: 3.7333%; margin-bottom: 50px; } .tmp_localnav_report ul { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .tmp_localnav_report li { width: 50%; padding: 0 5px; margin-top: 10px; } .tmp_localnav_report li:nth-of-type(-n+2) { margin-top: 0; } .tmp_localnav_report a { color: #000; font-size: 12px; font-size: 3.2vw; font-weight: bold; text-align: center; letter-spacing: -.025em; background-color: #fff; padding: 15px 5px; border: 1px solid #e6e6e6; display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100%; width: 100%; } .tmp_localnav_report a.nolink { color: #ccc; pointer-events: none; } .tmp_localnav_report .current-position a { color: #e60010; background-color: #e6e6e6; } @media screen and (min-width: 769px) { .tmp_localnav_report { padding-right: 0; padding-left: 0; margin-bottom: 60px; } .tmp_localnav_report ul { margin-right: -2px; margin-left: -2px; position: relative; } .tmp_localnav_report li { width: 20%; padding: 0; padding-right: 2px; padding-left: 2px; margin-top: 4px; } .tmp_localnav_report li:nth-of-type(-n+5) { margin-top: 0; } .tmp_localnav_report a { font-size: 14px; width: 100%; height: 100%; } .tmp_localnav_report a:hover, .tmp_localnav_report .current-position a { color: #e60010; background-color: #e6e6e6; } } /* フォト＆ムービー */ .content-ranking { margin-top: 30px; } .content-ranking .ranking-menu { display: flex; text-align: center; margin-bottom: 20px; } .content-ranking .ranking-menu li { width: 100%; padding-right: 3px; padding-left: 3px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; } .content-ranking .ranking-menu li:first-child { border-left: 1px solid #ccc; } .content-ranking .ranking-menu a { color: #000; font-size: 12px; font-size: 3.2vw; font-weight: bold; padding: 15px 0; display: block; position: relative; } .content-ranking .ranking-menu li.active a { color: #e60010; box-shadow: inset 0px -5px 0px 0px rgba(232,23,38,1); } .content-ranking .photo-content { display: none; } .content-ranking .photo-content.active { display: block; } .content-ranking .tgrphotogallery { display: flex; flex-wrap: wrap; margin-right: -3px; margin-left: -3px; } .content-ranking .tgrphotogallery li { width: 50%; padding-right: 3px; padding-left: 3px; margin-bottom: 6px; } .content-ranking .tgrphotogallery li.facebookcover { width: 100%; } .content-ranking .tgrphotogallery a { color: #000; display: block; } .content-ranking .wallpaper_explain { margin-top: 30px; } .content-ranking .wallpaper_explain h3 { font-weight: bold; } .content-ranking .wallpaper_explain h4 { margin-top: 1em; font-weight: bold; } .content-ranking .YoutubeWrapper { position: relative; padding-top: 56.25%; } .content-ranking .YoutubeWrapper + .YoutubeWrapper { margin-top: 30px; } .content-ranking .YoutubeWrapper iframe { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } #cboxNext:hover, #cboxPrevious:hover {background-position: inherit;} @media screen and (min-width: 769px) { .content-ranking { margin-top: 40px; } .content-ranking .ranking-menu { margin-bottom: 30px; } .content-ranking .ranking-menu li { padding-right: 10px; padding-left: 10px; border-top-color: #e5e5e5; border-right-color: #e5e5e5; } .content-ranking .ranking-menu li:not(.active) { border-bottom: 1px solid #e5e5e5; } .content-ranking .ranking-menu li:first-child { border-left-color: #e5e5e5; } .content-ranking .ranking-menu a { font-size: 16px; } .content-ranking .ranking-menu li:hover a, .content-ranking .ranking-menu li.active a { box-shadow: inset 0px -3px 0px 0px rgba(232,23,38,1); } .content-ranking .tgrphotogallery { margin-left: 0; } .content-ranking .tgrphotogallery li { width: 25%; padding-left: 0; } .content-ranking .tgrphotogallery li.facebookcover { width: 50%; } } /* イベント情報 */ #tgr_2019 .tmp_event_area { margin-top: 30px; } #tgr_2019 .tmp_event_box + .tmp_event_box { margin-top: 35px; } #tgr_2019 .tmp_event_item + .tmp_event_item { margin-top: 20px; } #tgr_2019 .tmp_event_box .tmp_page-subtitle { font-size: 18px; font-size: 4.8vw; margin-bottom: 20px; } #tgr_2019 .tmp_event_box .btn_enlargement { display: inline-block; margin-top: 10px; } #tgr_2019 .tmp_event_box .btn_enlargement a { color: #000; font-size: 12px; font-size: 3.2vw; font-weight: bold; text-align: center; display: block; padding: 12px 42px; background-color: #eee; position: relative; } #tgr_2019 .tmp_event_box .btn_enlargement a:before { content: ""; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 10px; height: 2px; background-color: #e60010; } #tgr_2019 .tmp_event_box .btn_enlargement a:after { content: ""; position: absolute; top: 50%; right: 19px; transform: translateY(-50%); width: 2px; height: 10px; background-color: #e60010; } #tgr_2019 .tmp_event_box .tmp_event_photo { margin-bottom: 20px; } #tgr_2019 .tmp_event_box .tmp_event_detail .tmp_event_title { font-size: 14px; font-size: 3.7333vw; font-weight: bold; background-color: #f5f5f5; padding: 10px 12px; } #tgr_2019 .tmp_event_box .tmp_event_detail .tmp_event_text { margin-top: 15px; margin-bottom: 15px; } #tgr_2019 .tmp_event_box .tmp_event_detail table { width: 100%; } #tgr_2019 .tmp_event_box .tmp_event_detail tr + tr { border-top: 1px solid #f5f5f5; } #tgr_2019 .tmp_event_box .tmp_event_detail th, #tgr_2019 .tmp_event_box .tmp_event_detail td { font-size: 12px; font-size: 3.2vw; text-align: left; padding: 15px 0; } #tgr_2019 .tmp_event_box .tmp_event_detail th { color: #666; width: 20%; } #tgr_2019 .tmp_event_box .tmp_event_detail .time-table th, #tgr_2019 .tmp_event_box .tmp_event_detail .time-table td { padding: 5px 0; } #tgr_2019 .tmp_event_box .tmp_event_detail .time-table tr:first-child { background-color: #f5f5f5; } #tgr_2019 .tmp_event_box .tmp_event_detail .red { color: #e60010; } #tgr_2019 .tmp_event_box .tmp_event_detail p { font-size: 12px; font-size: 3.2vw; } #tgr_2019 .tmp_event_box .tmp_event_detail strong { font-weight: bold; } #tgr_2019 .tmp_event_box .tmp_event_detail .caution { font-size: 10px; font-size: 2.6666vw; margin-top: 1em; } #tgr_2019 .tmp_event_box .tmp_event_detail .tmp_btn { margin-top: 1em; } #tgr_2019.page_report .tmp_table_area { margin-right: -5vw; margin-left: -5vw; } #tgr_2019.page_report .tmp_table_area .tmp_table_wrap { padding-right: 5%; padding-left: 5%; } #tgr_2019.page_report .tmp_table_area .dammy { width: 5vw; padding: 0; border: none; background-color: #fff; } #tgr_2019.page_report .tmp_table_area th, #tgr_2019.page_report .tmp_table_area td { text-align: left; padding-right: 4px; padding-left: 4px; border-left: none; border-right: none; } @media screen and (min-width: 769px) { #tgr_2019 .tmp_event_area { margin-top: 40px; } #tgr_2019 .tmp_event_box + .tmp_event_box { margin-top: 60px; } #tgr_2019 .tmp_event_item { display: flex; justify-content: space-between; } #tgr_2019 .tmp_event_item + .tmp_event_item { margin-top: 30px; } #tgr_2019 .tmp_event_box .tmp_page-subtitle { font-size: 24px; margin-bottom: 30px; } #tgr_2019 .tmp_event_box .btn_enlargement a { font-size: 14px; } #tgr_2019 .tmp_event_box .btn_enlargement a:hover { color: #fff; background-color: #000; } #tgr_2019 .tmp_event_box .tmp_event_photo { width: 47.5%; } #tgr_2019 .tmp_event_box .tmp_event_detail { width: 47.5%; } #tgr_2019 .tmp_event_box .tmp_event_detail .tmp_event_title { font-size: 14px; } #tgr_2019 .tmp_event_box .tmp_event_detail .tmp_event_text { margin-top: auto; } #tgr_2019 .tmp_event_box .tmp_event_detail td { font-size: 14px; } #tgr_2019 .tmp_event_box .tmp_event_detail th { color: #000; font-size: 14px; } #tgr_2019 .tmp_event_box .tmp_event_detail .time-table th, #tgr_2019 .tmp_event_box .tmp_event_detail .time-table td { font-size: 12px; } #tgr_2019 .tmp_event_box .tmp_event_detail p { font-size: 14px; } #tgr_2019 .tmp_event_box .tmp_event_detail .caution { font-size: 11px; } #tgr_2019.page_report .tmp_table_area { margin: auto; } #tgr_2019.page_report .tmp_table_area .tmp_table_wrap { padding: 0; } #tgr_2019.page_report .tmp_table_area .dammy { display: none; } }