5922 行
114 KiB
CSS
5922 行
114 KiB
CSS
/*
|
||
Welcome to Custom CSS!
|
||
|
||
To learn how this works, see http://wp.me/PEmnE-Bt
|
||
*/
|
||
|
||
.popn-socialbutton-count:before {
|
||
border-color: rgba(217,217,217,0);
|
||
border-top-color: #D9D9D9 !important;
|
||
border-width: 5px !important;
|
||
margin-left: -5px;
|
||
}
|
||
|
||
.popn-socialbutton-count:after, .popn-socialbutton-count:before {
|
||
top: 100%;
|
||
left: 50%;
|
||
border: solid transparent;
|
||
content: " ";
|
||
height: 0;
|
||
width: 0;
|
||
position: absolute;
|
||
pointer-events: none;
|
||
}
|
||
|
||
.popn-socialbutton-count:after {
|
||
border-color: rgba(255,255,255,0);
|
||
border-top-color: #fff;
|
||
border-width: 4px;
|
||
margin-left: -4px;
|
||
}
|
||
|
||
.social-button {
|
||
margin: 5px 0;
|
||
}
|
||
|
||
.popn-socialbutton-wrap {
|
||
float: none !important;
|
||
}
|
||
|
||
.popn-socialbutton-wrap a {
|
||
font-size: 12px !important;
|
||
}
|
||
|
||
.popn-socialbutton-wrap a.popn-socialbutton-share:before {
|
||
font-weight: 400;
|
||
padding-right: 2px;
|
||
font-size: 14px !important;
|
||
vertical-align: middle;
|
||
}
|
||
|
||
.popn-socialbutton-wrap.facebook a {
|
||
background-color: #2f609c;
|
||
}
|
||
|
||
.popn-socialbutton-wrap.twitter a {
|
||
background-color: #55ACEE;
|
||
}
|
||
|
||
.popn-socialbutton-wrap.pocket a {
|
||
background-color: #ED4055;
|
||
}
|
||
|
||
.popn-socialbutton-wrap.hatebu a {
|
||
background-color: #1d99cd;
|
||
}
|
||
|
||
.popn-socialbutton-wrap.gplus a {
|
||
background-color: #D24231;
|
||
}
|
||
|
||
.popn-socialbutton-wrap.linebu a {
|
||
padding: 0 12px 2px 30px !important;
|
||
background: #01c302 url('wp-content/themes/vip/techcrunch-jp-2015/assets/images/line-btn.png') no-repeat 8px 7px / 26%;
|
||
}
|
||
|
||
.popn-socialbutton-wrap.facebook a:before {
|
||
content: "\e009";
|
||
font-family: 'icons';
|
||
}
|
||
|
||
.popn-socialbutton-wrap.twitter a.popn-socialbutton-share:before {
|
||
content: "\e001";
|
||
font-family: 'icons';
|
||
}
|
||
|
||
.popn-socialbutton-wrap.hatebu a.popn-socialbutton-share:before {
|
||
content: "B!";
|
||
font-weight: bold;
|
||
}
|
||
|
||
.popn-socialbutton-wrap.gplus a:before {
|
||
content: "\e802";
|
||
font-family: 'fontello';
|
||
}
|
||
|
||
.popn-socialbutton-wrap.pocket a:before {
|
||
content: '\e801';
|
||
font-family: 'fontello';
|
||
}
|
||
|
||
#social-after-wrapper {
|
||
padding-bottom: 8px;
|
||
clear: both;
|
||
float: left;
|
||
}
|
||
|
||
.social-button, .social-button-bottom {
|
||
text-align: center;
|
||
}
|
||
|
||
.popn-socialbutton-wrap.linebu {
|
||
display: none;
|
||
width: 68px !important;
|
||
}
|
||
|
||
@media all and (max-width: 468px) {
|
||
.popn-socialbutton-wrap.linebu {
|
||
display: inline-block !important;
|
||
}
|
||
}
|
||
|
||
@media all and (max-width: 468px) {
|
||
#stcky-footer {
|
||
display: block !important;
|
||
}
|
||
|
||
.line-share {
|
||
display: block !important;
|
||
}
|
||
|
||
.social-share li {
|
||
margin: 5px 4px 5px 9px !important;
|
||
}
|
||
}
|
||
|
||
.line-share {
|
||
display: none;
|
||
}
|
||
|
||
.social-flw {
|
||
background: white;
|
||
display: block;
|
||
margin: 10px 0;
|
||
width: 100%;
|
||
text-align: center;
|
||
padding: 10px 0 5px;
|
||
font-size: 14px;
|
||
clear: both;
|
||
}
|
||
|
||
.social-flw p {
|
||
display: inline;
|
||
}
|
||
|
||
.social-flw span {
|
||
margin-left: 5px;
|
||
}
|
||
|
||
.social-flw .tw-follow {
|
||
vertical-align: text-top;
|
||
}
|
||
|
||
@media all and (max-width: 510px) {
|
||
.social-flw p {
|
||
display: block;
|
||
padding-top: 5px;
|
||
margin: 0;
|
||
}
|
||
}
|
||
|
||
.hatena.icon-share:before {
|
||
content: "B!";
|
||
font-family: Verdana;
|
||
font-weight: bold;
|
||
}
|
||
|
||
.pocket.icon-share:before {
|
||
content: '\e801';
|
||
font-family: 'fontello';
|
||
}
|
||
|
||
.foot-share li a.line span {
|
||
background: transparent url("wp-content/themes/vip/techcrunch-jp-2015/assets/images/line-btn.png") no-repeat scroll 0 8px / 85%;
|
||
display: inline-block;
|
||
width: 27px;
|
||
}
|
||
|
||
@font-face {
|
||
font-family: tinymce;
|
||
src: url(https://cdnjs.cloudflare.com/ajax/libs/tinymce/4.2.7/skins/lightgray/fonts/tinymce.woff) format("woff");
|
||
}
|
||
|
||
p.sample {
|
||
color: #f32cec;
|
||
background-color: #dbf7b9;
|
||
}
|
||
|
||
@media all and (max-width: 640px) {
|
||
p.sample {
|
||
color: #ff0000;
|
||
background-color: #999;
|
||
}
|
||
}
|
||
|
||
/* ------------------------------------
|
||
Special
|
||
------------------------------------ */
|
||
.specialList1 {
|
||
padding-top: 1em;
|
||
width: 100%;
|
||
}
|
||
|
||
.specialList1 > li {
|
||
float: left;
|
||
width: 32%;
|
||
margin: 0 2% 2em 0;
|
||
}
|
||
|
||
.specialList1 > li:nth-child(3n) {
|
||
margin: 0 0 2em;
|
||
}
|
||
|
||
.specialList1_inner1 {
|
||
display: block;
|
||
z-index: 9999;
|
||
color: #333;
|
||
box-shadow: 1px 1px 2px 0 #eaeaea;
|
||
background: #FFF;
|
||
}
|
||
|
||
.specialList1_inner1 > img {
|
||
display: block;
|
||
}
|
||
|
||
.specialList1_inner2 {
|
||
padding: .75em 1em;
|
||
height: 8em;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.specialList1_inner3 {
|
||
display: block;
|
||
margin-bottom: .5em;
|
||
color: #089e00;
|
||
font-weight: bold;
|
||
}
|
||
|
||
.specialList1_inner3 > a {
|
||
color: #089e00 !important;
|
||
}
|
||
|
||
.specialList1_inner2 ol > li {
|
||
font-size: .85em;
|
||
margin-bottom: .25em;
|
||
}
|
||
|
||
.specialList1_inner2 ol > li > a {
|
||
color: #333 !important;
|
||
}
|
||
|
||
/* ------------------------------------
|
||
CAREERS
|
||
------------------------------------ */
|
||
/* アトラエ 右カラムバナー */
|
||
body.tc_special_content-template-default .so-panel.widget.widget_page-builder-tinymce.panel-first-child.panel-last-child {
|
||
position: relative;
|
||
}
|
||
|
||
body.tc_special_content-template-default .sideAdMove {
|
||
position: absolute;
|
||
right: 0;
|
||
top: 33px;
|
||
}
|
||
|
||
@media all and (max-width: 1000px) {
|
||
body.tc_special_content-template-default .sideAdMove {
|
||
position: relative;
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
/* ------------------------------------
|
||
TechCrunch Tokyo 2019
|
||
------------------------------------ */
|
||
/* イベントトップ */
|
||
#panel-269750-4-0-1 {
|
||
max-width: 1000px;
|
||
}
|
||
|
||
.pastspeakersWrap {
|
||
display: flex;
|
||
max-width: 100%;
|
||
flex-wrap: wrap;
|
||
flex-grow: 3;
|
||
flex-shrink: 3;
|
||
justify-content: left;
|
||
}
|
||
|
||
.pastspeakersBlock {
|
||
display: inline-flex;
|
||
position: relative;
|
||
padding: 1px;
|
||
width: 33.3%;
|
||
}
|
||
|
||
.pastspeakersInner1 {
|
||
display: block;
|
||
width: 100%;
|
||
position: relative;
|
||
height: 200px;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.pastspeakersInner1 img {
|
||
filter: grayscale(20%) !important;
|
||
color: #fff;
|
||
font-size: .9em;
|
||
opacity: .9;
|
||
min-width: 100%;
|
||
min-height: 100%;
|
||
max-width: 140%;
|
||
max-height: 140%;
|
||
width: auto;
|
||
height: auto;
|
||
}
|
||
|
||
.speakers2019Wrap .pastspeakersInner1 p {
|
||
position: relative;
|
||
height: 200px;
|
||
}
|
||
|
||
.speakers2019Wrap .pastspeakersInner1 img {
|
||
filter: grayscale(20%) !important;
|
||
position: absolute;
|
||
top: 50%;
|
||
left: 50%;
|
||
-webkit-transform: translate(-50%,-50%);
|
||
-ms-transform: translate(-50%,-50%);
|
||
transform: translate(-50%,-50%);
|
||
width: auto;
|
||
height: 100%;
|
||
}
|
||
|
||
.pastspeakersInner2 {
|
||
background: linear-gradient(to bottom,rgba(0,0,0,0.30) 0%,rgba(0,0,0,0.50) 100%);
|
||
z-index: 1001;
|
||
width: 100%;
|
||
height: 100%;
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
}
|
||
|
||
.speakers2019Wrap .pastspeakersInner2 {
|
||
background: linear-gradient(to bottom,rgba(0,0,0,0.10) 0%,rgba(0,0,0,0.30) 100%);
|
||
z-index: 1001;
|
||
width: 100%;
|
||
height: 100%;
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
}
|
||
|
||
.tctEventGallery.speakers2019Wrap .pastspeakersInner2 {
|
||
background: none;
|
||
}
|
||
|
||
.pastspeakersInner2 a {
|
||
display: block;
|
||
width: 100%;
|
||
height: 100%;
|
||
cursor: pointer !important;
|
||
z-index: 9999;
|
||
}
|
||
|
||
.speakers2019Wrap .pastspeakersInner2:hover a {
|
||
background: rgba(255,255,255,0.2);
|
||
}
|
||
|
||
.pastspeakersInner3 {
|
||
display: block;
|
||
position: absolute;
|
||
bottom: .5em;
|
||
left: 1.25em;
|
||
z-index: 1002;
|
||
}
|
||
|
||
.pastspeakersInner4 {
|
||
font-size: 17px !important;
|
||
margin-bottom: .35em;
|
||
font-size: 1.25em;
|
||
line-height: 1;
|
||
font-weight: bold;
|
||
}
|
||
|
||
.pastspeakersInner5 {
|
||
font-size: 15px !important;
|
||
line-height: 1;
|
||
padding-right: .5em;
|
||
}
|
||
|
||
@media all and (max-width: 640px) {
|
||
.pastspeakersBlock {
|
||
width: 320px;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.pastspeakersInner1 {
|
||
width: 320px;
|
||
height: 210px;
|
||
}
|
||
|
||
body.postid-312673 .pastspeakersInner1 {
|
||
width: 280px;
|
||
height: 200px;
|
||
}
|
||
}
|
||
|
||
/* イベントトップ ロゴサイズ調整 */
|
||
@media all and (min-width: 768px) {
|
||
.so-panel#panel-269750-0-0-0 h1 img {
|
||
max-width: 320px;
|
||
}
|
||
}
|
||
|
||
/* 7.10 試し書き */
|
||
/*
|
||
body.postid-285606 .header .btn-menu {
|
||
background:none;
|
||
border:none;
|
||
box-shadow:none;
|
||
}
|
||
|
||
body.postid-285606 .header .btn-menu span {
|
||
width:24px;
|
||
height: 20px;
|
||
}
|
||
*/
|
||
/* FAQ */
|
||
/*
|
||
#pl-285591 .section-events+.widget_page-builder-tinymce,
|
||
#pl-285591 .widget_page-builder-tinymce,
|
||
#pl-285606 .section-events+.widget_page-builder-tinymce,
|
||
#pl-285606 .widget_page-builder-tinymce {
|
||
margin: 0;
|
||
padding:0;
|
||
max-width: 9999px;
|
||
}
|
||
|
||
#pl-285591 .panel-row-style.panel-row-parallax,
|
||
#pl-285591 .panel-row-style.panel-row-parallax,
|
||
#pl-285606 .panel-row-style.panel-row-parallax,
|
||
#pl-285606 .panel-row-style.panel-row-parallax {
|
||
margin: 0;
|
||
padding:0;
|
||
background:none;
|
||
}
|
||
|
||
#pl-285591 .panel-row-style.panel-row-parallax:before,
|
||
#pl-285591 .panel-row-style.panel-row-parallax:before,
|
||
#pl-285606 .panel-row-style.panel-row-parallax:before,
|
||
#pl-285606 .panel-row-style.panel-row-parallax:before {
|
||
margin: 0;
|
||
padding:0;
|
||
background:none;
|
||
}
|
||
|
||
#pl-285591 .section-events+.widget_page-builder-tinymce h1,
|
||
#pl-285591 .widget_page-builder-tinymce h1,
|
||
#pl-285606 .section-events+.widget_page-builder-tinymce h1,
|
||
#pl-285606 .widget_page-builder-tinymce h1 {
|
||
margin: 0;
|
||
padding:0;
|
||
}
|
||
*/
|
||
/* 記事ページ Event Reration */
|
||
/* TechCrunch Tokyo 2019 */
|
||
.banner-event-default[style="background-image: url(https://jp.techcrunch.com/wp-content/uploads/2019/11/tct2019_bg2.png?w=1735)"] {
|
||
padding: 0;
|
||
background-position: 0 -50px;
|
||
}
|
||
|
||
.banner-event-default[style="background-image: url(https://jp.techcrunch.com/wp-content/uploads/2019/11/tct2019_bg2.png?w=1735)"] .banner-header {
|
||
min-height: 300px !important;
|
||
background-size: conver;
|
||
}
|
||
|
||
.banner-event-default[style="background-image: url(https://jp.techcrunch.com/wp-content/uploads/2019/11/tct2019_bg2.png?w=1735)"] .banner-header .title {
|
||
background: url('https://jp.techcrunch.com/wp-content/uploads/2019/11/tct2019_logo_v_1125.png') center center no-repeat;
|
||
background-size: contain;
|
||
margin-top: 3em;
|
||
max-height: 220px;
|
||
width: 360px;
|
||
height: 220px;
|
||
}
|
||
|
||
.banner-event-default[style="background-image: url(https://jp.techcrunch.com/wp-content/uploads/2019/11/tct2019_bg2.png?w=1735)"] .banner-header .title .alpha {
|
||
opacity: 0;
|
||
}
|
||
|
||
.banner-event-default[style="background-image: url(https://jp.techcrunch.com/wp-content/uploads/2019/07/tct2019_bg2.png?w=1735)"] .banner-header .title .alpha a {
|
||
height: 100px;
|
||
display: block;
|
||
}
|
||
|
||
.banner-event-default[style="background-image: url(https://jp.techcrunch.com/wp-content/uploads/2019/11/tct2019_bg2.png?w=1735)"] .banner-header .title .event-banner-info {
|
||
opacity: 0;
|
||
}
|
||
|
||
@media all and (max-width: 640px) {
|
||
.banner-event-default[style="background-image: url(https://jp.techcrunch.com/wp-content/uploads/2019/11/tct2019_bg2.png?w=1735)"] {
|
||
background-size: 250%;
|
||
background-position: 0 0;
|
||
}
|
||
|
||
.banner-event-default[style="background-image: url(https://jp.techcrunch.com/wp-content/uploads/2019/11/tct2019_bg2.png?w=1735)"] .banner-header {
|
||
min-height: 300px !important;
|
||
max-height: 300px !important;
|
||
border-bottom: 15px solid #f9f9f9;
|
||
}
|
||
|
||
.banner-event-default[style="background-image: url(https://jp.techcrunch.com/wp-content/uploads/2019/11/tct2019_bg2.png?w=1735)"] .banner-header .title {
|
||
width: 65%;
|
||
background-position: center center;
|
||
margin-top: 45px;
|
||
height: 190px;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.banner-event-default[style="background-image: url(https://jp.techcrunch.com/wp-content/uploads/2019/11/tct2019_bg2.png?w=1735)"] .banner-header .title .alpha {
|
||
}
|
||
|
||
.banner-event-default[style="background-image: url(https://jp.techcrunch.com/wp-content/uploads/2019/11/tct2019_bg2.png?w=1735)"] .banner-header .title .alpha a {
|
||
display: block;
|
||
cursor: pointer;
|
||
height: 100px;
|
||
}
|
||
}
|
||
|
||
/* Tech crunch Tokyo Event Archive */
|
||
body.single-post .nav-event, body.single-tc_events .nav-event, body.single-tc_video .nav-event {
|
||
background-color: #3e433e;
|
||
height: auto;
|
||
min-height: 45px;
|
||
width: 100%;
|
||
text-align: center;
|
||
margin-bottom: 2em;
|
||
}
|
||
|
||
body.single-tc_events .banner-header, body.single-tc_video .banner-header {
|
||
padding: 0;
|
||
max-width: none;
|
||
background-position: center;
|
||
background-size: cover;
|
||
min-height: 300px;
|
||
}
|
||
|
||
body.single-post .nav-event ul, body.single-tc_events .nav-event ul, body.single-tc_video .nav-event ul {
|
||
display: block;
|
||
left: 0;
|
||
text-align: center;
|
||
}
|
||
|
||
body.single-post .nav-event ul li, body.single-tc_events .nav-event ul li, body.single-tc_video .nav-event ul li {
|
||
min-width: 0;
|
||
display: inline-block;
|
||
right: 0;
|
||
margin: 0 -.11em;
|
||
float: none;
|
||
}
|
||
|
||
.event-tabs-content {
|
||
width: 100%;
|
||
padding-left: .5em;
|
||
padding-right: .5em;
|
||
}
|
||
|
||
@media all and (max-width: 640px) {
|
||
body.single-post .nav-event ul, body.single-tc_events .nav-event ul, body.single-tc_video .nav-event ul {
|
||
display: block;
|
||
left: 0;
|
||
}
|
||
|
||
body.single-post .nav-event ul li, body.single-tc_events .nav-event ul li, body.single-tc_video .nav-event ul li {
|
||
min-width: 0;
|
||
display: inline-block;
|
||
width: 48%;
|
||
margin: 0 1%;
|
||
right: auto;
|
||
white-space: nowrap;
|
||
float: left;
|
||
}
|
||
}
|
||
|
||
@media all and (max-width: 640px) {
|
||
.section.aside.sponsors.collapse.collapse-adjacent.block h2.section-title.collapse-title.hide-med {
|
||
color: #f9f9f9;
|
||
position: relative;
|
||
}
|
||
|
||
.section.aside.sponsors.collapse.collapse-adjacent.block h2.section-title.collapse-title.hide-med::before {
|
||
content: "特集コンテンツ";
|
||
text-indent: 0;
|
||
color: #686c68;
|
||
font-size: 1.5625rem;
|
||
position: absolute;
|
||
top: 2px;
|
||
left: 0;
|
||
}
|
||
|
||
.section.aside.sponsors.collapse.collapse-adjacent.block h2.section-title.collapse-title.hide-med::after {
|
||
font-size: 120%;
|
||
}
|
||
}
|
||
|
||
/* covid-19-updates 2020.3.19 */
|
||
body.postid-335045 .widget_stories-block h2 {
|
||
margin: 1em 0;
|
||
text-align: center;
|
||
background: url(https://jp.techcrunch.com/wp-content/uploads/2020/03/bg_covid19-1.png);
|
||
background-size: cover;
|
||
color: #fff;
|
||
line-height: 2em;
|
||
padding-top: .25em;
|
||
text-transform: capitalize;
|
||
}
|
||
|
||
#panel-335045-0-0-0 h1 {
|
||
border-left: 8px solid #cf0024;
|
||
padding-left: .25em;
|
||
margin-bottom: .75em;
|
||
}
|
||
|
||
/* /advertise 2020.4.27 */
|
||
body.page-id-7 .l-two-col .l-main .text {
|
||
max-width: 95%;
|
||
}
|
||
|
||
.btnGrdGreen {
|
||
background: #00d301;
|
||
background: -webkit-linear-gradient(-196deg,#00d301,#36c275 50%,#00a562);
|
||
background: -webkit-linear-gradient(164deg,#00d301,#36c275 50%,#00a562);
|
||
background: linear-gradient(286deg,#00d301,#36c275 50%,#00a562);
|
||
color: #fff !important;
|
||
-webkit-transition: background, color .1s ease-in-out;
|
||
transition: background, color .1s ease-in-out;
|
||
font-size: 1rem;
|
||
-webkit-appearance: none;
|
||
display: inline-block;
|
||
padding: 17px 30px;
|
||
border: 0;
|
||
border-radius: 0;
|
||
margin: 0 0 1em;
|
||
font-family: aktiv-grotesk, sans-serif;
|
||
font-weight: 700;
|
||
position: relative;
|
||
text-decoration: none;
|
||
cursor: pointer;
|
||
outline: 0;
|
||
box-sizing: inherit;
|
||
}
|
||
|
||
.advertiseTCBrandStudioJapan {
|
||
margin-top: 2em;
|
||
}
|
||
|
||
.advertiseTCBrandStudioJapan .inner1 {
|
||
font-size: 2.5em;
|
||
margin-top: 1em;
|
||
background: url(brand-studio-bg.png);
|
||
background: -webkit-linear-gradient(135deg,#00d301,#36c275 50.5%,#00a562);
|
||
background: linear-gradient(315deg,#00d301,#36c275 50.5%,#00a562);
|
||
background: #00a562;
|
||
color: #fff;
|
||
box-sizing: border-box;
|
||
padding: .75em 1em;
|
||
margin-bottom: .5em;
|
||
border: 2px solid #00a562;
|
||
}
|
||
|
||
.advertiseTCBrandStudioJapan .inner1 h2 {
|
||
font-size: 2.25em;
|
||
color: #fff;
|
||
margin: 0;
|
||
line-height: 1.125;
|
||
margin-top: 0;
|
||
}
|
||
|
||
@media all and (max-width: 640px) {
|
||
.advertiseTCBrandStudioJapan .inner1 {
|
||
padding: .5em;
|
||
}
|
||
|
||
.advertiseTCBrandStudioJapan .inner1 h2 {
|
||
font-size: 1.1em;
|
||
}
|
||
}
|
||
|
||
.advertiseTCBrandStudioJapan .chGreen {
|
||
color: #10a04c;
|
||
font-size: 1.2em;
|
||
}
|
||
|
||
/* weeklyRanking 2020.4.30 */
|
||
.TCJ_W-Ranking {
|
||
margin-top: 2em;
|
||
}
|
||
|
||
.TCJ_W-Ranking ul li {
|
||
overflow: hidden;
|
||
margin: 0 0 2em;
|
||
padding: 0 0 .5em;
|
||
border-bottom: 1px solid #ccc;
|
||
}
|
||
|
||
.TCJ_W-Ranking ul li .num {
|
||
display: block;
|
||
width: 5em;
|
||
padding: .1em .2em;
|
||
margin-bottom: 1em;
|
||
background: #e8e8e8;
|
||
color: #3e433e;
|
||
text-align: center;
|
||
font-weight: bold;
|
||
position: relative;
|
||
}
|
||
|
||
.TCJ_W-Ranking ul li .num:after {
|
||
content: " ";
|
||
height: 0;
|
||
width: 0;
|
||
margin: 0;
|
||
position: absolute;
|
||
left: 100%;
|
||
pointer-events: none;
|
||
border-top: 14px solid transparent;
|
||
border-bottom: 14px solid transparent;
|
||
border-left: 11px solid #e8e8e8;
|
||
}
|
||
|
||
.TCJ_W-Ranking ul li .thumbBox {
|
||
display: inline-block;
|
||
float: right;
|
||
margin: 0 0 .5em .5em;
|
||
}
|
||
|
||
.TCJ_W-Ranking ul li .thumbBox img {
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
.TCJ_W-Ranking ul li h2 {
|
||
margin: 0 0 .5em;
|
||
}
|
||
|
||
.TCJ_W-Ranking ul li h2 > a {
|
||
color: #3e433e;
|
||
}
|
||
|
||
.TCJ_W-Ranking ul li h2 > a:hover {
|
||
text-decoration: none;
|
||
}
|
||
|
||
.TCJ_W-Ranking ul li .block1 > p a {
|
||
font-weight: bold;
|
||
display: inline-block;
|
||
}
|
||
|
||
@media all and (max-width: 640px) {
|
||
.TCJ_W-Ranking ul li .thumbBox {
|
||
width: 40%;
|
||
}
|
||
|
||
.TCJ_W-Ranking ul li .thumb img {
|
||
width: 100%;
|
||
}
|
||
}
|
||
|
||
/* 広告掲載について(追加) 2020.5.27 */
|
||
.tcjapanUserCharacteristic .inner1 {
|
||
text-align: center;
|
||
}
|
||
|
||
.tcjapanUserCharacteristic .inner1 h3 {
|
||
background: -webkit-linear-gradient(transparent 50%,#c6e9d7 0%);
|
||
background: -o-linear-gradient(transparent 50%,#c6e9d7 0%);
|
||
background: linear-gradient(transparent 50%,#c6e9d7 0%);
|
||
display: inline-block;
|
||
clear: both;
|
||
margin-top: 1em;
|
||
font-size: 1.25rem;
|
||
padding: 0 .75em;
|
||
}
|
||
|
||
.tcjapanUserCharacteristic .inner1 .p2 {
|
||
margin-bottom: 2em;
|
||
}
|
||
|
||
.tcjapanUserCharacteristic .inner1 .p2 span {
|
||
border-bottom: 2px solid #ff4200;
|
||
padding-bottom: .1em;
|
||
}
|
||
|
||
.tcjapanUserCharacteristic .inner1 .box1 {
|
||
background: #f6f6f6;
|
||
border: 1px solid #d7d7d7;
|
||
padding: .5em;
|
||
color: #555;
|
||
font-size: .7rem;
|
||
margin-bottom: 2em;
|
||
width: 100%;
|
||
max-width: 750px;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
}
|
||
|
||
.tcjapanUserCharacteristic .inner1 .box2 {
|
||
background: #f1f1f1;
|
||
padding: .5em;
|
||
color: #888;
|
||
font-size: .7rem;
|
||
margin-bottom: 2em;
|
||
text-align: center;
|
||
width: 100%;
|
||
max-width: 750px;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
}
|
||
|
||
.tcjapanUserCharacteristic .inner1 .p1 {
|
||
}
|
||
|
||
.tcjapanUserCharacteristic .inner1 .p1 img {
|
||
width: 100%;
|
||
max-width: 700px;
|
||
display: inline;
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
/* 5G特集 2020.6.15 */
|
||
#panel-352774-3-0-0 {
|
||
max-width: 1000px !important;
|
||
}
|
||
|
||
.sp5G_engadget {
|
||
}
|
||
|
||
.sp5G_engadget .box1 {
|
||
width: 48%;
|
||
margin: 0 1% 2em;
|
||
display: inline-block;
|
||
float: left;
|
||
}
|
||
|
||
.sp5G_engadget .box1 a {
|
||
color: #56585c;
|
||
}
|
||
|
||
.sp5G_engadget .thumb1 {
|
||
width: 38%;
|
||
float: left;
|
||
margin: 0 4% 0 0;
|
||
}
|
||
|
||
.sp5G_engadget .thumb1 img {
|
||
width: 100%;
|
||
}
|
||
|
||
.sp5G_engadget .title1 {
|
||
font-size: 1.25em;
|
||
margin: 0 0 .25em;
|
||
}
|
||
|
||
.sp5G_engadget .date1 {
|
||
color: #ababad;
|
||
font-size: .9em;
|
||
}
|
||
|
||
@media all and (max-width: 640px) {
|
||
.sp5G_engadget .box1 {
|
||
width: 98%;
|
||
margin: 0 1% 2em;
|
||
display: inline-block;
|
||
float: none;
|
||
}
|
||
|
||
.sp5G_engadget .thumb1 {
|
||
width: 42%;
|
||
float: left;
|
||
margin: 0 4% 0 0;
|
||
}
|
||
}
|
||
|
||
/* ------------------------------------
|
||
sponsored
|
||
------------------------------------ */
|
||
|
||
/*Ryot Common Custom*/
|
||
|
||
/* For WordPress 5.8 Here */
|
||
body.page-builder.page-builder-sponsored header.header{
|
||
width: 100% !important;
|
||
z-index: 100 !important;
|
||
}
|
||
/* For WordPress 5.8 End */
|
||
|
||
.sponsoredryot {
|
||
line-height: 1.63;
|
||
-webkit-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.sponsoredryot .wp-caption-text {
|
||
margin-bottom: 40px;
|
||
}
|
||
|
||
.sponsoredryot .wp-video {
|
||
width: 100% !important;
|
||
height: 100% !important;
|
||
}
|
||
.sponsoredryot .wp-video-shortcode {
|
||
width: 100% !important;
|
||
height: 100% !important;
|
||
}
|
||
|
||
/*Opener Title Edit Here */
|
||
/*No Title Image Layout*/
|
||
|
||
@media all and (min-width: 1025px) {
|
||
|
||
/*title font size small*/
|
||
.postid-421032 .widget_page-opener-widget .x-small-title {
|
||
font-size: 50px !important
|
||
}
|
||
.postid-429794 .widget_page-opener-widget .x-small-title {
|
||
font-size: 50px !important
|
||
}
|
||
.postid-429608 .widget_page-opener-widget .x-small-title {
|
||
font-size: 50px !important
|
||
}
|
||
.postid-429789 .widget_page-opener-widget .x-small-title {
|
||
font-size: 50px !important
|
||
}
|
||
.postid-432863 .widget_page-opener-widget .x-small-title {
|
||
font-size: 50px !important
|
||
}
|
||
.postid-439149 .widget_page-opener-widget .x-small-title {
|
||
font-size: 50px !important
|
||
}
|
||
.postid-440723 .widget_page-opener-widget .x-small-title {
|
||
font-size: 50px !important
|
||
}
|
||
.postid-445998 .widget_page-opener-widget .x-small-title {
|
||
font-size: 50px !important
|
||
}
|
||
.postid-449588 .widget_page-opener-widget .x-small-title {
|
||
font-size: 50px !important
|
||
}
|
||
.postid-451312 .widget_page-opener-widget .x-small-title {
|
||
font-size: 50px !important
|
||
}
|
||
.postid-454564 .widget_page-opener-widget .x-small-title {
|
||
font-size: 50px !important
|
||
}
|
||
.postid-457722 .widget_page-opener-widget .x-small-title {
|
||
font-size: 50px !important
|
||
}
|
||
.postid-454641 .widget_page-opener-widget .x-small-title {
|
||
font-size: 50px !important
|
||
}
|
||
.postid-459368 .widget_page-opener-widget .x-small-title {
|
||
font-size: 50px !important
|
||
}
|
||
.postid-459372 .widget_page-opener-widget .x-small-title {
|
||
font-size: 42px !important
|
||
}
|
||
.postid-463127 .widget_page-opener-widget .x-small-title {
|
||
font-size: 50px !important
|
||
}
|
||
.postid-463749 .widget_page-opener-widget .x-small-title {
|
||
font-size: 50px !important
|
||
}
|
||
.postid-465731 .widget_page-opener-widget .x-small-title {
|
||
font-size: 50px !important
|
||
}
|
||
.postid-466531 .widget_page-opener-widget .x-small-title {
|
||
font-size: 50px !important
|
||
}
|
||
|
||
.postid-469313 .widget_page-opener-widget .x-small-title {
|
||
font-size: 50px !important
|
||
}
|
||
.postid-469319 .widget_page-opener-widget .x-small-title {
|
||
font-size: 50px !important
|
||
}
|
||
.postid-469327 .widget_page-opener-widget .x-small-title {
|
||
font-size: 50px !important
|
||
}
|
||
.postid-469330 .widget_page-opener-widget .x-small-title {
|
||
font-size: 50px !important
|
||
}
|
||
.postid-470893 .widget_page-opener-widget .x-small-title {
|
||
font-size: 50px !important
|
||
}
|
||
|
||
/*No Title Image Layout*/
|
||
.postid-429794 .widget_page-opener-widget .page-opener {
|
||
padding-top: 25% !important
|
||
}
|
||
.postid-429789 .widget_page-opener-widget .page-opener {
|
||
padding-top: 25% !important
|
||
}
|
||
.postid-432863 .widget_page-opener-widget .page-opener {
|
||
padding-top: 25% !important
|
||
}
|
||
.postid-439149 .widget_page-opener-widget .page-opener {
|
||
padding-top: 25% !important
|
||
}
|
||
.postid-440723 .widget_page-opener-widget .page-opener {
|
||
padding-top: 25% !important
|
||
}
|
||
.postid-445998 .widget_page-opener-widget .page-opener {
|
||
padding-top: 25% !important
|
||
}
|
||
.postid-449588 .widget_page-opener-widget .page-opener {
|
||
padding-top: 25% !important
|
||
}
|
||
.postid-451312 .widget_page-opener-widget .page-opener {
|
||
padding-top: 25% !important
|
||
}
|
||
.postid-454564 .widget_page-opener-widget .page-opener {
|
||
padding-top: 25% !important
|
||
}
|
||
.postid-457722 .widget_page-opener-widget .page-opener {
|
||
padding-top: 25% !important
|
||
}
|
||
.postid-454641 .widget_page-opener-widget .page-opener {
|
||
padding-top: 25% !important
|
||
}
|
||
.postid-459368 .widget_page-opener-widget .page-opener {
|
||
padding-top: 25% !important
|
||
}
|
||
.postid-459372 .widget_page-opener-widget .page-opener {
|
||
padding-top: 25% !important
|
||
}
|
||
.postid-463127 .widget_page-opener-widget .page-opener {
|
||
padding-top: 25% !important
|
||
}
|
||
.postid-463749 .widget_page-opener-widget .page-opener {
|
||
padding-top: 25% !important
|
||
}
|
||
.postid-465731 .widget_page-opener-widget .page-opener {
|
||
padding-top: 25% !important
|
||
}
|
||
.postid-466531 .widget_page-opener-widget .page-opener {
|
||
padding-top: 25% !important
|
||
}
|
||
.postid-469313 .widget_page-opener-widget .page-opener {
|
||
padding-top: 25% !important
|
||
}
|
||
.postid-469319 .widget_page-opener-widget .page-opener {
|
||
padding-top: 25% !important
|
||
}
|
||
.postid-469327 .widget_page-opener-widget .page-opener {
|
||
padding-top: 25% !important
|
||
}
|
||
.postid-469330 .widget_page-opener-widget .page-opener {
|
||
padding-top: 25% !important
|
||
}
|
||
.postid-470893 .widget_page-opener-widget .page-opener {
|
||
padding-top: 25% !important
|
||
}
|
||
}
|
||
|
||
@media all and (max-width: 640px) {
|
||
/*title font size small*/
|
||
.postid-421032 .widget_page-opener-widget .x-small-title {
|
||
font-size: 18px !important
|
||
}
|
||
.postid-421032 .sponsored-by {
|
||
font-size: 10px !important
|
||
}
|
||
.postid-429794 .widget_page-opener-widget .x-small-title {
|
||
font-size: 18px !important
|
||
}
|
||
.postid-429794 .sponsored-by {
|
||
font-size: 10px !important
|
||
}
|
||
.postid-429608 .widget_page-opener-widget .x-small-title {
|
||
font-size: 18px !important
|
||
}
|
||
.postid-429608 .sponsored-by {
|
||
font-size: 10px !important
|
||
}
|
||
.postid-429789 .widget_page-opener-widget .x-small-title {
|
||
font-size: 18px !important
|
||
}
|
||
.postid-429789 .sponsored-by {
|
||
font-size: 10px !important
|
||
}
|
||
.postid-432863 .widget_page-opener-widget .x-small-title {
|
||
font-size: 18px !important
|
||
}
|
||
.postid-432863 .sponsored-by {
|
||
font-size: 10px !important
|
||
}
|
||
.postid-439149 .widget_page-opener-widget .x-small-title {
|
||
font-size: 18px !important
|
||
}
|
||
.postid-439149 .sponsored-by {
|
||
font-size: 10px !important
|
||
}
|
||
.postid-440723 .widget_page-opener-widget .x-small-title {
|
||
font-size: 18px !important
|
||
}
|
||
.postid-440723 .sponsored-by {
|
||
font-size: 10px !important
|
||
}
|
||
.postid-445998 .widget_page-opener-widget .x-small-title {
|
||
font-size: 18px !important
|
||
}
|
||
.postid-445998 .sponsored-by {
|
||
font-size: 10px !important
|
||
}
|
||
.postid-449588 .widget_page-opener-widget .x-small-title {
|
||
font-size: 18px !important
|
||
}
|
||
.postid-449588 .sponsored-by {
|
||
font-size: 10px !important
|
||
}
|
||
.postid-451312 .widget_page-opener-widget .x-small-title {
|
||
font-size: 18px !important
|
||
}
|
||
.postid-451312 .sponsored-by {
|
||
font-size: 10px !important
|
||
}
|
||
.postid-454564 .widget_page-opener-widget .x-small-title {
|
||
font-size: 18px !important
|
||
}
|
||
.postid-454564 .sponsored-by {
|
||
font-size: 10px !important
|
||
}
|
||
.postid-457722 .widget_page-opener-widget .x-small-title {
|
||
font-size: 18px !important
|
||
}
|
||
.postid-457722 .sponsored-by {
|
||
font-size: 10px !important
|
||
}
|
||
.postid-454641 .widget_page-opener-widget .x-small-title {
|
||
font-size: 18px !important
|
||
}
|
||
.postid-454641 .sponsored-by {
|
||
font-size: 10px !important
|
||
}
|
||
.postid-459368 .widget_page-opener-widget .x-small-title {
|
||
font-size: 18px !important
|
||
}
|
||
.postid-459368 .sponsored-by {
|
||
font-size: 10px !important
|
||
}
|
||
.postid-459372 .widget_page-opener-widget .x-small-title {
|
||
font-size: 18px !important
|
||
}
|
||
.postid-459372 .sponsored-by {
|
||
font-size: 10px !important
|
||
}
|
||
.postid-463127 .widget_page-opener-widget .x-small-title {
|
||
font-size: 18px !important
|
||
}
|
||
.postid-463127 .sponsored-by {
|
||
font-size: 10px !important
|
||
}
|
||
.postid-463749 .widget_page-opener-widget .x-small-title {
|
||
font-size: 18px !important
|
||
}
|
||
.postid-463749 .sponsored-by {
|
||
font-size: 10px !important
|
||
}
|
||
.postid-465731 .widget_page-opener-widget .x-small-title {
|
||
font-size: 18px !important
|
||
}
|
||
.postid-465731 .sponsored-by {
|
||
font-size: 10px !important
|
||
}
|
||
.postid-466531 .widget_page-opener-widget .x-small-title {
|
||
font-size: 18px !important
|
||
}
|
||
.postid-466531 .sponsored-by {
|
||
font-size: 10px !important
|
||
}
|
||
.postid-469313 .widget_page-opener-widget .x-small-title {
|
||
font-size: 18px !important
|
||
}
|
||
.postid-469313 .sponsored-by {
|
||
font-size: 10px !important
|
||
}
|
||
.postid-469319 .widget_page-opener-widget .x-small-title {
|
||
font-size: 18px !important
|
||
}
|
||
.postid-469319 .sponsored-by {
|
||
font-size: 10px !important
|
||
}
|
||
.postid-469327 .widget_page-opener-widget .x-small-title {
|
||
font-size: 18px !important
|
||
}
|
||
.postid-469327 .sponsored-by {
|
||
font-size: 10px !important
|
||
}
|
||
.postid-469330 .widget_page-opener-widget .x-small-title {
|
||
font-size: 18px !important
|
||
}
|
||
.postid-469330 .sponsored-by {
|
||
font-size: 10px !important
|
||
}
|
||
.postid-470893 .widget_page-opener-widget .x-small-title {
|
||
font-size: 18px !important
|
||
}
|
||
.postid-470893 .sponsored-by {
|
||
font-size: 10px !important
|
||
}
|
||
|
||
|
||
/*No Title Image Layout*/
|
||
.postid-429794 .widget_page-opener-widget .page-opener {
|
||
padding-top: 50% !important
|
||
}
|
||
.postid-429789 .widget_page-opener-widget .page-opener {
|
||
padding-top: 50% !important
|
||
}
|
||
.postid-432863 .widget_page-opener-widget .page-opener {
|
||
padding-top: 50% !important
|
||
}
|
||
.postid-439149 .widget_page-opener-widget .page-opener {
|
||
padding-top: 50% !important
|
||
}
|
||
.postid-440723 .widget_page-opener-widget .page-opener {
|
||
padding-top: 50% !important
|
||
}
|
||
.postid-445998 .widget_page-opener-widget .page-opener {
|
||
padding-top: 50% !important
|
||
}
|
||
.postid-449588 .widget_page-opener-widget .page-opener {
|
||
padding-top: 50% !important
|
||
}
|
||
.postid-451312 .widget_page-opener-widget .page-opener {
|
||
padding-top: 58% !important
|
||
}
|
||
.postid-454564 .widget_page-opener-widget .page-opener {
|
||
padding-top: 58% !important
|
||
}
|
||
.postid-457722 .widget_page-opener-widget .page-opener {
|
||
padding-top: 58% !important
|
||
}
|
||
.postid-454641 .widget_page-opener-widget .page-opener {
|
||
padding-top: 58% !important
|
||
}
|
||
.postid-459368 .widget_page-opener-widget .page-opener {
|
||
padding-top: 58% !important
|
||
}
|
||
.postid-459372 .widget_page-opener-widget .page-opener {
|
||
padding-top: 58% !important
|
||
}
|
||
.postid-463127 .widget_page-opener-widget .page-opener {
|
||
padding-top: 58% !important
|
||
}
|
||
.postid-463749 .widget_page-opener-widget .page-opener {
|
||
padding-top: 58% !important
|
||
}
|
||
.postid-465731 .widget_page-opener-widget .page-opener {
|
||
padding-top: 58% !important
|
||
}
|
||
.postid-466531 .widget_page-opener-widget .page-opener {
|
||
padding-top: 58% !important
|
||
}
|
||
.postid-469313 .widget_page-opener-widget .page-opener {
|
||
padding-top: 58% !important
|
||
}
|
||
.postid-469319 .widget_page-opener-widget .page-opener {
|
||
padding-top: 58% !important
|
||
}
|
||
.postid-469327 .widget_page-opener-widget .page-opener {
|
||
padding-top: 58% !important
|
||
}
|
||
.postid-469330 .widget_page-opener-widget .page-opener {
|
||
padding-top: 58% !important
|
||
}
|
||
.postid-470893 .widget_page-opener-widget .page-opener {
|
||
padding-top: 58% !important
|
||
}
|
||
|
||
/*for none ad choice 210624*/
|
||
.postid-429794 .widget_page-opener-widget .main-title {
|
||
padding-bottom: 4% !important
|
||
}
|
||
.postid-429789 .widget_page-opener-widget .main-title {
|
||
padding-bottom: 4% !important
|
||
}
|
||
.postid-432863 .widget_page-opener-widget .main-title {
|
||
padding-bottom: 4% !important
|
||
}
|
||
.postid-439149 .widget_page-opener-widget .main-title {
|
||
padding-bottom: 4% !important
|
||
}
|
||
.postid-440723 .widget_page-opener-widget .main-title {
|
||
padding-bottom: 4% !important
|
||
}
|
||
.postid-445998 .widget_page-opener-widget .main-title {
|
||
padding-bottom: 4% !important
|
||
}
|
||
.postid-449588 .widget_page-opener-widget .main-title {
|
||
padding-bottom: 4% !important
|
||
}
|
||
.postid-451312 .widget_page-opener-widget .main-title {
|
||
padding-bottom: 4% !important
|
||
}
|
||
.postid-454564 .widget_page-opener-widget .main-title {
|
||
padding-bottom: 4% !important
|
||
}
|
||
.postid-457722 .widget_page-opener-widget .main-title {
|
||
padding-bottom: 4% !important
|
||
}
|
||
.postid-454641 .widget_page-opener-widget .main-title {
|
||
padding-bottom: 4% !important
|
||
}
|
||
.postid-459368 .widget_page-opener-widget .main-title {
|
||
padding-bottom: 4% !important
|
||
}
|
||
.postid-459372 .widget_page-opener-widget .main-title {
|
||
padding-bottom: 4% !important
|
||
}
|
||
.postid-463127 .widget_page-opener-widget .main-title {
|
||
padding-bottom: 4% !important
|
||
}
|
||
.postid-463749 .widget_page-opener-widget .main-title {
|
||
padding-bottom: 4% !important
|
||
}
|
||
.postid-465731 .widget_page-opener-widget .main-title {
|
||
padding-bottom: 4% !important
|
||
}
|
||
.postid-466531 .widget_page-opener-widget .main-title {
|
||
padding-bottom: 4% !important
|
||
}
|
||
.postid-469313 .widget_page-opener-widget .main-title {
|
||
padding-bottom: 4% !important
|
||
}
|
||
.postid-469319 .widget_page-opener-widget .main-title {
|
||
padding-bottom: 4% !important
|
||
}
|
||
.postid-469327 .widget_page-opener-widget .main-title {
|
||
padding-bottom: 4% !important
|
||
}
|
||
.postid-469330 .widget_page-opener-widget .main-title {
|
||
padding-bottom: 4% !important
|
||
}
|
||
.postid-470893 .widget_page-opener-widget .main-title {
|
||
padding-bottom: 4% !important
|
||
}
|
||
|
||
}
|
||
@media all and (max-width: 370px){
|
||
.postid-440723 .widget_page-opener-widget .page-opener {
|
||
padding-top: 58% !important
|
||
}
|
||
}
|
||
/*Opener Title Edit END */
|
||
|
||
/*ryot sponsored button Here*/
|
||
|
||
body.page-builder.page-builder-sponsored .widget_page-builder-tinymce .textwidget a{
|
||
-webkit-transition: none !important;
|
||
-moz-transition: none !important;
|
||
-ms-transition: none !important;
|
||
-o-transition: none !important;
|
||
transition: none !important;
|
||
}
|
||
|
||
.sponsoredryot .btn,
|
||
.sponsoredryot a btn,
|
||
.sponsoredryot button.btn {
|
||
text-transform: none;
|
||
font-size: 1.6rem;
|
||
font-weight: 700;
|
||
line-height: 1.5;
|
||
position: relative;
|
||
display: inline-block;
|
||
padding: 1rem 4rem;
|
||
cursor: pointer;
|
||
-webkit-user-select: none;
|
||
-moz-user-select: none;
|
||
-ms-user-select: none;
|
||
user-select: none;
|
||
-webkit-transition: all 0.3s;
|
||
transition: all 0.3s;
|
||
text-align: center;
|
||
vertical-align: middle;
|
||
text-decoration: none;
|
||
letter-spacing: 0.1em;
|
||
color: #ffffff;
|
||
border-radius: 0.5rem;
|
||
}
|
||
|
||
.sponsoredryot a.ryot-btn-a {
|
||
width: 100%;
|
||
font-size: 1rem !important;
|
||
position: relative;
|
||
padding: 1.5rem 2rem 1.5rem 2rem;
|
||
color: #fff !important;
|
||
background: #282828 !important;
|
||
}
|
||
|
||
.sponsoredryot a.ryot-btn-a span {
|
||
font-size: 1rem !important;
|
||
display: inline-block;
|
||
width: 100%;
|
||
margin-top: 8px !important;;
|
||
/*margin-bottom: 0.5em !important;*/
|
||
padding: 0.2rem 0.2rem !important;
|
||
color: #ffffff !important;
|
||
border-radius: 4px;
|
||
background: #f04900 !important;
|
||
}
|
||
|
||
.sponsoredryot a.ryot-btn-a:before {
|
||
/*font-size: 1.6rem !important;*/
|
||
/*line-height: 1!important;*/
|
||
/*position: absolute;*/
|
||
/*top: calc(50% - 0.7rem) !important;*/
|
||
/*left: 1.0rem !important;*/
|
||
/*margin: 0;*/
|
||
/*padding: 0;*/
|
||
/*content: url("https://jp.techcrunch.com/wp-content/uploads/2021/05/ryot_arrow01.png");*/
|
||
/*-webkit-transition: all 0.3s !important;*/
|
||
/*transition: all 0.3s!important;*/
|
||
}
|
||
|
||
.sponsoredryot a.ryot-btn-a:hover {
|
||
/*-webkit-transform: translate(0, 3px) !important;*/
|
||
/*transform: translate(0, 3px) !important;*/
|
||
color: #FFFFFF !important;
|
||
background: #808080 !important;
|
||
}
|
||
|
||
.sponsoredryot a.ryot-btn-a:hover:before {
|
||
/*left: 1.6rem !important;*/
|
||
}
|
||
|
||
@media all and (max-width: 640px) {
|
||
.sponsoredryot button.btn {
|
||
font-size: 0.8rem;
|
||
}
|
||
.sponsoredryot a.ryot-btn-a {
|
||
font-size: 0.8rem !important;
|
||
}
|
||
.sponsoredryot a.ryot-btn-a span {
|
||
font-size: 0.8rem !important;
|
||
}
|
||
.sponsoredryot a.ryot-btn-a:before {
|
||
font-size: 0.8rem !important;
|
||
}
|
||
}
|
||
|
||
.sponsoredryot a.ryot-btn-b {
|
||
font-size: 1.0rem !important;
|
||
color: #fff !important;
|
||
padding: 0.4rem 4.0rem !important;
|
||
background-color: #f04900;
|
||
}
|
||
.sponsoredryot a.ryot-btn-b2 {
|
||
font-size: 1.0rem !important;
|
||
color: #fff !important;
|
||
padding: 0.4rem 4.0rem !important;
|
||
background-color: #069e04;
|
||
}
|
||
.sponsoredryot a.ryot-btn-c {
|
||
font-size: 1.0rem !important;
|
||
color: #f04900 !important;
|
||
padding: 0.4rem 1.2rem !important;
|
||
background-color: transparent !important;
|
||
margin-top: 2px;
|
||
text-decoration : underline;
|
||
}
|
||
.sponsoredryot a.ryot-btn-c:before {
|
||
left: 2rem !important;
|
||
content: '▸';
|
||
}
|
||
.sponsoredryot a.ryot-btn-d {
|
||
font-size: 1.0rem !important;
|
||
color: #000000 !important;
|
||
padding: 0.4rem 4.0rem !important;
|
||
background-color: transparent !important;
|
||
margin-top: 12px;
|
||
border: solid 1px #d3d3d3;
|
||
}
|
||
.sponsoredryot a.ryot-btn-d:before {
|
||
left: 2rem !important;
|
||
content: '▸';
|
||
}
|
||
|
||
/*ryot sponsored button END*/
|
||
|
||
/* ------------------------------------
|
||
sponsored end
|
||
------------------------------------ */
|
||
|
||
/* 特集ページ 2020.6.15 */
|
||
.featurePage {
|
||
}
|
||
|
||
.featurePage .bread {
|
||
font-size: .9em;
|
||
color: #888;
|
||
margin-bottom: 2em;
|
||
}
|
||
|
||
.featurePage .bread span {
|
||
color: #aaa;
|
||
}
|
||
|
||
.featurePage .textBlock {
|
||
max-width: 80%;
|
||
margin: 1em auto;
|
||
padding: 0 1em;
|
||
position: relative;
|
||
text-align: center;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.featurePage .textBlock:after {
|
||
content: '';
|
||
width: 10em;
|
||
height: .5em;
|
||
background: #ddd;
|
||
display: inline-block;
|
||
}
|
||
|
||
.featurePage .textBlock p {
|
||
text-align: left;
|
||
}
|
||
|
||
.featurePage h3.bar {
|
||
text-align: center;
|
||
background: #e9e9e9;
|
||
padding: 5px;
|
||
margin: 1.5em 0 .5em;
|
||
}
|
||
|
||
.featurePage ul {
|
||
padding-top: 1em;
|
||
width: 100%;
|
||
overflow: hidden;
|
||
clear: both;
|
||
}
|
||
|
||
.featurePage ul li {
|
||
float: left;
|
||
width: 31%;
|
||
margin: 0 1% 2em;
|
||
}
|
||
|
||
@media all and (max-width: 640px) {
|
||
.featurePage ul li {
|
||
float: none;
|
||
width: 98%;
|
||
margin: 0 1% 2em;
|
||
}
|
||
}
|
||
|
||
.featurePage.rightColumn ul li {
|
||
float: none;
|
||
width: 100%;
|
||
margin: 0 0 2em;
|
||
}
|
||
|
||
.featurePage ul li a.aLink1 {
|
||
display: block;
|
||
z-index: 9999;
|
||
color: #333 !important;
|
||
box-shadow: 1px 1px 2px 0 #eaeaea;
|
||
background: #FFF;
|
||
}
|
||
|
||
.featurePage ul li .inner1 {
|
||
max-height: 180px;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.featurePage ul li .inner2 {
|
||
max-height: 200px;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.featurePage ul li .inner1 img,
|
||
.featurePage ul li .inner2 img {
|
||
width: 100% !important;
|
||
display: block;
|
||
}
|
||
|
||
.featurePage ul li .title1 {
|
||
padding: .75em 1em;
|
||
height: 6em;
|
||
box-sizing: border-box;
|
||
font-weight: bold;
|
||
}
|
||
|
||
.featurePage ul li .title1 span {
|
||
background: linear-gradient(transparent 50%,#ccffcc 0%);
|
||
}
|
||
|
||
.featurePage ul li .title2 {
|
||
padding: .5em .75em;
|
||
height: 4em;
|
||
box-sizing: border-box;
|
||
font-weight: bold;
|
||
font-size: 1.5em;
|
||
line-height: 1.25;
|
||
}
|
||
|
||
.featurePage ul li .title2 span {
|
||
font-size: .5em;
|
||
color: #888;
|
||
display: block;
|
||
padding-top: .5em;
|
||
font-weight: normal;
|
||
}
|
||
|
||
/* 特集 右カラム用 */
|
||
.featureListRight {
|
||
padding: 1em 0 0;
|
||
}
|
||
|
||
.featureListRight li {
|
||
overflow: hidden;
|
||
margin-bottom: .5em;
|
||
}
|
||
|
||
.featureListRight li img {
|
||
float: left;
|
||
margin-right: .5em;
|
||
}
|
||
|
||
.featureListRight li .title1 {
|
||
line-height: 1.1;
|
||
font-weight: bold;
|
||
}
|
||
|
||
.featureListRight li .title1 span {
|
||
font-size: .75em;
|
||
color: #888;
|
||
display: block;
|
||
padding-top: .5em;
|
||
font-weight: normal;
|
||
display: block;
|
||
}
|
||
|
||
/* disrupt 2020 */
|
||
#panel-357364-0-0-0,
|
||
#panel-357364-2-0-0,
|
||
#panel-358573-0-0-0,
|
||
#panel-441935-0-0-0,
|
||
#panel-441935-2-0-0 {
|
||
max-width: 100% !important;
|
||
margin: 0 !important;
|
||
padding: 0 !important;
|
||
}
|
||
|
||
#tctokyo2020 .tctokyoEventOpener {
|
||
background: url(https://jp.techcrunch.com/wp-content/uploads/2020/03/bg_20200316_01.png);
|
||
background: url(https://jp.techcrunch.com/wp-content/uploads/2019/12/dscf3449.jpg);
|
||
background: url(https://techcrunch.com/wp-content/uploads/2019/09/disrupt-winner-1618-shadow.png);
|
||
background-size: auto;
|
||
height: auto !important;
|
||
position: relative;
|
||
margin-bottom: 3em;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.tctokyoEventOpener_wrap1 {
|
||
background: rgba(0,0,0,0.25);
|
||
width: 100%;
|
||
/*height: 100%;*/
|
||
height: auto !important;
|
||
position: relative;
|
||
}
|
||
|
||
.tctokyoEventOpener_wrap2 {
|
||
text-align: center;
|
||
position: relative;
|
||
top: auto;
|
||
right: auto;
|
||
bottom: auto;
|
||
left: auto;
|
||
margin: auto;
|
||
max-width: 800px;
|
||
height: auto !important;
|
||
padding-top: 3em;
|
||
}
|
||
|
||
.tctokyoEventOpener_logo img {
|
||
max-width: 300px;
|
||
height: auto;
|
||
}
|
||
|
||
.tctokyoEventOpener_logo2 {
|
||
font-size: 8.5rem;
|
||
font-weight: 800;
|
||
font-family: aktiv-grotesk, sans-serif;
|
||
font-family: arial, sans-serif;
|
||
letter-spacing: -1.3px;
|
||
line-height: .93;
|
||
color: #fff;
|
||
text-align: left;
|
||
}
|
||
|
||
@media all and (max-width: 640px) {
|
||
.tctokyoEventOpener_logo2 {
|
||
font-size: 5.5rem;
|
||
text-align: left;
|
||
}
|
||
}
|
||
|
||
.tctokyoEventOpener_sub {
|
||
color: #fff;
|
||
font-size: 1.1em;
|
||
padding: 1em 0 3em;
|
||
line-height: 1.75;
|
||
text-align: left;
|
||
}
|
||
|
||
.tctokyoEventOpener_sub .p1 {
|
||
font-weight: 800;
|
||
font-size: 1.2em;
|
||
}
|
||
|
||
@media all and (max-width: 640px) {
|
||
.tctokyoEventOpener_wrap2 {
|
||
max-width: 80%;
|
||
}
|
||
|
||
.tctokyoEventOpener_logo img {
|
||
max-width: 80%;
|
||
}
|
||
}
|
||
|
||
.contentWrapInner1 {
|
||
margin: 0 auto 3em;
|
||
padding: 0 5%;
|
||
max-width: 1200px;
|
||
box-sizing: border-box;
|
||
clear: both;
|
||
}
|
||
|
||
.contentWrapInner1 p {
|
||
margin: 0 0 2em;
|
||
}
|
||
|
||
.contentWrapInner1 h2 {
|
||
letter-spacing: -1.5px;
|
||
font-size: 2.75rem;
|
||
font-weight: 900;
|
||
text-transform: none;
|
||
margin-bottom: .75em;
|
||
font-family: arial, sans-serif;
|
||
}
|
||
|
||
.contentWrapInner1 h2 em {
|
||
font-weight: 100 !important;
|
||
font-style: normal;
|
||
opacity: .75;
|
||
}
|
||
|
||
.contentWrapInner1 h2 span {
|
||
letter-spacing: 0;
|
||
font-size: 1rem;
|
||
font-weight: bold;
|
||
display: inline-block;
|
||
margin: 1.1em 0 0 1em;
|
||
vertical-align: top;
|
||
color: #999;
|
||
}
|
||
|
||
#tctokyo2020 .borderBlack {
|
||
border-top: 3px solid #3e433e;
|
||
margin: .5em auto 3em;
|
||
padding: 0 5%;
|
||
max-width: calc(1200px - 10%);
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.btnGrdGreen {
|
||
background: #00d301;
|
||
background: -webkit-linear-gradient(-196deg,#00d301,#36c275 50%,#00a562);
|
||
background: -webkit-linear-gradient(164deg,#00d301,#36c275 50%,#00a562);
|
||
background: linear-gradient(286deg,#00d301,#36c275 50%,#00a562);
|
||
color: #fff !important;
|
||
-webkit-transition: background, color .1s ease-in-out;
|
||
transition: background, color .1s ease-in-out;
|
||
font-size: 1rem;
|
||
-webkit-appearance: none;
|
||
display: inline-block;
|
||
padding: 17px 30px;
|
||
border: 0;
|
||
border-radius: 0;
|
||
margin: 0 0 1em;
|
||
font-family: aktiv-grotesk, sans-serif;
|
||
font-weight: 700;
|
||
position: relative;
|
||
text-decoration: none;
|
||
cursor: pointer;
|
||
outline: 0;
|
||
box-sizing: inherit;
|
||
}
|
||
|
||
.btnGrdBlue {
|
||
background: #00d301;
|
||
background: -webkit-linear-gradient(-196deg,#3caffc,#5d72e8 50%,#383ada);
|
||
background: -webkit-linear-gradient(164deg,#3caffc,#5d72e8 50%,#383ada);
|
||
background: linear-gradient(286deg,#3caffc,#5d72e8 50%,#383ada);
|
||
color: #fff !important;
|
||
-webkit-transition: background, color .1s ease-in-out;
|
||
transition: background, color .1s ease-in-out;
|
||
font-size: 1rem;
|
||
-webkit-appearance: none;
|
||
display: inline-block;
|
||
padding: 17px 30px;
|
||
border: 0;
|
||
border-radius: 0;
|
||
margin: 0 0 1em;
|
||
font-family: aktiv-grotesk, sans-serif;
|
||
font-weight: 700;
|
||
position: relative;
|
||
text-decoration: none;
|
||
cursor: pointer;
|
||
outline: 0;
|
||
box-sizing: inherit;
|
||
}
|
||
|
||
#tctokyo2020 .pb-event-intro-highlights .bp-event-intro-block__highlight {
|
||
clear: both;
|
||
-webkit-justify-content: space-between;
|
||
-ms-flex-pack: justify;
|
||
justify-content: space-between;
|
||
padding: 20px 0;
|
||
overflow: hidden;
|
||
}
|
||
|
||
#tctokyo2020 .pb-event-intro-highlights .bp-event-intro-block__highlight img {
|
||
display: block;
|
||
max-width: 41%;
|
||
}
|
||
|
||
#tctokyo2020 .pb-event-intro-highlights .bp-event-intro-block__highlight p {
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
#tctokyo2020 .pb-event-intro-highlights .bp-event-intro-block__highlight:nth-of-type(odd) img {
|
||
float: right;
|
||
margin-left: 4%;
|
||
}
|
||
|
||
#tctokyo2020 .pb-event-intro-highlights .bp-event-intro-block__highlight:nth-of-type(2n) img {
|
||
float: left;
|
||
margin-right: 4%;
|
||
}
|
||
|
||
/*登壇者*/
|
||
#tctokyo2020 .contentWrapInner1 .pastspeakersWrap {
|
||
margin: 0 0 4.5em;
|
||
}
|
||
|
||
#tctokyo2020 .contentWrapInner1 .pastspeakersWrap p {
|
||
margin: 0 0 .5em !important;
|
||
}
|
||
|
||
#tctokyo2020 .people-gallery {
|
||
position: relative;
|
||
margin-left: -20px;
|
||
}
|
||
|
||
#tctokyo2020 .people-gallery .people-gallery {
|
||
display: -webkit-box;
|
||
display: -webkit-flex;
|
||
display: -ms-flexbox;
|
||
display: flex;
|
||
-webkit-justify-content: flex-start;
|
||
-ms-flex-pack: start;
|
||
justify-content: flex-start;
|
||
-webkit-flex-wrap: wrap;
|
||
-ms-flex-wrap: wrap;
|
||
flex-wrap: wrap;
|
||
padding: 0;
|
||
}
|
||
|
||
#tctokyo2020 .people-gallery .people-gallery__person {
|
||
list-style-type: none;
|
||
-webkit-flex: 0 1 50%;
|
||
-ms-flex: 0 1 50%;
|
||
flex: 0 1 50%;
|
||
margin: 20px 0;
|
||
font-family: aktiv-grotesk, sans-serif;
|
||
}
|
||
|
||
@media (min-width: 1024px) {
|
||
#tctokyo2020 .people-gallery .people-gallery__person:nth-child(3n+1) {
|
||
padding-right: 5px;
|
||
}
|
||
}
|
||
|
||
@media (min-width: 1024px) {
|
||
#tctokyo2020 .people-gallery .people-gallery__person {
|
||
-webkit-flex: 0 1 33%;
|
||
-ms-flex: 0 1 33%;
|
||
flex: 0 1 33%;
|
||
text-align: left;
|
||
}
|
||
}
|
||
|
||
@media (min-width: 850px),screen and (max-width: 700px) and (min-width: 550px) {
|
||
#tctokyo2020 .people-gallery .people-gallery__person {
|
||
-webkit-flex: 0 1 25%;
|
||
-ms-flex: 0 1 25%;
|
||
flex: 0 1 25%;
|
||
}
|
||
}
|
||
|
||
#tctokyo2020 .pb-gallery--greyscale .people-item__image, .pb-gallery--greyscale .people-item__initials {
|
||
-webkit-filter: grayscale(1);
|
||
filter: grayscale(1);
|
||
}
|
||
|
||
#tctokyo2020 .people-item__image, .people-item__initials {
|
||
max-width: 80px;
|
||
border-radius: 50%;
|
||
margin: 0 auto 10px;
|
||
}
|
||
|
||
#tctokyo2020 .people-item__person-content {
|
||
text-align: center;
|
||
cursor: pointer;
|
||
}
|
||
|
||
@media (min-width: 1024px) {
|
||
#tctokyo2020 .people-item__person-content {
|
||
text-align: left;
|
||
}
|
||
}
|
||
|
||
#tctokyo2020 .people-gallery .people-gallery__person {
|
||
list-style-type: none;
|
||
-webkit-flex: 0 1 50%;
|
||
-ms-flex: 0 1 50%;
|
||
flex: 0 1 50%;
|
||
margin: 20px 0;
|
||
font-family: aktiv-grotesk, sans-serif;
|
||
}
|
||
|
||
#tctokyo2020 .people-gallery .people-gallery__person::before {
|
||
display: none;
|
||
}
|
||
|
||
@media (min-width: 1024px) {
|
||
#tctokyo2020 .people-gallery .people-gallery__person {
|
||
-webkit-flex: 0 1 33%;
|
||
-ms-flex: 0 1 33%;
|
||
flex: 0 1 33%;
|
||
text-align: left;
|
||
}
|
||
}
|
||
|
||
#tctokyo2020 .pb-testimonial__author-position, .people-item__position {
|
||
font-size: 12px;
|
||
font-size: .75rem;
|
||
line-height: 1.2;
|
||
color: #777;
|
||
margin-top: 7px;
|
||
}
|
||
|
||
#tctokyo2020 .pb-gallery--greyscale .people-item__image, .pb-gallery--greyscale .people-item__initials {
|
||
-webkit-filter: grayscale(1);
|
||
filter: grayscale(1);
|
||
}
|
||
|
||
#tctokyo2020 .people-item__image, .people-item__initials {
|
||
max-width: 80px;
|
||
border-radius: 50%;
|
||
margin: 0 auto 10px;
|
||
}
|
||
|
||
@media (min-width: 1024px) {
|
||
#tctokyo2020 .people-item__image, .people-item__initials {
|
||
float: left;
|
||
margin-right: 20px !important;
|
||
}
|
||
}
|
||
|
||
#tctokyo2020 .pb-testimonial__author-name, .people-item__title {
|
||
font-size: 14px;
|
||
font-size: .875rem;
|
||
letter-spacing: -.2px;
|
||
font-weight: 800;
|
||
margin-bottom: 0;
|
||
word-wrap: break-word;
|
||
-webkit-hyphens: auto;
|
||
-ms-hyphens: auto;
|
||
hyphens: auto;
|
||
margin-top: 10px;
|
||
}
|
||
|
||
@media (min-width: 1024px) {
|
||
#tctokyo2020 .pb-testimonial__author-name, .people-item__title {
|
||
font-size: 16px;
|
||
font-size: 1rem;
|
||
}
|
||
}
|
||
|
||
/* バトルフィールド */
|
||
#tctokyo2020 .slick-list {
|
||
overflow: hidden;
|
||
width: 100%;
|
||
}
|
||
|
||
#tctokyo2020 .slick-track {
|
||
overflow: hidden;
|
||
width: 100%;
|
||
display: flex;
|
||
flex-direction: row;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
#tctokyo2020 .slick-slide {
|
||
float: left;
|
||
max-width: 12.5% !important;
|
||
margin-right: 3% !important;
|
||
display: inline-block;
|
||
}
|
||
|
||
@media all and (max-width: 640px) {
|
||
#tctokyo2020 .slick-slide {
|
||
float: left;
|
||
max-width: 28% !important;
|
||
margin-right: 5% !important;
|
||
display: inline-block;
|
||
}
|
||
}
|
||
|
||
#tctokyo2020 .slick-slide img {
|
||
max-width: 100% !important;
|
||
}
|
||
|
||
/* スポンサー */
|
||
#tctokyo2020 .sponsor-block-grid {
|
||
padding-left: 0;
|
||
display: -webkit-box;
|
||
display: -webkit-flex;
|
||
display: -ms-flexbox;
|
||
display: flex;
|
||
-webkit-flex-wrap: wrap;
|
||
-ms-flex-wrap: wrap;
|
||
flex-wrap: wrap;
|
||
-webkit-justify-content: space-around;
|
||
-ms-flex-pack: distribute;
|
||
justify-content: space-around;
|
||
}
|
||
|
||
#tctokyo2020 .sponsor-block-grid__sponsor::before {
|
||
display: none !important;
|
||
}
|
||
|
||
#tctokyo2020 .sponsor-block-grid__sponsor {
|
||
list-style-type: none;
|
||
-webkit-flex: 0 1 35%;
|
||
-ms-flex: 0 1 35%;
|
||
flex: 0 1 35%;
|
||
margin: 30px 0;
|
||
padding-left: .5% !important;
|
||
padding-right: .5%;
|
||
display: -webkit-box;
|
||
display: -webkit-flex;
|
||
display: -ms-flexbox;
|
||
display: flex;
|
||
}
|
||
|
||
@media (min-width: 850px),screen and (max-width: 700px) and (min-width: 550px) {
|
||
#tctokyo2020 .sponsor-block-grid__sponsor {
|
||
-webkit-flex-basis: 28%;
|
||
flex-basis: 28%;
|
||
}
|
||
}
|
||
|
||
@media (min-width: 1024px) {
|
||
#tctokyo2020 .sponsor-block-grid__sponsor {
|
||
-webkit-flex-basis: 21%;
|
||
flex-basis: 21%;
|
||
}
|
||
}
|
||
|
||
#tctokyo2020 .sponsor-block-grid:after {
|
||
content: "";
|
||
-webkit-flex-basis: 35%;
|
||
flex-basis: 35%;
|
||
}
|
||
|
||
@media (min-width: 850px),screen and (max-width: 700px) and (min-width: 550px) {
|
||
#tctokyo2020 .sponsor-block-grid:after {
|
||
-webkit-flex-basis: 28%;
|
||
flex-basis: 28%;
|
||
}
|
||
}
|
||
|
||
@media (min-width: 850px) {
|
||
#tctokyo2020 .sponsor-block-grid:after {
|
||
-webkit-flex-basis: 21%;
|
||
flex-basis: 21%;
|
||
}
|
||
}
|
||
|
||
#tctokyo2020 .sponsor-block-grid__sponsor>* {
|
||
display: block;
|
||
-webkit-align-self: center;
|
||
align-self: center;
|
||
margin: auto;
|
||
}
|
||
|
||
#tctokyo2020 .sponsor-block-grid__sponsor__image {
|
||
display: block;
|
||
margin: auto;
|
||
max-height: 60px;
|
||
position: relative;
|
||
max-width: 116px;
|
||
}
|
||
|
||
#tctokyo2020 .grayscale {
|
||
-webkit-filter: grayscale(1);
|
||
filter: gray;
|
||
filter: grayscale(1);
|
||
}
|
||
|
||
#tctokyo2020 .hidden-defs, .screen-reader-text {
|
||
border: 0;
|
||
clip: rect(1px,1px,1px,1px);
|
||
height: 1px;
|
||
margin: -1px;
|
||
overflow: hidden;
|
||
padding: 0;
|
||
position: absolute;
|
||
width: 1px;
|
||
word-wrap: normal;
|
||
}
|
||
|
||
/* スポンサー */
|
||
#tctokyo2020 .sponsorImg {
|
||
float: right;
|
||
max-width: 360px;
|
||
margin: 0 0 1em 1em;
|
||
}
|
||
|
||
@media all and (max-width: 640px) {
|
||
#tctokyo2020 .sponsorImg {
|
||
float: none;
|
||
max-width: 110%;
|
||
margin: 0 -5% 2em;
|
||
}
|
||
}
|
||
|
||
#tctokyo2020 .sponsorUl {
|
||
margin-bottom: 1.5em;
|
||
}
|
||
|
||
#tctokyo2020 .sponsorUl li {
|
||
margin-bottom: .5em;
|
||
font-weight: bold;
|
||
color: #555;
|
||
}
|
||
|
||
.people-item__image img, .people-item__initials img {
|
||
border-radius: 50%;
|
||
}
|
||
|
||
.people-item__image img {
|
||
max-width: 100%;
|
||
height: auto;
|
||
}
|
||
|
||
.sponsors-label {
|
||
margin: 0;
|
||
font-size: 13px;
|
||
font-size: .8125rem;
|
||
color: #999;
|
||
}
|
||
|
||
.sponsors-label span {
|
||
display: inline;
|
||
}
|
||
|
||
.sponsors-label__sponsor-name {
|
||
display: inline !important;
|
||
}
|
||
|
||
/* チケットページ */
|
||
#tctokyo2020 .ticketName {
|
||
font-size: 1.5rem;
|
||
margin-bottom: 1em;
|
||
}
|
||
|
||
#tctokyo2020 .ticketUL {
|
||
margin-bottom: 1.5em;
|
||
}
|
||
|
||
#tctokyo2020 .ticketUL li {
|
||
color: #777 !important;
|
||
margin: 0 0 1em;
|
||
}
|
||
|
||
#tctokyo2020 .ticketUL li::before {
|
||
content: '●';
|
||
display: block;
|
||
position: relative;
|
||
max-width: 0;
|
||
max-height: 0;
|
||
left: -1.9em;
|
||
top: .5em;
|
||
color: #089e00;
|
||
font-size: .5em;
|
||
color: #999 !important;
|
||
}
|
||
|
||
#tctokyo2020 .grayUL {
|
||
margin-bottom: 1.5em;
|
||
}
|
||
|
||
#tctokyo2020 .grayUL li {
|
||
margin: 0 0 1em;
|
||
}
|
||
|
||
#tctokyo2020 .grayUL li::before {
|
||
content: '●';
|
||
display: block;
|
||
position: relative;
|
||
max-width: 0;
|
||
max-height: 0;
|
||
left: -1.9em;
|
||
top: .5em;
|
||
color: #089e00;
|
||
font-size: .5em;
|
||
color: #999 !important;
|
||
}
|
||
|
||
#tctokyo2020 .ticketDiscount {
|
||
border: 4px solid #5cab77;
|
||
border-radius: 2px;
|
||
background: #effbf3;
|
||
padding: 1.5em;
|
||
margin: 0 0 3em;
|
||
overflow: hidden;
|
||
}
|
||
|
||
#tctokyo2020 .ticketDiscount img {
|
||
max-width: 300px;
|
||
float: right;
|
||
clear: both;
|
||
margin: 0 1em;
|
||
}
|
||
|
||
#tctokyo2020 .ticketDiscount h3 {
|
||
margin-top: 0;
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
#tctokyo2020 .ticketDiscount p {
|
||
}
|
||
|
||
@media all and (max-width: 640px) {
|
||
#tctokyo2020 .ticketDiscount img {
|
||
max-width: 100%;
|
||
float: none;
|
||
clear: both;
|
||
margin: 1em 0;
|
||
}
|
||
|
||
#tctokyo2020 .ticketDiscount p {
|
||
margin-bottom: 0;
|
||
}
|
||
}
|
||
|
||
#tctokyo2020 .ticketVerification {
|
||
display: inline-block;
|
||
/*border-bottom:3px dotted*/
|
||
margin-bottom: .5em;
|
||
}
|
||
|
||
#tctokyo2020 .ticketVerification2 {
|
||
font-size: .9em;
|
||
opacity: .8;
|
||
margin-bottom: 2em;
|
||
border-left: 4px solid #ccc;
|
||
padding-left: .5em;
|
||
}
|
||
|
||
/* Disrupt 2020 Event Association */
|
||
.banner-event-default[style*="disrupt_1735_552-1.png"] .banner-header .alpha {
|
||
opacity: 0;
|
||
height: 290px;
|
||
}
|
||
|
||
.banner-event-default[style*="disrupt_1735_552-1.png"] .banner-header .alpha a {
|
||
display: inline-block;
|
||
height: 290px;
|
||
}
|
||
|
||
.banner-event-default[style*="disrupt_1735_552-1.png"] .banner-header .event-banner-info {
|
||
opacity: 0;
|
||
}
|
||
|
||
@media all and (max-width: 640px) {
|
||
.banner-event-default[style*="disrupt_1735_552-1.png"] {
|
||
background-size: 225%;
|
||
}
|
||
|
||
.banner-event-default[style*="disrupt_1735_552-1.png"] .banner-header {
|
||
min-height: 285px;
|
||
max-height: 285px;
|
||
}
|
||
|
||
.banner-event-default[style*="disrupt_1735_552-1.png"] .banner-header .alpha a {
|
||
display: inline-block;
|
||
height: 210px;
|
||
}
|
||
}
|
||
|
||
/* Disrupt Schedule */
|
||
.disruptScheduleDate {
|
||
font-family: "Open Sans", sans-serif;
|
||
font-weight: bold;
|
||
font-size: 1.8rem;
|
||
padding: .5em 0 1em;
|
||
color: -internal-light-dark(buttontext,rgb(170,170,170));
|
||
}
|
||
|
||
.event-schedule__schedule {
|
||
padding-left: 0;
|
||
font-size: 1.5em;
|
||
}
|
||
|
||
.event-schedule__schedule li::before {
|
||
display: none !important;
|
||
}
|
||
|
||
.event-schedule__item:first-of-type {
|
||
border-top: 1px solid #ddd;
|
||
}
|
||
|
||
@media (min-width: 850px)
|
||
.event-schedule__item {
|
||
|
||
}
|
||
|
||
.event-schedule__item {
|
||
list-style-type: none;
|
||
border-bottom: 1px solid #ddd;
|
||
padding: 25px 0;
|
||
}
|
||
|
||
@media (min-width: 1024px)
|
||
.schedule-item__container {
|
||
|
||
}
|
||
|
||
.schedule-item__container {
|
||
display: -webkit-box;
|
||
display: -webkit-flex;
|
||
display: -ms-flexbox;
|
||
display: flex;
|
||
-webkit-flex-direction: column;
|
||
-ms-flex-direction: column;
|
||
flex-direction: column;
|
||
width: 100%;
|
||
flex-wrap: no-wrap;
|
||
}
|
||
|
||
@media (min-width: 850px)
|
||
.schedule-item__time {
|
||
|
||
}
|
||
|
||
.schedule-item__time {
|
||
-webkit-flex: 0 1 33%;
|
||
-ms-flex: 0 1 33%;
|
||
flex: 0 1 33%;
|
||
font-size: 12px;
|
||
font-size: .75rem;
|
||
font-family: aktiv-grotesk, sans-serif;
|
||
color: #777;
|
||
}
|
||
|
||
.schedule-item__description {
|
||
margin-bottom: .5em;
|
||
}
|
||
|
||
@media (min-width: 850px)
|
||
.event-schedule__item p {
|
||
|
||
}
|
||
|
||
.event-schedule__item p {
|
||
margin: 0;
|
||
}
|
||
|
||
@media (min-width: 1024px)
|
||
.event-schedule__item .session-type__label {
|
||
|
||
}
|
||
|
||
.event-schedule__item .session-type__label {
|
||
display: inline-block;
|
||
margin: 0 10px;
|
||
padding: 2px 4px;
|
||
font-size: 7.9px;
|
||
font-size: .49375rem;
|
||
border: 1px solid #999;
|
||
font-weight: 600;
|
||
text-transform: uppercase;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.event-schedule__item span {
|
||
display: block;
|
||
}
|
||
|
||
.schedule-item__details {
|
||
-webkit-flex: 0 2 66%;
|
||
-ms-flex: 0 2 66%;
|
||
flex: 0 2 66%;
|
||
}
|
||
|
||
.event-schedule__item span {
|
||
display: block;
|
||
}
|
||
|
||
.schedule-item__title {
|
||
font-family: aktiv-grotesk, sans-serif;
|
||
letter-spacing: -.5px;
|
||
line-height: 1.5;
|
||
font-weight: 800;
|
||
color: #000;
|
||
padding-top: .5em;
|
||
}
|
||
|
||
.event-schedule__item span {
|
||
display: block;
|
||
}
|
||
|
||
.schedule-item__description {
|
||
font-size: 12px;
|
||
font-size: 1rem;
|
||
margin-top: 10px;
|
||
color: #777;
|
||
}
|
||
|
||
@media (min-width: 1024px)
|
||
.schedule-item__details__speakers .people-gallery {
|
||
|
||
}
|
||
|
||
.schedule-item__details__speakers .people-gallery {
|
||
-webkit-flex-direction: column;
|
||
-ms-flex-direction: column;
|
||
flex-direction: column;
|
||
}
|
||
|
||
.people-gallery {
|
||
position: relative;
|
||
}
|
||
|
||
@media (min-width: 1024px)
|
||
.schedule-item__details__speakers .people-gallery {
|
||
|
||
}
|
||
|
||
.schedule-item__details__speakers .people-gallery {
|
||
-webkit-flex-direction: column;
|
||
-ms-flex-direction: column;
|
||
flex-direction: column;
|
||
}
|
||
|
||
.people-gallery .people-gallery {
|
||
display: -webkit-box;
|
||
display: -webkit-flex;
|
||
display: -ms-flexbox;
|
||
display: flex;
|
||
-webkit-justify-content: flex-start;
|
||
-ms-flex-pack: start;
|
||
justify-content: flex-start;
|
||
-webkit-flex-wrap: wrap;
|
||
-ms-flex-wrap: wrap;
|
||
flex-wrap: wrap;
|
||
padding: 0;
|
||
}
|
||
|
||
.people-gallery {
|
||
position: relative;
|
||
}
|
||
|
||
@media (min-width: 1024px)
|
||
.schedule-item__details__speakers .people-gallery .people-gallery__person:nth-child(odd) {
|
||
|
||
}
|
||
|
||
@media (min-width: 1024px)
|
||
.people-gallery .people-gallery__person:nth-child(3n1) {
|
||
|
||
}
|
||
|
||
.schedule-item__details__speakers .people-gallery__person {
|
||
-webkit-flex: 0 1 50%;
|
||
-ms-flex: 0 1 50%;
|
||
flex: 0 1 50%;
|
||
margin: 5px 0;
|
||
list-style-type: none;
|
||
text-align: left;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
@media (min-width: 1024px)
|
||
.people-gallery .people-gallery__person {
|
||
|
||
}
|
||
|
||
@media (min-width: 850px),screen and (max-width: 700px) and (min-width: 550px)
|
||
.people-gallery .people-gallery__person {
|
||
|
||
}
|
||
|
||
.schedule-item__details__speakers .people-gallery .people-gallery__person {
|
||
list-style-type: none;
|
||
-webkit-flex: 0 1 50%;
|
||
-ms-flex: 0 1 50%;
|
||
flex: 0 1 50%;
|
||
margin: 0;
|
||
font-family: aktiv-grotesk, sans-serif;
|
||
padding-left: 0 !important;
|
||
height: 58px;
|
||
max-height: 58px;
|
||
}
|
||
|
||
.schedule-item__details__speakers .people-item__person-content {
|
||
text-align: left;
|
||
}
|
||
|
||
@media (min-width: 1024px)
|
||
.people-item__person-content {
|
||
|
||
}
|
||
|
||
.people-item__person-content {
|
||
text-align: center;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.schedule-item__details__speakers .people-item__image, .schedule-item__details__speakers .people-item__initials {
|
||
float: left;
|
||
margin: 0;
|
||
margin-right: 15px;
|
||
max-width: 48px;
|
||
border-radius: 50%;
|
||
}
|
||
|
||
.pb-gallery--greyscale .people-item__image, .pb-gallery--greyscale .people-item__initials {
|
||
-webkit-filter: grayscale(1);
|
||
filter: grayscale(1);
|
||
}
|
||
|
||
@media (min-width: 1024px)
|
||
.people-item__image,.people-item__initials {
|
||
|
||
}
|
||
|
||
.people-item__image, .people-item__initials {
|
||
max-width: 80px;
|
||
border-radius: 50%;
|
||
margin: 0 auto 10px;
|
||
}
|
||
|
||
@media (min-width: 1024px)
|
||
.pb-testimonial__author-name,.people-item__title {
|
||
|
||
}
|
||
|
||
.pb-testimonial__author-name, .people-item__title {
|
||
font-size: 14px;
|
||
font-size: .875rem;
|
||
letter-spacing: -.2px;
|
||
font-weight: 800;
|
||
margin-bottom: 0;
|
||
word-wrap: break-word;
|
||
-webkit-hyphens: auto;
|
||
-ms-hyphens: auto;
|
||
hyphens: auto;
|
||
}
|
||
|
||
@media (min-width: 850px)
|
||
.event-schedule__item p {
|
||
|
||
}
|
||
|
||
.event-schedule__item p {
|
||
margin: 0;
|
||
}
|
||
|
||
.pb-testimonial__author-position, .people-item__position {
|
||
font-size: 12px;
|
||
font-size: .75rem;
|
||
line-height: 1.2;
|
||
color: #777;
|
||
margin-top: 7px;
|
||
}
|
||
|
||
/* イベントページのStories Book */
|
||
.stories .story-block .thumb, .widget_stories-block .stories .story-block .thumb {
|
||
display: block;
|
||
float: left;
|
||
width: 176px;
|
||
height: auto;
|
||
background-repeat: no-repeat;
|
||
background-size: cover;
|
||
background-position: center;
|
||
}
|
||
|
||
/* 特集インデックス */
|
||
h1.specialIndexH1 {
|
||
margin-bottom: 1em;
|
||
border-left: 6px solid #299c4a;
|
||
padding-left: .5em;
|
||
font-size: 2em;
|
||
}
|
||
|
||
ul.specialIndex {
|
||
overflow: hidden;
|
||
}
|
||
|
||
ul.specialIndex li {
|
||
float: left;
|
||
width: 30%;
|
||
height: 300px;
|
||
margin: 0 1.5% 1em;
|
||
background-size: 125% auto;
|
||
background-position: center center;
|
||
}
|
||
|
||
ul.specialIndex li a {
|
||
display: block;
|
||
width: 100%;
|
||
height: 100%;
|
||
position: relative;
|
||
}
|
||
|
||
ul.specialIndex li a .inner1 {
|
||
background: rgba(255,255,255,1);
|
||
padding: 10px;
|
||
position: absolute;
|
||
bottom: 0;
|
||
left: 0;
|
||
display: inline-block;
|
||
width: auto;
|
||
}
|
||
|
||
ul.specialIndex li a p.p1 {
|
||
display: inline;
|
||
font-size: 1.5em;
|
||
color: #333;
|
||
font-weight: bold;
|
||
margin: 0;
|
||
padding: 0;
|
||
width: auto;
|
||
line-height: 1;
|
||
}
|
||
|
||
ul.specialIndex li a p.p2 {
|
||
display: inline;
|
||
font-size: .5em !important;
|
||
color: #888;
|
||
font-weight: normal;
|
||
margin: 0;
|
||
padding: 0;
|
||
width: auto;
|
||
line-height: 1;
|
||
}
|
||
|
||
/* スマホのみ表示 */
|
||
.displaySP {
|
||
display: none;
|
||
}
|
||
|
||
@media all and (max-width: 768px) {
|
||
.displaySP {
|
||
display: block;
|
||
}
|
||
}
|
||
|
||
/* Jetro Special 2020.9 */
|
||
.jetroRelated {
|
||
overflow: hidden;
|
||
}
|
||
|
||
.jetroRelated .thumb {
|
||
width: 600px;
|
||
max-width: 100%;
|
||
margin: 0 auto 1em;
|
||
}
|
||
|
||
.jetroRelated .thumb img {
|
||
width: 600px;
|
||
max-width: 100%;
|
||
}
|
||
|
||
.jetroRelated .text {
|
||
text-align: center;
|
||
font-weight: bold;
|
||
margin-bottom: 1em;
|
||
}
|
||
|
||
/* TC Battle 2020.9 */
|
||
.tcbattle2020_past {
|
||
overflow: hidden;
|
||
margin-bottom: 4em;
|
||
}
|
||
|
||
.tcbattle2020_past_1 {
|
||
float: left;
|
||
width: 60%;
|
||
}
|
||
|
||
.tcbattle2020_past_2 {
|
||
float: left;
|
||
width: 40%;
|
||
box-sizing: border-box;
|
||
padding-left: 2em;
|
||
}
|
||
|
||
.tcbattle2020_past_2 > div:nth-child(1) {
|
||
font-size: 1.25em;
|
||
}
|
||
|
||
.tcbattle2020_past_2 > div:nth-child(2) {
|
||
font-size: 2em;
|
||
font-weight: bold;
|
||
margin-bottom: 1em;
|
||
}
|
||
|
||
@media all and (max-width: 768px) {
|
||
.tcbattle2020_past {
|
||
margin-bottom: 2em;
|
||
}
|
||
|
||
.tcbattle2020_past_1 {
|
||
float: none;
|
||
width: 100%;
|
||
}
|
||
|
||
.tcbattle2020_past_2 {
|
||
float: none;
|
||
width: 100%;
|
||
box-sizing: border-box;
|
||
padding-left: 0;
|
||
text-align: center;
|
||
}
|
||
|
||
.tcbattle2020_past_2 > div:nth-child(1) {
|
||
padding-top: 1em;
|
||
}
|
||
|
||
.tcbattle2020_past_2 > div:nth-child(2) {
|
||
font-size: 2em;
|
||
font-weight: bold;
|
||
margin-bottom: .5em;
|
||
}
|
||
}
|
||
|
||
.tcbattle2020_flow_1 {
|
||
margin-bottom: 1em;
|
||
display: inlinne-block;
|
||
width: 33em;
|
||
margin: 0 auto 1em;
|
||
}
|
||
|
||
.tcbattle2020_flow_1 span {
|
||
display: inline-block;
|
||
width: 12em;
|
||
padding: 2px 0;
|
||
font-size: .9em;
|
||
text-align: center;
|
||
background: #009933;
|
||
color: #FFF;
|
||
margin-right: 2em;
|
||
}
|
||
|
||
.tcbattle2020_flow_2 {
|
||
text-align: center;
|
||
margin-bottom: 1em;
|
||
}
|
||
|
||
.tcbattle2020_flow_2 img {
|
||
width: 25px;
|
||
height: auto;
|
||
}
|
||
|
||
#panel-379294-0-0-0 .block-event-opener.background-image-container {
|
||
background-position: center center;
|
||
}
|
||
|
||
#panel-379294-0-0-0 .x-small-subtitle {
|
||
text-align: center;
|
||
text-transform: none;
|
||
}
|
||
|
||
#panel-379294-0-0-0 .block-event-opener .intro-content .sub-title, .block-event-opener .intro-content h1 {
|
||
text-align: center;
|
||
}
|
||
|
||
#panel-379294-4-0-0 {
|
||
max-width:980px !important;
|
||
}
|
||
|
||
.tcbattle2020_sponsor {
|
||
}
|
||
|
||
.tcbattle2020_sponsor_i1 {
|
||
overflow:hidden;
|
||
padding-bottom:1em;
|
||
margin-bottom:2em;
|
||
border-bottom:1px solid #aaa;
|
||
}
|
||
|
||
.tcbattle2020_sponsor_i1:last-child {
|
||
overflow:hidden;
|
||
padding-bottom:0;
|
||
margin-bottom:0;
|
||
border-bottom:none;
|
||
}
|
||
|
||
.tcbattle2020_sponsor_i1 .thumb {
|
||
float:left;
|
||
display:inline-block;
|
||
width:25%;
|
||
}
|
||
|
||
.tcbattle2020_sponsor_i1 .thumb img {
|
||
max-width:90%;
|
||
}
|
||
|
||
|
||
.tcbattle2020_sponsor_i2 {
|
||
float:left;
|
||
display:inline;
|
||
width:75%;
|
||
box-sizing:border-box;
|
||
padding-left:1em;
|
||
}
|
||
|
||
.tcbattle2020_sponsor_i2 h3 {
|
||
margin-top:0;
|
||
}
|
||
|
||
@media all and (max-width: 768px) {
|
||
|
||
.tcbattle2020_sponsor_i1 .thumb {
|
||
float:none;
|
||
display:block;
|
||
width:100%;
|
||
}
|
||
|
||
.tcbattle2020_sponsor_i1 .thumb {
|
||
text-align:center;
|
||
}
|
||
|
||
|
||
.tcbattle2020_sponsor_i2 {
|
||
float:none;
|
||
display:block;
|
||
width:100%;
|
||
box-sizing:border-box;
|
||
padding-left:0;
|
||
}
|
||
|
||
}
|
||
|
||
#panel-379294-4-0-0 {
|
||
margin-right: auto;
|
||
margin-left: auto;
|
||
}
|
||
|
||
#panel-379294-3-0-0 {
|
||
max-width:1200px;
|
||
margin-right: auto;
|
||
margin-left: auto;
|
||
}
|
||
|
||
.tcsb2020_company1-a {
|
||
margin:0 auto 4em;
|
||
background:#0e529a;
|
||
padding:2em 2em 1em ;
|
||
max-width:1000px;
|
||
border-radius:10px;
|
||
}
|
||
|
||
.tcsb2020_company1 {
|
||
display: flex;
|
||
align-items:center;
|
||
justify-content:center;
|
||
}
|
||
|
||
.tcsb2020_company1-a .caution {
|
||
padding:3em 2em 1em;
|
||
color:#fff;
|
||
font-size:.7em;
|
||
text-align:center;
|
||
}
|
||
|
||
.tcsb2020_company1 > div {
|
||
}
|
||
|
||
.tcsb2020_company1 .inner2 {
|
||
position: relative;
|
||
background: #ffffff;
|
||
margin:0 30px 0 30px;
|
||
padding:15px;
|
||
border-radius:10px;
|
||
}
|
||
.tcsb2020_company1 .inner2 :after, .tcsb2020_company1 .inner2 :before {
|
||
right: 100%;
|
||
top: 50%;
|
||
border: solid transparent;
|
||
content: "";
|
||
height: 0;
|
||
width: 0;
|
||
position: absolute;
|
||
pointer-events: none;
|
||
}
|
||
|
||
.tcsb2020_company1 .inner2 :after {
|
||
border-color: rgba(255, 255, 255, 0);
|
||
border-right-color: #ffffff;
|
||
border-width: 15px;
|
||
margin-top: -15px;
|
||
}
|
||
.tcsb2020_company1 .inner2 :before {
|
||
border-color: rgba(255, 255, 255, 0);
|
||
border-right-color: #fff;
|
||
border-width: 19px;
|
||
margin-top: -19px;
|
||
}
|
||
|
||
.tcsb2020_company1 .inner2 > div:first-child {
|
||
font-size:1.3em;
|
||
color:#0eacda;
|
||
font-weight:bold;
|
||
margin-bottom:.25em;
|
||
}
|
||
|
||
|
||
.tcsb2020_company2 .bar {
|
||
background:#009944;
|
||
color:#FFF;
|
||
padding:5px;
|
||
text-align:center;
|
||
margin-bottom:2em;
|
||
}
|
||
|
||
.tcsb2020_company2 .companyRow {
|
||
overflow:hidden;
|
||
margin-bottom:4em;
|
||
}
|
||
|
||
.tcsb2020_company2 .companyBox {
|
||
float:left;
|
||
display:inline;
|
||
width:20%;
|
||
box-sizing:border-box;
|
||
padding:0 1.5%;
|
||
}
|
||
|
||
.tcsb2020_company2 .companyBox .p1 {
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
height:80px;
|
||
margin-bottom:.5em;
|
||
}
|
||
|
||
.tcsb2020_company2 .companyBox .p1 img {
|
||
max-width:80%;
|
||
max-height:50px;
|
||
}
|
||
|
||
.tcsb2020_company2 .companyBox .p2 iframe {
|
||
max-width:100%;
|
||
height:120px;
|
||
}
|
||
|
||
.tcsb2020_company2 .companyBox .p3 {
|
||
margin-top:2em;
|
||
font-weight:bold;
|
||
margin-bottom:.25em;
|
||
}
|
||
|
||
.tcsb2020_company2 .companyBox .p4 {
|
||
font-size:.8em;
|
||
margin-bottom:1.5em;
|
||
}
|
||
|
||
.tcsb2020_company2 .companyBox .p5 {
|
||
text-align:center;
|
||
}
|
||
|
||
.tcsb2020_company2 .companyBox .p5 img {
|
||
width:110px;
|
||
height:auto;
|
||
}
|
||
|
||
@media all and (max-width: 768px) {
|
||
|
||
.tcsb2020_company2 .companyRow {
|
||
margin-bottom:1.5em;
|
||
}
|
||
.tcsb2020_company2 .companyBox {
|
||
float:left;
|
||
display:inline;
|
||
width:50%;
|
||
box-sizing:border-box;
|
||
padding:0 3%;
|
||
margin-bottom:2.5em;
|
||
}
|
||
|
||
.tcsb2020_company2 .companyBox .p3 {
|
||
margin-top:1.5em;
|
||
font-weight:bold;
|
||
margin-bottom:.25em;
|
||
}
|
||
|
||
.tcsb2020_company2 .companyBox .p4 {
|
||
font-size:.8em;
|
||
margin-bottom:1.5em;
|
||
min-height:13em;
|
||
}
|
||
|
||
}
|
||
|
||
.tcsb2020_tshirtBox1 {
|
||
background:#efefee;
|
||
border-left:10px solid #37974c;
|
||
font-size:1.35em;
|
||
font-weight:bold;
|
||
padding:10px 10px;
|
||
max-width:650px;
|
||
margin:2em auto 2em;
|
||
}
|
||
|
||
|
||
.tcsb2020_tshirtBox2 {
|
||
max-width:650px;
|
||
margin:0 auto 4em;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
}
|
||
|
||
.tcsb2020_tshirtBox2 > div:last-child {
|
||
padding-left:2em;
|
||
}
|
||
|
||
|
||
@media all and (max-width: 768px) {
|
||
.tcsb2020_tshirtBox2 {
|
||
max-width:650px;
|
||
margin:0 auto 4em;
|
||
display: block;
|
||
justify-content: center;
|
||
align-items: center;
|
||
text-align:center;
|
||
}
|
||
.tcsb2020_tshirtBox2 > div:first-child {
|
||
margin-bottom:2em;
|
||
}
|
||
.tcsb2020_tshirtBox2 > div:last-child {
|
||
padding-left:0;
|
||
}
|
||
}
|
||
|
||
#panel-379294-4-0-0 {
|
||
max-width:1200px !important;
|
||
width:100%;
|
||
margin-right: auto;
|
||
margin-left: auto;
|
||
}
|
||
|
||
.tcsbJudge {
|
||
|
||
}
|
||
|
||
.tcsbJudgeBox {
|
||
width:50%;
|
||
display:inline-block;
|
||
float:left;
|
||
box-sizing:border-box;
|
||
padding:0 2% 2em;
|
||
padding-top:2em;
|
||
border-top:1px solid #333;
|
||
}
|
||
|
||
.tcsbJudgeBox:nth-child(odd) {
|
||
clear:left;
|
||
}
|
||
|
||
.tcsbJudgeBox .innner1 {
|
||
margin-bottom:.5em;
|
||
display:inline-block;
|
||
float:left;
|
||
width:33.3%;
|
||
box-sizing:border-box;
|
||
padding:0 1em 1em 0;
|
||
}
|
||
|
||
.tcsbJudgeBox .innner1 img {
|
||
border-radius:50%;
|
||
max-width:100%;
|
||
}
|
||
|
||
.tcsbJudgeBox .innner2 {
|
||
margin-bottom:.5em;
|
||
font-weight:bold;
|
||
font-size:1.1em;
|
||
}
|
||
|
||
.tcsbJudgeBox .innner3 {
|
||
margin-bottom:.5em;
|
||
}
|
||
|
||
.tcsbJudgeBox .innner4 {
|
||
font-size:.8em;
|
||
}
|
||
|
||
@media all and (max-width: 768px) {
|
||
|
||
.tcsbJudgeBox {
|
||
width:100%;
|
||
display:block;
|
||
float:none;
|
||
box-sizing:border-box;
|
||
padding:0 2% 2em;
|
||
padding-top:2em;
|
||
border-top:1px solid #333;
|
||
clear:both;
|
||
}
|
||
|
||
}
|
||
|
||
#media_video-4,
|
||
#media_video-5,
|
||
#media_video-6,
|
||
#media_video-7 {
|
||
margin-bottom:2em;
|
||
max-width:800px;
|
||
margin:2em auto 2em;
|
||
}
|
||
|
||
/* */
|
||
|
||
#advertiseList.featurePage ul li {
|
||
margin-bottom:1em;
|
||
}
|
||
|
||
#advertiseList.featurePage ul li:nth-of-type(4n) {
|
||
clear:left;
|
||
}
|
||
|
||
#advertiseList a {
|
||
text-decoration:none;
|
||
}
|
||
|
||
#advertiseList .inner2 img {
|
||
margin-bottom:0;
|
||
}
|
||
|
||
#advertiseList.featurePage ul li .title2 {
|
||
padding: .75em .75em;
|
||
height: 5em;
|
||
box-sizing: border-box;
|
||
font-weight: bold;
|
||
line-height: 1.25;
|
||
font-size:1em;
|
||
}
|
||
|
||
|
||
/*
|
||
〓〓〓〓〓〓〓〓〓〓〓〓〓
|
||
TCJ-Staff
|
||
〓〓〓〓〓〓〓〓〓〓〓〓〓
|
||
*/
|
||
|
||
.TCabout {
|
||
margin-top:.5em;
|
||
}
|
||
|
||
.TCabout img {
|
||
height:1em;
|
||
width:auto;
|
||
float:left;
|
||
margin:.125em .25em 0 0;
|
||
}
|
||
|
||
.TCJ-Staff {
|
||
margin-bottom:2em;
|
||
}
|
||
|
||
.TCJ-Staff h2 {
|
||
padding:.5em .5em;
|
||
}
|
||
|
||
.TCJ-Staff ul {
|
||
display:flex;
|
||
flex-wrap: wrap;
|
||
margin-bottom:1em;
|
||
}
|
||
|
||
.TCJ-Staff ul li {
|
||
width:50%;
|
||
display:inline-block;
|
||
box-sizing:border-box;
|
||
padding:.75em;
|
||
overflow:hidden;
|
||
margin-bottom:2em;
|
||
}
|
||
|
||
.TCJ-Staff ul li .leftBox {
|
||
width:50%;
|
||
float:left;
|
||
}
|
||
|
||
@media all and (max-width: 768px) {
|
||
.TCJ-Staff ul li .leftBox {
|
||
width:100%;
|
||
float:none;
|
||
}
|
||
}
|
||
|
||
@media all and (min-width: 769px) {
|
||
|
||
.TCJ-Staff ul li:nth-child(odd) {
|
||
padding-right:1.25em;
|
||
}
|
||
|
||
.TCJ-Staff ul li:nth-child(even) {
|
||
padding-left:1.25em;
|
||
}
|
||
|
||
}
|
||
|
||
.TCJ-Staff ul li:after {
|
||
width:50%;
|
||
content:"";
|
||
display:block;
|
||
height:0;
|
||
border-bottom1px solid #ddd;
|
||
|
||
}
|
||
|
||
.TCJ-Staff ul li .thumb {
|
||
margin-bottom:.5em;
|
||
text-align:center;
|
||
}
|
||
|
||
.TCJ-Staff ul li .thumb img {
|
||
width:120px;
|
||
height:120px;
|
||
object-fit: cover;
|
||
max-width:100%;
|
||
border-radius:50%;
|
||
display:inline-block;
|
||
border:none;
|
||
margin-bottom:0;
|
||
}
|
||
|
||
@media all and (max-width: 768px) {
|
||
|
||
.TCJ-Staff ul li .thumb img {
|
||
|
||
}
|
||
|
||
}
|
||
|
||
.TCJ-Staff ul li .name {
|
||
color:#333;
|
||
font-weight:bold;
|
||
margin:0 0 .125em;
|
||
text-align:center;
|
||
font-size:.9em;
|
||
}
|
||
|
||
|
||
.TCJ-Staff ul li .role {
|
||
color:#333;
|
||
font-size:0.8em;
|
||
margin:0 0 .75em;
|
||
text-align:center;
|
||
}
|
||
|
||
.TCJ-Staff ul li .profile {
|
||
color:#333;
|
||
font-size:0.8em;
|
||
margin-bottom:.75em;
|
||
width:50%;
|
||
float:left;
|
||
padding-top:.5em;
|
||
}
|
||
|
||
|
||
.TCJ-Staff ul li .profile a {
|
||
color:#089e00;
|
||
padding-top:.5em;
|
||
display:block;
|
||
}
|
||
|
||
.TCJ-Staff ul li .profile a i {
|
||
margin-right:.25em;
|
||
}
|
||
|
||
@media all and (max-width: 768px) {
|
||
|
||
.TCJ-Staff ul li .profile {
|
||
color:#333;
|
||
font-size:0.8em;
|
||
margin-bottom:.75em;
|
||
width:100%;
|
||
float:none;
|
||
padding-top:.5em;
|
||
}
|
||
|
||
}
|
||
|
||
.TCJ-Staff ul li .sns {
|
||
color:#FFF;
|
||
margin-bottom:0em;
|
||
text-align:center;
|
||
}
|
||
|
||
@media all and (max-width: 768px) {
|
||
.TCJ-Staff ul li .sns {
|
||
margin-bottom:.5em;
|
||
}
|
||
}
|
||
|
||
.TCJ-Staff ul li .sns span {
|
||
color:#FFF;
|
||
width:1.4em;
|
||
height:1.4em;
|
||
border-radius:50%;
|
||
background:#999;
|
||
margin:0 .4em 0 0;
|
||
display:inline-block;
|
||
padding:6px;
|
||
vertical-align:top;
|
||
text-align:center;
|
||
position:relative;
|
||
}
|
||
|
||
.TCJ-Staff ul li .sns span a {
|
||
color:#FFF;
|
||
line-height:.25em;
|
||
display:inline-block;
|
||
}
|
||
|
||
.TCJ-Staff ul li .sns span a i {
|
||
color:#FFF;
|
||
line-height:.25em;
|
||
display:inline-block;
|
||
font-size:.8em;
|
||
position:absolute;
|
||
top: 50%;
|
||
left: 50%;
|
||
transform: translate(-50%, -50%);
|
||
-webkit-transform: translate(-50%, -50%);
|
||
-ms-transform: translate(-50%, -50%);
|
||
}
|
||
|
||
|
||
/*
|
||
〓〓〓〓〓〓〓〓〓〓〓〓〓
|
||
Rive Tag
|
||
〓〓〓〓〓〓〓〓〓〓〓〓〓
|
||
*/
|
||
|
||
@media (max-width:46.8em) {
|
||
|
||
.river .tags {
|
||
display: block !important;
|
||
margin-bottom: .25em !important;
|
||
}
|
||
|
||
body .river .tag {
|
||
padding:.25em .5em;
|
||
}
|
||
|
||
body .river .tag:after {
|
||
display:none;
|
||
}
|
||
|
||
|
||
|
||
/*
|
||
CSS Migrated from Jetpack:
|
||
*/
|
||
|
||
/*
|
||
Welcome to Custom CSS!
|
||
|
||
To learn how this works, see http://wp.me/PEmnE-Bt
|
||
*/
|
||
.popn-socialbutton-count:before {
|
||
border-color: rgba(217,217,217,0);
|
||
border-top-color: #D9D9D9 !important;
|
||
border-width: 5px !important;
|
||
margin-left: -5px;
|
||
}
|
||
|
||
.popn-socialbutton-count:after, .popn-socialbutton-count:before {
|
||
top: 100%;
|
||
left: 50%;
|
||
border: solid transparent;
|
||
content: " ";
|
||
height: 0;
|
||
width: 0;
|
||
position: absolute;
|
||
pointer-events: none;
|
||
}
|
||
|
||
.popn-socialbutton-count:after {
|
||
border-color: rgba(255,255,255,0);
|
||
border-top-color: #fff;
|
||
border-width: 4px;
|
||
margin-left: -4px;
|
||
}
|
||
|
||
.social-button {
|
||
margin: 5px 0;
|
||
}
|
||
|
||
.popn-socialbutton-wrap {
|
||
float: none !important;
|
||
}
|
||
|
||
.popn-socialbutton-wrap a {
|
||
font-size: 12px !important;
|
||
}
|
||
|
||
.popn-socialbutton-wrap a.popn-socialbutton-share:before {
|
||
font-weight: 400;
|
||
padding-right: 2px;
|
||
font-size: 14px !important;
|
||
vertical-align: middle;
|
||
}
|
||
|
||
.popn-socialbutton-wrap.facebook a {
|
||
background-color: #2f609c;
|
||
}
|
||
|
||
.popn-socialbutton-wrap.twitter a {
|
||
background-color: #55ACEE;
|
||
}
|
||
|
||
.popn-socialbutton-wrap.pocket a {
|
||
background-color: #ED4055;
|
||
}
|
||
|
||
.popn-socialbutton-wrap.hatebu a {
|
||
background-color: #1d99cd;
|
||
}
|
||
|
||
.popn-socialbutton-wrap.gplus a {
|
||
background-color: #D24231;
|
||
}
|
||
|
||
.popn-socialbutton-wrap.linebu a {
|
||
padding: 0 12px 2px 30px !important;
|
||
background: #01c302 url('wp-content/themes/vip/techcrunch-jp-2015/assets/images/line-btn.png') no-repeat 8px 7px / 26%;
|
||
}
|
||
|
||
.popn-socialbutton-wrap.facebook a:before {
|
||
content: "\e009";
|
||
font-family: 'icons';
|
||
}
|
||
|
||
.popn-socialbutton-wrap.twitter a.popn-socialbutton-share:before {
|
||
content: "\e001";
|
||
font-family: 'icons';
|
||
}
|
||
|
||
.popn-socialbutton-wrap.hatebu a.popn-socialbutton-share:before {
|
||
content: "B!";
|
||
font-weight: bold;
|
||
}
|
||
|
||
.popn-socialbutton-wrap.gplus a:before {
|
||
content: "\e802";
|
||
font-family: 'fontello';
|
||
}
|
||
|
||
.popn-socialbutton-wrap.pocket a:before {
|
||
content: '\e801';
|
||
font-family: 'fontello';
|
||
}
|
||
|
||
#social-after-wrapper {
|
||
padding-bottom: 8px;
|
||
clear: both;
|
||
float: left;
|
||
}
|
||
|
||
.social-button, .social-button-bottom {
|
||
text-align: center;
|
||
}
|
||
|
||
.popn-socialbutton-wrap.linebu {
|
||
display: none;
|
||
width: 68px !important;
|
||
}
|
||
|
||
@media all and (max-width: 468px) {
|
||
.popn-socialbutton-wrap.linebu {
|
||
display: inline-block !important;
|
||
}
|
||
}
|
||
|
||
@media all and (max-width: 468px) {
|
||
#stcky-footer {
|
||
display: block !important;
|
||
}
|
||
|
||
.line-share {
|
||
display: block !important;
|
||
}
|
||
|
||
.social-share li {
|
||
margin: 5px 4px 5px 9px !important;
|
||
}
|
||
}
|
||
|
||
.line-share {
|
||
display: none;
|
||
}
|
||
|
||
.social-flw {
|
||
background: white;
|
||
display: block;
|
||
margin: 10px 0;
|
||
width: 100%;
|
||
text-align: center;
|
||
padding: 10px 0 5px;
|
||
font-size: 14px;
|
||
clear: both;
|
||
}
|
||
|
||
.social-flw p {
|
||
display: inline;
|
||
}
|
||
|
||
.social-flw span {
|
||
margin-left: 5px;
|
||
}
|
||
|
||
.social-flw .tw-follow {
|
||
vertical-align: text-top;
|
||
}
|
||
|
||
@media all and (max-width: 510px) {
|
||
.social-flw p {
|
||
display: block;
|
||
padding-top: 5px;
|
||
margin: 0;
|
||
}
|
||
}
|
||
|
||
.hatena.icon-share:before {
|
||
content: "B!";
|
||
font-family: Verdana;
|
||
font-weight: bold;
|
||
}
|
||
|
||
.pocket.icon-share:before {
|
||
content: '\e801';
|
||
font-family: 'fontello';
|
||
}
|
||
|
||
.foot-share li a.line span {
|
||
background: transparent url("wp-content/themes/vip/techcrunch-jp-2015/assets/images/line-btn.png") no-repeat scroll 0 8px / 85%;
|
||
display: inline-block;
|
||
width: 27px;
|
||
}
|
||
|
||
@font-face {
|
||
font-family: tinymce;
|
||
src: url(https://cdnjs.cloudflare.com/ajax/libs/tinymce/4.2.7/skins/lightgray/fonts/tinymce.woff) format("woff");
|
||
}
|
||
|
||
p.sample {
|
||
color: #f32cec;
|
||
background-color: #dbf7b9;
|
||
}
|
||
|
||
@media all and (max-width: 640px) {
|
||
p.sample {
|
||
color: #ff0000;
|
||
background-color: #999;
|
||
}
|
||
}
|
||
|
||
/* ------------------------------------
|
||
Special
|
||
------------------------------------ */
|
||
.specialList1 {
|
||
padding-top: 1em;
|
||
width: 100%;
|
||
}
|
||
|
||
.specialList1 > li {
|
||
float: left;
|
||
width: 32%;
|
||
margin: 0 2% 2em 0;
|
||
}
|
||
|
||
.specialList1 > li:nth-child(3n) {
|
||
margin: 0 0 2em;
|
||
}
|
||
|
||
.specialList1_inner1 {
|
||
display: block;
|
||
z-index: 9999;
|
||
color: #333;
|
||
box-shadow: 1px 1px 2px 0 #eaeaea;
|
||
background: #FFF;
|
||
}
|
||
|
||
.specialList1_inner1 > img {
|
||
display: block;
|
||
}
|
||
|
||
.specialList1_inner2 {
|
||
padding: .75em 1em;
|
||
height: 8em;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.specialList1_inner3 {
|
||
display: block;
|
||
margin-bottom: .5em;
|
||
color: #089e00;
|
||
font-weight: bold;
|
||
}
|
||
|
||
.specialList1_inner3 > a {
|
||
color: #089e00 !important;
|
||
}
|
||
|
||
.specialList1_inner2 ol > li {
|
||
font-size: .85em;
|
||
margin-bottom: .25em;
|
||
}
|
||
|
||
.specialList1_inner2 ol > li > a {
|
||
color: #333 !important;
|
||
}
|
||
|
||
/* ------------------------------------
|
||
CAREERS
|
||
------------------------------------ */
|
||
/* アトラエ 右カラムバナー */
|
||
body.tc_special_content-template-default .so-panel.widget.widget_page-builder-tinymce.panel-first-child.panel-last-child {
|
||
position: relative;
|
||
}
|
||
|
||
body.tc_special_content-template-default .sideAdMove {
|
||
position: absolute;
|
||
right: 0;
|
||
top: 33px;
|
||
}
|
||
|
||
@media all and (max-width: 1000px) {
|
||
body.tc_special_content-template-default .sideAdMove {
|
||
position: relative;
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
/* ------------------------------------
|
||
TechCrunch Tokyo 2019
|
||
------------------------------------ */
|
||
/* イベントトップ */
|
||
#panel-269750-4-0-1 {
|
||
max-width: 1000px;
|
||
}
|
||
|
||
.pastspeakersWrap {
|
||
display: flex;
|
||
max-width: 100%;
|
||
flex-wrap: wrap;
|
||
flex-grow: 3;
|
||
flex-shrink: 3;
|
||
justify-content: left;
|
||
}
|
||
|
||
.pastspeakersBlock {
|
||
display: inline-flex;
|
||
position: relative;
|
||
padding: 1px;
|
||
width: 33.3%;
|
||
}
|
||
|
||
.pastspeakersInner1 {
|
||
display: block;
|
||
width: 100%;
|
||
position: relative;
|
||
height: 200px;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.pastspeakersInner1 img {
|
||
filter: grayscale(20%) !important;
|
||
color: #fff;
|
||
font-size: .9em;
|
||
opacity: .9;
|
||
min-width: 100%;
|
||
min-height: 100%;
|
||
max-width: 140%;
|
||
max-height: 140%;
|
||
width: auto;
|
||
height: auto;
|
||
}
|
||
|
||
.speakers2019Wrap .pastspeakersInner1 p {
|
||
position: relative;
|
||
height: 200px;
|
||
}
|
||
|
||
.speakers2019Wrap .pastspeakersInner1 img {
|
||
filter: grayscale(20%) !important;
|
||
position: absolute;
|
||
top: 50%;
|
||
left: 50%;
|
||
-webkit-transform: translate(-50%,-50%);
|
||
-ms-transform: translate(-50%,-50%);
|
||
transform: translate(-50%,-50%);
|
||
width: auto;
|
||
height: 100%;
|
||
}
|
||
|
||
.pastspeakersInner2 {
|
||
background: linear-gradient(to bottom,rgba(0,0,0,0.30) 0%,rgba(0,0,0,0.50) 100%);
|
||
z-index: 1001;
|
||
width: 100%;
|
||
height: 100%;
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
}
|
||
|
||
.speakers2019Wrap .pastspeakersInner2 {
|
||
background: linear-gradient(to bottom,rgba(0,0,0,0.10) 0%,rgba(0,0,0,0.30) 100%);
|
||
z-index: 1001;
|
||
width: 100%;
|
||
height: 100%;
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
}
|
||
|
||
.tctEventGallery.speakers2019Wrap .pastspeakersInner2 {
|
||
background: none;
|
||
}
|
||
|
||
.pastspeakersInner2 a {
|
||
display: block;
|
||
width: 100%;
|
||
height: 100%;
|
||
cursor: pointer !important;
|
||
z-index: 9999;
|
||
}
|
||
|
||
.speakers2019Wrap .pastspeakersInner2:hover a {
|
||
background: rgba(255,255,255,0.2);
|
||
}
|
||
|
||
.pastspeakersInner3 {
|
||
display: block;
|
||
position: absolute;
|
||
bottom: .5em;
|
||
left: 1.25em;
|
||
z-index: 1002;
|
||
}
|
||
|
||
.pastspeakersInner4 {
|
||
font-size: 17px !important;
|
||
margin-bottom: .35em;
|
||
font-size: 1.25em;
|
||
line-height: 1;
|
||
font-weight: bold;
|
||
}
|
||
|
||
.pastspeakersInner5 {
|
||
font-size: 15px !important;
|
||
line-height: 1;
|
||
padding-right: .5em;
|
||
}
|
||
|
||
@media all and (max-width: 640px) {
|
||
.pastspeakersBlock {
|
||
width: 320px;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.pastspeakersInner1 {
|
||
width: 320px;
|
||
height: 210px;
|
||
}
|
||
|
||
body.postid-312673 .pastspeakersInner1 {
|
||
width: 280px;
|
||
height: 200px;
|
||
}
|
||
}
|
||
|
||
/* イベントトップ ロゴサイズ調整 */
|
||
@media all and (min-width: 768px) {
|
||
.so-panel#panel-269750-0-0-0 h1 img {
|
||
max-width: 320px;
|
||
}
|
||
}
|
||
|
||
/* 7.10 試し書き */
|
||
/*
|
||
body.postid-285606 .header .btn-menu {
|
||
background:none;
|
||
border:none;
|
||
box-shadow:none;
|
||
}
|
||
|
||
body.postid-285606 .header .btn-menu span {
|
||
width:24px;
|
||
height: 20px;
|
||
}
|
||
*/
|
||
/* FAQ */
|
||
/*
|
||
#pl-285591 .section-events+.widget_page-builder-tinymce,
|
||
#pl-285591 .widget_page-builder-tinymce,
|
||
#pl-285606 .section-events+.widget_page-builder-tinymce,
|
||
#pl-285606 .widget_page-builder-tinymce {
|
||
margin: 0;
|
||
padding:0;
|
||
max-width: 9999px;
|
||
}
|
||
|
||
#pl-285591 .panel-row-style.panel-row-parallax,
|
||
#pl-285591 .panel-row-style.panel-row-parallax,
|
||
#pl-285606 .panel-row-style.panel-row-parallax,
|
||
#pl-285606 .panel-row-style.panel-row-parallax {
|
||
margin: 0;
|
||
padding:0;
|
||
background:none;
|
||
}
|
||
|
||
#pl-285591 .panel-row-style.panel-row-parallax:before,
|
||
#pl-285591 .panel-row-style.panel-row-parallax:before,
|
||
#pl-285606 .panel-row-style.panel-row-parallax:before,
|
||
#pl-285606 .panel-row-style.panel-row-parallax:before {
|
||
margin: 0;
|
||
padding:0;
|
||
background:none;
|
||
}
|
||
|
||
#pl-285591 .section-events+.widget_page-builder-tinymce h1,
|
||
#pl-285591 .widget_page-builder-tinymce h1,
|
||
#pl-285606 .section-events+.widget_page-builder-tinymce h1,
|
||
#pl-285606 .widget_page-builder-tinymce h1 {
|
||
margin: 0;
|
||
padding:0;
|
||
}
|
||
*/
|
||
/* 記事ページ Event Reration */
|
||
/* TechCrunch Tokyo 2019 */
|
||
.banner-event-default[style="background-image: url(https://jp.techcrunch.com/wp-content/uploads/2019/11/tct2019_bg2.png?w=1735)"] {
|
||
padding: 0;
|
||
background-position: 0 -50px;
|
||
}
|
||
|
||
.banner-event-default[style="background-image: url(https://jp.techcrunch.com/wp-content/uploads/2019/11/tct2019_bg2.png?w=1735)"] .banner-header {
|
||
min-height: 300px !important;
|
||
background-size: conver;
|
||
}
|
||
|
||
.banner-event-default[style="background-image: url(https://jp.techcrunch.com/wp-content/uploads/2019/11/tct2019_bg2.png?w=1735)"] .banner-header .title {
|
||
background: url('https://jp.techcrunch.com/wp-content/uploads/2019/11/tct2019_logo_v_1125.png') center center no-repeat;
|
||
background-size: contain;
|
||
margin-top: 3em;
|
||
max-height: 220px;
|
||
width: 360px;
|
||
height: 220px;
|
||
}
|
||
|
||
.banner-event-default[style="background-image: url(https://jp.techcrunch.com/wp-content/uploads/2019/11/tct2019_bg2.png?w=1735)"] .banner-header .title .alpha {
|
||
opacity: 0;
|
||
}
|
||
|
||
.banner-event-default[style="background-image: url(https://jp.techcrunch.com/wp-content/uploads/2019/07/tct2019_bg2.png?w=1735)"] .banner-header .title .alpha a {
|
||
height: 100px;
|
||
display: block;
|
||
}
|
||
|
||
.banner-event-default[style="background-image: url(https://jp.techcrunch.com/wp-content/uploads/2019/11/tct2019_bg2.png?w=1735)"] .banner-header .title .event-banner-info {
|
||
opacity: 0;
|
||
}
|
||
|
||
@media all and (max-width: 640px) {
|
||
.banner-event-default[style="background-image: url(https://jp.techcrunch.com/wp-content/uploads/2019/11/tct2019_bg2.png?w=1735)"] {
|
||
background-size: 250%;
|
||
background-position: 0 0;
|
||
}
|
||
|
||
.banner-event-default[style="background-image: url(https://jp.techcrunch.com/wp-content/uploads/2019/11/tct2019_bg2.png?w=1735)"] .banner-header {
|
||
min-height: 300px !important;
|
||
max-height: 300px !important;
|
||
border-bottom: 15px solid #f9f9f9;
|
||
}
|
||
|
||
.banner-event-default[style="background-image: url(https://jp.techcrunch.com/wp-content/uploads/2019/11/tct2019_bg2.png?w=1735)"] .banner-header .title {
|
||
width: 65%;
|
||
background-position: center center;
|
||
margin-top: 45px;
|
||
height: 190px;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.banner-event-default[style="background-image: url(https://jp.techcrunch.com/wp-content/uploads/2019/11/tct2019_bg2.png?w=1735)"] .banner-header .title .alpha {
|
||
}
|
||
|
||
.banner-event-default[style="background-image: url(https://jp.techcrunch.com/wp-content/uploads/2019/11/tct2019_bg2.png?w=1735)"] .banner-header .title .alpha a {
|
||
display: block;
|
||
cursor: pointer;
|
||
height: 100px;
|
||
}
|
||
}
|
||
|
||
/* Tech crunch Tokyo Event Archive */
|
||
body.single-post .nav-event, body.single-tc_events .nav-event, body.single-tc_video .nav-event {
|
||
background-color: #3e433e;
|
||
height: auto;
|
||
min-height: 45px;
|
||
width: 100%;
|
||
text-align: center;
|
||
margin-bottom: 2em;
|
||
}
|
||
|
||
body.single-tc_events .banner-header, body.single-tc_video .banner-header {
|
||
padding: 0;
|
||
max-width: none;
|
||
background-position: center;
|
||
background-size: cover;
|
||
min-height: 300px;
|
||
}
|
||
|
||
body.single-post .nav-event ul, body.single-tc_events .nav-event ul, body.single-tc_video .nav-event ul {
|
||
display: block;
|
||
left: 0;
|
||
text-align: center;
|
||
}
|
||
|
||
body.single-post .nav-event ul li, body.single-tc_events .nav-event ul li, body.single-tc_video .nav-event ul li {
|
||
min-width: 0;
|
||
display: inline-block;
|
||
right: 0;
|
||
margin: 0 -.11em;
|
||
float: none;
|
||
}
|
||
|
||
.event-tabs-content {
|
||
width: 100%;
|
||
padding-left: .5em;
|
||
padding-right: .5em;
|
||
}
|
||
|
||
@media all and (max-width: 640px) {
|
||
body.single-post .nav-event ul, body.single-tc_events .nav-event ul, body.single-tc_video .nav-event ul {
|
||
display: block;
|
||
left: 0;
|
||
}
|
||
|
||
body.single-post .nav-event ul li, body.single-tc_events .nav-event ul li, body.single-tc_video .nav-event ul li {
|
||
min-width: 0;
|
||
display: inline-block;
|
||
width: 48%;
|
||
margin: 0 1%;
|
||
right: auto;
|
||
white-space: nowrap;
|
||
float: left;
|
||
}
|
||
}
|
||
|
||
@media all and (max-width: 640px) {
|
||
.section.aside.sponsors.collapse.collapse-adjacent.block h2.section-title.collapse-title.hide-med {
|
||
color: #f9f9f9;
|
||
position: relative;
|
||
}
|
||
|
||
.section.aside.sponsors.collapse.collapse-adjacent.block h2.section-title.collapse-title.hide-med::before {
|
||
content: "特集コンテンツ";
|
||
text-indent: 0;
|
||
color: #686c68;
|
||
font-size: 1.5625rem;
|
||
position: absolute;
|
||
top: 2px;
|
||
left: 0;
|
||
}
|
||
|
||
.section.aside.sponsors.collapse.collapse-adjacent.block h2.section-title.collapse-title.hide-med::after {
|
||
font-size: 120%;
|
||
}
|
||
}
|
||
|
||
/* covid-19-updates 2020.3.19 */
|
||
body.postid-335045 .widget_stories-block h2 {
|
||
margin: 1em 0;
|
||
text-align: center;
|
||
background: url(https://jp.techcrunch.com/wp-content/uploads/2020/03/bg_covid19-1.png);
|
||
background-size: cover;
|
||
color: #fff;
|
||
line-height: 2em;
|
||
padding-top: .25em;
|
||
text-transform: capitalize;
|
||
}
|
||
|
||
#panel-335045-0-0-0 h1 {
|
||
border-left: 8px solid #cf0024;
|
||
padding-left: .25em;
|
||
margin-bottom: .75em;
|
||
}
|
||
|
||
/* /advertise 2020.4.27 */
|
||
body.page-id-7 .l-two-col .l-main .text {
|
||
max-width: 95%;
|
||
}
|
||
|
||
.btnGrdGreen {
|
||
background: #00d301;
|
||
background: -webkit-linear-gradient(-196deg,#00d301,#36c275 50%,#00a562);
|
||
background: -webkit-linear-gradient(164deg,#00d301,#36c275 50%,#00a562);
|
||
background: linear-gradient(286deg,#00d301,#36c275 50%,#00a562);
|
||
color: #fff !important;
|
||
-webkit-transition: background, color .1s ease-in-out;
|
||
transition: background, color .1s ease-in-out;
|
||
font-size: 1rem;
|
||
-webkit-appearance: none;
|
||
display: inline-block;
|
||
padding: 17px 30px;
|
||
border: 0;
|
||
border-radius: 0;
|
||
margin: 0 0 1em;
|
||
font-family: aktiv-grotesk, sans-serif;
|
||
font-weight: 700;
|
||
position: relative;
|
||
text-decoration: none;
|
||
cursor: pointer;
|
||
outline: 0;
|
||
box-sizing: inherit;
|
||
}
|
||
|
||
.advertiseTCBrandStudioJapan {
|
||
margin-top: 2em;
|
||
}
|
||
|
||
.advertiseTCBrandStudioJapan .inner1 {
|
||
font-size: 2.5em;
|
||
margin-top: 1em;
|
||
background: url(brand-studio-bg.png);
|
||
background: -webkit-linear-gradient(135deg,#00d301,#36c275 50.5%,#00a562);
|
||
background: linear-gradient(315deg,#00d301,#36c275 50.5%,#00a562);
|
||
background: #00a562;
|
||
color: #fff;
|
||
box-sizing: border-box;
|
||
padding: .75em 1em;
|
||
margin-bottom: .5em;
|
||
border: 2px solid #00a562;
|
||
}
|
||
|
||
.advertiseTCBrandStudioJapan .inner1 h2 {
|
||
font-size: 2.25em;
|
||
color: #fff;
|
||
margin: 0;
|
||
line-height: 1.125;
|
||
margin-top: 0;
|
||
}
|
||
|
||
@media all and (max-width: 640px) {
|
||
.advertiseTCBrandStudioJapan .inner1 {
|
||
padding: .5em;
|
||
}
|
||
|
||
.advertiseTCBrandStudioJapan .inner1 h2 {
|
||
font-size: 1.1em;
|
||
}
|
||
}
|
||
|
||
.advertiseTCBrandStudioJapan .chGreen {
|
||
color: #10a04c;
|
||
font-size: 1.2em;
|
||
}
|
||
|
||
/* weeklyRanking 2020.4.30 */
|
||
.TCJ_W-Ranking {
|
||
margin-top: 2em;
|
||
}
|
||
|
||
.TCJ_W-Ranking ul li {
|
||
overflow: hidden;
|
||
margin: 0 0 2em;
|
||
padding: 0 0 .5em;
|
||
border-bottom: 1px solid #ccc;
|
||
}
|
||
|
||
.TCJ_W-Ranking ul li .num {
|
||
display: block;
|
||
width: 5em;
|
||
padding: .1em .2em;
|
||
margin-bottom: 1em;
|
||
background: #e8e8e8;
|
||
color: #3e433e;
|
||
text-align: center;
|
||
font-weight: bold;
|
||
position: relative;
|
||
}
|
||
|
||
.TCJ_W-Ranking ul li .num:after {
|
||
content: " ";
|
||
height: 0;
|
||
width: 0;
|
||
margin: 0;
|
||
position: absolute;
|
||
left: 100%;
|
||
pointer-events: none;
|
||
border-top: 14px solid transparent;
|
||
border-bottom: 14px solid transparent;
|
||
border-left: 11px solid #e8e8e8;
|
||
}
|
||
|
||
.TCJ_W-Ranking ul li .thumbBox {
|
||
display: inline-block;
|
||
float: right;
|
||
margin: 0 0 .5em .5em;
|
||
}
|
||
|
||
.TCJ_W-Ranking ul li .thumbBox img {
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
.TCJ_W-Ranking ul li h2 {
|
||
margin: 0 0 .5em;
|
||
}
|
||
|
||
.TCJ_W-Ranking ul li h2 > a {
|
||
color: #3e433e;
|
||
}
|
||
|
||
.TCJ_W-Ranking ul li h2 > a:hover {
|
||
text-decoration: none;
|
||
}
|
||
|
||
.TCJ_W-Ranking ul li .block1 > p a {
|
||
font-weight: bold;
|
||
display: inline-block;
|
||
}
|
||
|
||
@media all and (max-width: 640px) {
|
||
.TCJ_W-Ranking ul li .thumbBox {
|
||
width: 40%;
|
||
}
|
||
|
||
.TCJ_W-Ranking ul li .thumb img {
|
||
width: 100%;
|
||
}
|
||
}
|
||
|
||
/* 広告掲載について(追加) 2020.5.27 */
|
||
.tcjapanUserCharacteristic .inner1 {
|
||
text-align: center;
|
||
}
|
||
|
||
.tcjapanUserCharacteristic .inner1 h3 {
|
||
background: -webkit-linear-gradient(transparent 50%,#c6e9d7 0%);
|
||
background: -o-linear-gradient(transparent 50%,#c6e9d7 0%);
|
||
background: linear-gradient(transparent 50%,#c6e9d7 0%);
|
||
display: inline-block;
|
||
clear: both;
|
||
margin-top: 1em;
|
||
font-size: 1.25rem;
|
||
padding: 0 .75em;
|
||
}
|
||
|
||
.tcjapanUserCharacteristic .inner1 .p2 {
|
||
margin-bottom: 2em;
|
||
}
|
||
|
||
.tcjapanUserCharacteristic .inner1 .p2 span {
|
||
border-bottom: 2px solid #ff4200;
|
||
padding-bottom: .1em;
|
||
}
|
||
|
||
.tcjapanUserCharacteristic .inner1 .box1 {
|
||
background: #f6f6f6;
|
||
border: 1px solid #d7d7d7;
|
||
padding: .5em;
|
||
color: #555;
|
||
font-size: .7rem;
|
||
margin-bottom: 2em;
|
||
width: 100%;
|
||
max-width: 750px;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
}
|
||
|
||
.tcjapanUserCharacteristic .inner1 .box2 {
|
||
background: #f1f1f1;
|
||
padding: .5em;
|
||
color: #888;
|
||
font-size: .7rem;
|
||
margin-bottom: 2em;
|
||
text-align: center;
|
||
width: 100%;
|
||
max-width: 750px;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
}
|
||
|
||
.tcjapanUserCharacteristic .inner1 .p1 {
|
||
}
|
||
|
||
.tcjapanUserCharacteristic .inner1 .p1 img {
|
||
width: 100%;
|
||
max-width: 700px;
|
||
display: inline;
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
/* 5G特集 2020.6.15 */
|
||
#panel-352774-3-0-0 {
|
||
max-width: 1000px !important;
|
||
}
|
||
|
||
.sp5G_engadget {
|
||
}
|
||
|
||
.sp5G_engadget .box1 {
|
||
width: 48%;
|
||
margin: 0 1% 2em;
|
||
display: inline-block;
|
||
float: left;
|
||
}
|
||
|
||
.sp5G_engadget .box1 a {
|
||
color: #56585c;
|
||
}
|
||
|
||
.sp5G_engadget .thumb1 {
|
||
width: 38%;
|
||
float: left;
|
||
margin: 0 4% 0 0;
|
||
}
|
||
|
||
.sp5G_engadget .thumb1 img {
|
||
width: 100%;
|
||
}
|
||
|
||
.sp5G_engadget .title1 {
|
||
font-size: 1.25em;
|
||
margin: 0 0 .25em;
|
||
}
|
||
|
||
.sp5G_engadget .date1 {
|
||
color: #ababad;
|
||
font-size: .9em;
|
||
}
|
||
|
||
@media all and (max-width: 640px) {
|
||
.sp5G_engadget .box1 {
|
||
width: 98%;
|
||
margin: 0 1% 2em;
|
||
display: inline-block;
|
||
float: none;
|
||
}
|
||
|
||
.sp5G_engadget .thumb1 {
|
||
width: 42%;
|
||
float: left;
|
||
margin: 0 4% 0 0;
|
||
}
|
||
}
|
||
|
||
/* 特集ページ 2020.6.15 */
|
||
.featurePage {
|
||
}
|
||
|
||
.featurePage .bread {
|
||
font-size: .9em;
|
||
color: #888;
|
||
margin-bottom: 2em;
|
||
}
|
||
|
||
.featurePage .bread span {
|
||
color: #aaa;
|
||
}
|
||
|
||
.featurePage .textBlock {
|
||
max-width: 80%;
|
||
margin: 1em auto;
|
||
padding: 0 1em;
|
||
position: relative;
|
||
text-align: center;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.featurePage .textBlock:after {
|
||
content: '';
|
||
width: 10em;
|
||
height: .5em;
|
||
background: #ddd;
|
||
display: inline-block;
|
||
}
|
||
|
||
.featurePage .textBlock p {
|
||
text-align: left;
|
||
}
|
||
|
||
.featurePage h3.bar {
|
||
text-align: center;
|
||
background: #e9e9e9;
|
||
padding: 5px;
|
||
margin: 1.5em 0 .5em;
|
||
}
|
||
|
||
.featurePage ul {
|
||
padding-top: 1em;
|
||
width: 100%;
|
||
overflow: hidden;
|
||
clear: both;
|
||
}
|
||
|
||
.featurePage ul li {
|
||
float: left;
|
||
width: 31%;
|
||
margin: 0 1% 2em;
|
||
}
|
||
|
||
@media all and (max-width: 640px) {
|
||
.featurePage ul li {
|
||
float: none;
|
||
width: 98%;
|
||
margin: 0 1% 2em;
|
||
}
|
||
}
|
||
|
||
.featurePage.rightColumn ul li {
|
||
float: none;
|
||
width: 100%;
|
||
margin: 0 0 2em;
|
||
}
|
||
|
||
.featurePage ul li a.aLink1 {
|
||
display: block;
|
||
z-index: 9999;
|
||
color: #333 !important;
|
||
box-shadow: 1px 1px 2px 0 #eaeaea;
|
||
background: #FFF;
|
||
}
|
||
|
||
.featurePage ul li .inner1 {
|
||
max-height: 180px;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.featurePage ul li .inner2 {
|
||
max-height: 200px;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.featurePage ul li .inner1 img,
|
||
.featurePage ul li .inner2 img {
|
||
width: 100% !important;
|
||
display: block;
|
||
}
|
||
|
||
.featurePage ul li .title1 {
|
||
padding: .75em 1em;
|
||
height: 6em;
|
||
box-sizing: border-box;
|
||
font-weight: bold;
|
||
}
|
||
|
||
.featurePage ul li .title1 span {
|
||
background: linear-gradient(transparent 50%,#ccffcc 0%);
|
||
}
|
||
|
||
.featurePage ul li .title2 {
|
||
padding: .5em .75em;
|
||
height: 4em;
|
||
box-sizing: border-box;
|
||
font-weight: bold;
|
||
font-size: 1.5em;
|
||
line-height: 1.25;
|
||
}
|
||
|
||
.featurePage ul li .title2 span {
|
||
font-size: .5em;
|
||
color: #888;
|
||
display: block;
|
||
padding-top: .5em;
|
||
font-weight: normal;
|
||
}
|
||
|
||
/* 特集 右カラム用 */
|
||
.featureListRight {
|
||
padding: 1em 0 0;
|
||
}
|
||
|
||
.featureListRight li {
|
||
overflow: hidden;
|
||
margin-bottom: .5em;
|
||
}
|
||
|
||
.featureListRight li img {
|
||
float: left;
|
||
margin-right: .5em;
|
||
}
|
||
|
||
.featureListRight li .title1 {
|
||
line-height: 1.1;
|
||
font-weight: bold;
|
||
}
|
||
|
||
.featureListRight li .title1 span {
|
||
font-size: .75em;
|
||
color: #888;
|
||
display: block;
|
||
padding-top: .5em;
|
||
font-weight: normal;
|
||
display: block;
|
||
}
|
||
|
||
/* disrupt 2020 & 2021 */
|
||
#panel-357364-0-0-0,
|
||
#panel-357364-2-0-0,
|
||
#panel-358573-0-0-0,
|
||
#panel-441935-0-0-0,
|
||
#panel-441935-2-0-0 {
|
||
max-width: 100% !important;
|
||
margin: 0 !important;
|
||
padding: 0 !important;
|
||
}
|
||
|
||
#tctokyo2020 .tctokyoEventOpener {
|
||
background: url(https://jp.techcrunch.com/wp-content/uploads/2020/03/bg_20200316_01.png);
|
||
background: url(https://jp.techcrunch.com/wp-content/uploads/2019/12/dscf3449.jpg);
|
||
background: url(https://techcrunch.com/wp-content/uploads/2019/09/disrupt-winner-1618-shadow.png);
|
||
background-size: auto;
|
||
height: auto !important;
|
||
position: relative;
|
||
margin-bottom: 3em;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.tctokyoEventOpener_wrap1 {
|
||
background: rgba(0,0,0,0.25);
|
||
width: 100%;
|
||
/*height: 100%;*/
|
||
height: auto !important;
|
||
position: relative;
|
||
}
|
||
|
||
.tctokyoEventOpener_wrap2 {
|
||
text-align: center;
|
||
position: relative;
|
||
top: auto;
|
||
right: auto;
|
||
bottom: auto;
|
||
left: auto;
|
||
margin: auto;
|
||
max-width: 800px;
|
||
height: auto !important;
|
||
padding-top: 3em;
|
||
}
|
||
|
||
.tctokyoEventOpener_logo img {
|
||
max-width: 300px;
|
||
height: auto;
|
||
}
|
||
|
||
.tctokyoEventOpener_logo2 {
|
||
font-size: 8.5rem;
|
||
font-weight: 800;
|
||
font-family: aktiv-grotesk, sans-serif;
|
||
font-family: arial, sans-serif;
|
||
letter-spacing: -1.3px;
|
||
line-height: .93;
|
||
color: #fff;
|
||
text-align: left;
|
||
}
|
||
|
||
@media all and (max-width: 640px) {
|
||
.tctokyoEventOpener_logo2 {
|
||
font-size: 5.5rem;
|
||
text-align: left;
|
||
}
|
||
}
|
||
|
||
.tctokyoEventOpener_sub {
|
||
color: #fff;
|
||
font-size: 1.1em;
|
||
padding: 1em 0 3em;
|
||
line-height: 1.75;
|
||
text-align: left;
|
||
}
|
||
|
||
.tctokyoEventOpener_sub .p1 {
|
||
font-weight: 800;
|
||
font-size: 1.2em;
|
||
}
|
||
|
||
@media all and (max-width: 640px) {
|
||
.tctokyoEventOpener_wrap2 {
|
||
max-width: 80%;
|
||
}
|
||
|
||
.tctokyoEventOpener_logo img {
|
||
max-width: 80%;
|
||
}
|
||
}
|
||
|
||
.contentWrapInner1 {
|
||
margin: 0 auto 3em;
|
||
padding: 0 5%;
|
||
max-width: 1200px;
|
||
box-sizing: border-box;
|
||
clear: both;
|
||
}
|
||
|
||
.contentWrapInner1 p {
|
||
margin: 0 0 2em;
|
||
}
|
||
|
||
.contentWrapInner1 h2 {
|
||
letter-spacing: -1.5px;
|
||
font-size: 2.75rem;
|
||
font-weight: 900;
|
||
text-transform: none;
|
||
margin-bottom: .75em;
|
||
font-family: arial, sans-serif;
|
||
}
|
||
|
||
.contentWrapInner1 h2 em {
|
||
font-weight: 100 !important;
|
||
font-style: normal;
|
||
opacity: .75;
|
||
}
|
||
|
||
.contentWrapInner1 h2 span {
|
||
letter-spacing: 0;
|
||
font-size: 1rem;
|
||
font-weight: bold;
|
||
display: inline-block;
|
||
margin: 1.1em 0 0 1em;
|
||
vertical-align: top;
|
||
color: #999;
|
||
}
|
||
|
||
#tctokyo2020 .borderBlack {
|
||
border-top: 3px solid #3e433e;
|
||
margin: .5em auto 3em;
|
||
padding: 0 5%;
|
||
max-width: calc(1200px - 10%);
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.btnGrdGreen {
|
||
background: #00d301;
|
||
background: -webkit-linear-gradient(-196deg,#00d301,#36c275 50%,#00a562);
|
||
background: -webkit-linear-gradient(164deg,#00d301,#36c275 50%,#00a562);
|
||
background: linear-gradient(286deg,#00d301,#36c275 50%,#00a562);
|
||
color: #fff !important;
|
||
-webkit-transition: background, color .1s ease-in-out;
|
||
transition: background, color .1s ease-in-out;
|
||
font-size: 1rem;
|
||
-webkit-appearance: none;
|
||
display: inline-block;
|
||
padding: 17px 30px;
|
||
border: 0;
|
||
border-radius: 0;
|
||
margin: 0 0 1em;
|
||
font-family: aktiv-grotesk, sans-serif;
|
||
font-weight: 700;
|
||
position: relative;
|
||
text-decoration: none;
|
||
cursor: pointer;
|
||
outline: 0;
|
||
box-sizing: inherit;
|
||
}
|
||
|
||
.btnGrdBlue {
|
||
background: #00d301;
|
||
background: -webkit-linear-gradient(-196deg,#3caffc,#5d72e8 50%,#383ada);
|
||
background: -webkit-linear-gradient(164deg,#3caffc,#5d72e8 50%,#383ada);
|
||
background: linear-gradient(286deg,#3caffc,#5d72e8 50%,#383ada);
|
||
color: #fff !important;
|
||
-webkit-transition: background, color .1s ease-in-out;
|
||
transition: background, color .1s ease-in-out;
|
||
font-size: 1rem;
|
||
-webkit-appearance: none;
|
||
display: inline-block;
|
||
padding: 17px 30px;
|
||
border: 0;
|
||
border-radius: 0;
|
||
margin: 0 0 1em;
|
||
font-family: aktiv-grotesk, sans-serif;
|
||
font-weight: 700;
|
||
position: relative;
|
||
text-decoration: none;
|
||
cursor: pointer;
|
||
outline: 0;
|
||
box-sizing: inherit;
|
||
}
|
||
|
||
#tctokyo2020 .pb-event-intro-highlights .bp-event-intro-block__highlight {
|
||
clear: both;
|
||
-webkit-justify-content: space-between;
|
||
-ms-flex-pack: justify;
|
||
justify-content: space-between;
|
||
padding: 20px 0;
|
||
overflow: hidden;
|
||
}
|
||
|
||
#tctokyo2020 .pb-event-intro-highlights .bp-event-intro-block__highlight img {
|
||
display: block;
|
||
max-width: 41%;
|
||
}
|
||
|
||
#tctokyo2020 .pb-event-intro-highlights .bp-event-intro-block__highlight p {
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
#tctokyo2020 .pb-event-intro-highlights .bp-event-intro-block__highlight:nth-of-type(odd) img {
|
||
float: right;
|
||
margin-left: 4%;
|
||
}
|
||
|
||
#tctokyo2020 .pb-event-intro-highlights .bp-event-intro-block__highlight:nth-of-type(2n) img {
|
||
float: left;
|
||
margin-right: 4%;
|
||
}
|
||
|
||
/*登壇者*/
|
||
#tctokyo2020 .contentWrapInner1 .pastspeakersWrap {
|
||
margin: 0 0 4.5em;
|
||
}
|
||
|
||
#tctokyo2020 .contentWrapInner1 .pastspeakersWrap p {
|
||
margin: 0 0 .5em !important;
|
||
}
|
||
|
||
#tctokyo2020 .people-gallery {
|
||
position: relative;
|
||
margin-left: -20px;
|
||
}
|
||
|
||
#tctokyo2020 .people-gallery .people-gallery {
|
||
display: -webkit-box;
|
||
display: -webkit-flex;
|
||
display: -ms-flexbox;
|
||
display: flex;
|
||
-webkit-justify-content: flex-start;
|
||
-ms-flex-pack: start;
|
||
justify-content: flex-start;
|
||
-webkit-flex-wrap: wrap;
|
||
-ms-flex-wrap: wrap;
|
||
flex-wrap: wrap;
|
||
padding: 0;
|
||
}
|
||
|
||
#tctokyo2020 .people-gallery .people-gallery__person {
|
||
list-style-type: none;
|
||
-webkit-flex: 0 1 50%;
|
||
-ms-flex: 0 1 50%;
|
||
flex: 0 1 50%;
|
||
margin: 20px 0;
|
||
font-family: aktiv-grotesk, sans-serif;
|
||
}
|
||
|
||
@media (min-width: 1024px) {
|
||
#tctokyo2020 .people-gallery .people-gallery__person:nth-child(3n+1) {
|
||
padding-right: 5px;
|
||
}
|
||
}
|
||
|
||
@media (min-width: 1024px) {
|
||
#tctokyo2020 .people-gallery .people-gallery__person {
|
||
-webkit-flex: 0 1 33%;
|
||
-ms-flex: 0 1 33%;
|
||
flex: 0 1 33%;
|
||
text-align: left;
|
||
}
|
||
}
|
||
|
||
@media (min-width: 850px),screen and (max-width: 700px) and (min-width: 550px) {
|
||
#tctokyo2020 .people-gallery .people-gallery__person {
|
||
-webkit-flex: 0 1 25%;
|
||
-ms-flex: 0 1 25%;
|
||
flex: 0 1 25%;
|
||
}
|
||
}
|
||
|
||
#tctokyo2020 .pb-gallery--greyscale .people-item__image, .pb-gallery--greyscale .people-item__initials {
|
||
-webkit-filter: grayscale(1);
|
||
filter: grayscale(1);
|
||
}
|
||
|
||
#tctokyo2020 .people-item__image, .people-item__initials {
|
||
max-width: 80px;
|
||
border-radius: 50%;
|
||
margin: 0 auto 10px;
|
||
}
|
||
|
||
#tctokyo2020 .people-item__person-content {
|
||
text-align: center;
|
||
cursor: pointer;
|
||
}
|
||
|
||
@media (min-width: 1024px) {
|
||
#tctokyo2020 .people-item__person-content {
|
||
text-align: left;
|
||
}
|
||
}
|
||
|
||
#tctokyo2020 .people-gallery .people-gallery__person {
|
||
list-style-type: none;
|
||
-webkit-flex: 0 1 50%;
|
||
-ms-flex: 0 1 50%;
|
||
flex: 0 1 50%;
|
||
margin: 20px 0;
|
||
font-family: aktiv-grotesk, sans-serif;
|
||
}
|
||
|
||
#tctokyo2020 .people-gallery .people-gallery__person::before {
|
||
display: none;
|
||
}
|
||
|
||
@media (min-width: 1024px) {
|
||
#tctokyo2020 .people-gallery .people-gallery__person {
|
||
-webkit-flex: 0 1 33%;
|
||
-ms-flex: 0 1 33%;
|
||
flex: 0 1 33%;
|
||
text-align: left;
|
||
}
|
||
}
|
||
|
||
#tctokyo2020 .pb-testimonial__author-position, .people-item__position {
|
||
font-size: 12px;
|
||
font-size: .75rem;
|
||
line-height: 1.2;
|
||
color: #777;
|
||
margin-top: 7px;
|
||
}
|
||
|
||
#tctokyo2020 .pb-gallery--greyscale .people-item__image, .pb-gallery--greyscale .people-item__initials {
|
||
-webkit-filter: grayscale(1);
|
||
filter: grayscale(1);
|
||
}
|
||
|
||
#tctokyo2020 .people-item__image, .people-item__initials {
|
||
max-width: 80px;
|
||
border-radius: 50%;
|
||
margin: 0 auto 10px;
|
||
}
|
||
|
||
@media (min-width: 1024px) {
|
||
#tctokyo2020 .people-item__image, .people-item__initials {
|
||
float: left;
|
||
margin-right: 20px !important;
|
||
}
|
||
}
|
||
|
||
#tctokyo2020 .pb-testimonial__author-name, .people-item__title {
|
||
font-size: 14px;
|
||
font-size: .875rem;
|
||
letter-spacing: -.2px;
|
||
font-weight: 800;
|
||
margin-bottom: 0;
|
||
word-wrap: break-word;
|
||
-webkit-hyphens: auto;
|
||
-ms-hyphens: auto;
|
||
hyphens: auto;
|
||
margin-top: 10px;
|
||
}
|
||
|
||
@media (min-width: 1024px) {
|
||
#tctokyo2020 .pb-testimonial__author-name, .people-item__title {
|
||
font-size: 16px;
|
||
font-size: 1rem;
|
||
}
|
||
}
|
||
|
||
/* バトルフィールド */
|
||
#tctokyo2020 .slick-list {
|
||
overflow: hidden;
|
||
width: 100%;
|
||
}
|
||
|
||
#tctokyo2020 .slick-track {
|
||
overflow: hidden;
|
||
width: 100%;
|
||
display: flex;
|
||
flex-direction: row;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
#tctokyo2020 .slick-slide {
|
||
float: left;
|
||
max-width: 12.5% !important;
|
||
margin-right: 3% !important;
|
||
display: inline-block;
|
||
}
|
||
|
||
@media all and (max-width: 640px) {
|
||
#tctokyo2020 .slick-slide {
|
||
float: left;
|
||
max-width: 28% !important;
|
||
margin-right: 5% !important;
|
||
display: inline-block;
|
||
}
|
||
}
|
||
|
||
#tctokyo2020 .slick-slide img {
|
||
max-width: 100% !important;
|
||
}
|
||
|
||
/* スポンサー */
|
||
#tctokyo2020 .sponsor-block-grid {
|
||
padding-left: 0;
|
||
display: -webkit-box;
|
||
display: -webkit-flex;
|
||
display: -ms-flexbox;
|
||
display: flex;
|
||
-webkit-flex-wrap: wrap;
|
||
-ms-flex-wrap: wrap;
|
||
flex-wrap: wrap;
|
||
-webkit-justify-content: space-around;
|
||
-ms-flex-pack: distribute;
|
||
justify-content: space-around;
|
||
}
|
||
|
||
#tctokyo2020 .sponsor-block-grid__sponsor::before {
|
||
display: none !important;
|
||
}
|
||
|
||
#tctokyo2020 .sponsor-block-grid__sponsor {
|
||
list-style-type: none;
|
||
-webkit-flex: 0 1 35%;
|
||
-ms-flex: 0 1 35%;
|
||
flex: 0 1 35%;
|
||
margin: 30px 0;
|
||
padding-left: .5% !important;
|
||
padding-right: .5%;
|
||
display: -webkit-box;
|
||
display: -webkit-flex;
|
||
display: -ms-flexbox;
|
||
display: flex;
|
||
}
|
||
|
||
@media (min-width: 850px),screen and (max-width: 700px) and (min-width: 550px) {
|
||
#tctokyo2020 .sponsor-block-grid__sponsor {
|
||
-webkit-flex-basis: 28%;
|
||
flex-basis: 28%;
|
||
}
|
||
}
|
||
|
||
@media (min-width: 1024px) {
|
||
#tctokyo2020 .sponsor-block-grid__sponsor {
|
||
-webkit-flex-basis: 21%;
|
||
flex-basis: 21%;
|
||
}
|
||
}
|
||
|
||
#tctokyo2020 .sponsor-block-grid:after {
|
||
content: "";
|
||
-webkit-flex-basis: 35%;
|
||
flex-basis: 35%;
|
||
}
|
||
|
||
@media (min-width: 850px),screen and (max-width: 700px) and (min-width: 550px) {
|
||
#tctokyo2020 .sponsor-block-grid:after {
|
||
-webkit-flex-basis: 28%;
|
||
flex-basis: 28%;
|
||
}
|
||
}
|
||
|
||
@media (min-width: 850px) {
|
||
#tctokyo2020 .sponsor-block-grid:after {
|
||
-webkit-flex-basis: 21%;
|
||
flex-basis: 21%;
|
||
}
|
||
}
|
||
|
||
#tctokyo2020 .sponsor-block-grid__sponsor>* {
|
||
display: block;
|
||
-webkit-align-self: center;
|
||
align-self: center;
|
||
margin: auto;
|
||
}
|
||
|
||
#tctokyo2020 .sponsor-block-grid__sponsor__image {
|
||
display: block;
|
||
margin: auto;
|
||
max-height: 60px;
|
||
position: relative;
|
||
max-width: 116px;
|
||
}
|
||
|
||
#tctokyo2020 .grayscale {
|
||
-webkit-filter: grayscale(1);
|
||
filter: gray;
|
||
filter: grayscale(1);
|
||
}
|
||
|
||
#tctokyo2020 .hidden-defs, .screen-reader-text {
|
||
border: 0;
|
||
clip: rect(1px,1px,1px,1px);
|
||
height: 1px;
|
||
margin: -1px;
|
||
overflow: hidden;
|
||
padding: 0;
|
||
position: absolute;
|
||
width: 1px;
|
||
word-wrap: normal;
|
||
}
|
||
|
||
/* スポンサー */
|
||
#tctokyo2020 .sponsorImg {
|
||
float: right;
|
||
max-width: 360px;
|
||
margin: 0 0 1em 1em;
|
||
}
|
||
|
||
@media all and (max-width: 640px) {
|
||
#tctokyo2020 .sponsorImg {
|
||
float: none;
|
||
max-width: 110%;
|
||
margin: 0 -5% 2em;
|
||
}
|
||
}
|
||
|
||
#tctokyo2020 .sponsorUl {
|
||
margin-bottom: 1.5em;
|
||
}
|
||
|
||
#tctokyo2020 .sponsorUl li {
|
||
margin-bottom: .5em;
|
||
font-weight: bold;
|
||
color: #555;
|
||
}
|
||
|
||
.people-item__image img, .people-item__initials img {
|
||
border-radius: 50%;
|
||
}
|
||
|
||
.people-item__image img {
|
||
max-width: 100%;
|
||
height: auto;
|
||
}
|
||
|
||
.sponsors-label {
|
||
margin: 0;
|
||
font-size: 13px;
|
||
font-size: .8125rem;
|
||
color: #999;
|
||
}
|
||
|
||
.sponsors-label span {
|
||
display: inline;
|
||
}
|
||
|
||
.sponsors-label__sponsor-name {
|
||
display: inline !important;
|
||
}
|
||
|
||
/* チケットページ */
|
||
#tctokyo2020 .ticketName {
|
||
font-size: 1.5rem;
|
||
margin-bottom: 1em;
|
||
}
|
||
|
||
#tctokyo2020 .ticketUL {
|
||
margin-bottom: 1.5em;
|
||
}
|
||
|
||
#tctokyo2020 .ticketUL li {
|
||
color: #777 !important;
|
||
margin: 0 0 1em;
|
||
}
|
||
|
||
#tctokyo2020 .ticketUL li::before {
|
||
content: '●';
|
||
display: block;
|
||
position: relative;
|
||
max-width: 0;
|
||
max-height: 0;
|
||
left: -1.9em;
|
||
top: .5em;
|
||
color: #089e00;
|
||
font-size: .5em;
|
||
color: #999 !important;
|
||
}
|
||
|
||
#tctokyo2020 .grayUL {
|
||
margin-bottom: 1.5em;
|
||
}
|
||
|
||
#tctokyo2020 .grayUL li {
|
||
margin: 0 0 1em;
|
||
}
|
||
|
||
#tctokyo2020 .grayUL li::before {
|
||
content: '●';
|
||
display: block;
|
||
position: relative;
|
||
max-width: 0;
|
||
max-height: 0;
|
||
left: -1.9em;
|
||
top: .5em;
|
||
color: #089e00;
|
||
font-size: .5em;
|
||
color: #999 !important;
|
||
}
|
||
|
||
#tctokyo2020 .ticketDiscount {
|
||
border: 4px solid #5cab77;
|
||
border-radius: 2px;
|
||
background: #effbf3;
|
||
padding: 1.5em;
|
||
margin: 0 0 3em;
|
||
overflow: hidden;
|
||
}
|
||
|
||
#tctokyo2020 .ticketDiscount img {
|
||
max-width: 300px;
|
||
float: right;
|
||
clear: both;
|
||
margin: 0 1em;
|
||
}
|
||
|
||
#tctokyo2020 .ticketDiscount h3 {
|
||
margin-top: 0;
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
#tctokyo2020 .ticketDiscount p {
|
||
}
|
||
|
||
@media all and (max-width: 640px) {
|
||
#tctokyo2020 .ticketDiscount img {
|
||
max-width: 100%;
|
||
float: none;
|
||
clear: both;
|
||
margin: 1em 0;
|
||
}
|
||
|
||
#tctokyo2020 .ticketDiscount p {
|
||
margin-bottom: 0;
|
||
}
|
||
}
|
||
|
||
#tctokyo2020 .ticketVerification {
|
||
display: inline-block;
|
||
/*border-bottom:3px dotted*/
|
||
margin-bottom: .5em;
|
||
}
|
||
|
||
#tctokyo2020 .ticketVerification2 {
|
||
font-size: .9em;
|
||
opacity: .8;
|
||
margin-bottom: 2em;
|
||
border-left: 4px solid #ccc;
|
||
padding-left: .5em;
|
||
}
|
||
|
||
/* Disrupt 2020 Event Association */
|
||
.banner-event-default[style*="disrupt_1735_552-1.png"] .banner-header .alpha {
|
||
opacity: 0;
|
||
height: 290px;
|
||
}
|
||
|
||
.banner-event-default[style*="disrupt_1735_552-1.png"] .banner-header .alpha a {
|
||
display: inline-block;
|
||
height: 290px;
|
||
}
|
||
|
||
.banner-event-default[style*="disrupt_1735_552-1.png"] .banner-header .event-banner-info {
|
||
opacity: 0;
|
||
}
|
||
|
||
@media all and (max-width: 640px) {
|
||
.banner-event-default[style*="disrupt_1735_552-1.png"] {
|
||
background-size: 225%;
|
||
}
|
||
|
||
.banner-event-default[style*="disrupt_1735_552-1.png"] .banner-header {
|
||
min-height: 285px;
|
||
max-height: 285px;
|
||
}
|
||
|
||
.banner-event-default[style*="disrupt_1735_552-1.png"] .banner-header .alpha a {
|
||
display: inline-block;
|
||
height: 210px;
|
||
}
|
||
}
|
||
|
||
/* Disrupt Schedule */
|
||
.disruptScheduleDate {
|
||
font-family: "Open Sans", sans-serif;
|
||
font-weight: bold;
|
||
font-size: 1.8rem;
|
||
padding: .5em 0 1em;
|
||
color: -internal-light-dark(buttontext,rgb(170,170,170));
|
||
}
|
||
|
||
.event-schedule__schedule {
|
||
padding-left: 0;
|
||
font-size: 1.5em;
|
||
}
|
||
|
||
.event-schedule__schedule li::before {
|
||
display: none !important;
|
||
}
|
||
|
||
.event-schedule__item:first-of-type {
|
||
border-top: 1px solid #ddd;
|
||
}
|
||
|
||
@media (min-width: 850px)
|
||
.event-schedule__item {
|
||
|
||
}
|
||
|
||
.event-schedule__item {
|
||
list-style-type: none;
|
||
border-bottom: 1px solid #ddd;
|
||
padding: 25px 0;
|
||
}
|
||
|
||
@media (min-width: 1024px)
|
||
.schedule-item__container {
|
||
|
||
}
|
||
|
||
.schedule-item__container {
|
||
display: -webkit-box;
|
||
display: -webkit-flex;
|
||
display: -ms-flexbox;
|
||
display: flex;
|
||
-webkit-flex-direction: column;
|
||
-ms-flex-direction: column;
|
||
flex-direction: column;
|
||
width: 100%;
|
||
flex-wrap: no-wrap;
|
||
}
|
||
|
||
@media (min-width: 850px)
|
||
.schedule-item__time {
|
||
|
||
}
|
||
|
||
.schedule-item__time {
|
||
-webkit-flex: 0 1 33%;
|
||
-ms-flex: 0 1 33%;
|
||
flex: 0 1 33%;
|
||
font-size: 12px;
|
||
font-size: .75rem;
|
||
font-family: aktiv-grotesk, sans-serif;
|
||
color: #777;
|
||
}
|
||
|
||
.schedule-item__description {
|
||
margin-bottom: .5em;
|
||
}
|
||
|
||
@media (min-width: 850px)
|
||
.event-schedule__item p {
|
||
|
||
}
|
||
|
||
.event-schedule__item p {
|
||
margin: 0;
|
||
}
|
||
|
||
@media (min-width: 1024px)
|
||
.event-schedule__item .session-type__label {
|
||
|
||
}
|
||
|
||
.event-schedule__item .session-type__label {
|
||
display: inline-block;
|
||
margin: 0 10px;
|
||
padding: 2px 4px;
|
||
font-size: 7.9px;
|
||
font-size: .49375rem;
|
||
border: 1px solid #999;
|
||
font-weight: 600;
|
||
text-transform: uppercase;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.event-schedule__item span {
|
||
display: block;
|
||
}
|
||
|
||
.schedule-item__details {
|
||
-webkit-flex: 0 2 66%;
|
||
-ms-flex: 0 2 66%;
|
||
flex: 0 2 66%;
|
||
}
|
||
|
||
.event-schedule__item span {
|
||
display: block;
|
||
}
|
||
|
||
.schedule-item__title {
|
||
font-family: aktiv-grotesk, sans-serif;
|
||
letter-spacing: -.5px;
|
||
line-height: 1.5;
|
||
font-weight: 800;
|
||
color: #000;
|
||
padding-top: .5em;
|
||
}
|
||
|
||
.event-schedule__item span {
|
||
display: block;
|
||
}
|
||
|
||
.schedule-item__description {
|
||
font-size: 12px;
|
||
font-size: 1rem;
|
||
margin-top: 10px;
|
||
color: #777;
|
||
}
|
||
|
||
@media (min-width: 1024px)
|
||
.schedule-item__details__speakers .people-gallery {
|
||
|
||
}
|
||
|
||
.schedule-item__details__speakers .people-gallery {
|
||
-webkit-flex-direction: column;
|
||
-ms-flex-direction: column;
|
||
flex-direction: column;
|
||
}
|
||
|
||
.people-gallery {
|
||
position: relative;
|
||
}
|
||
|
||
@media (min-width: 1024px)
|
||
.schedule-item__details__speakers .people-gallery {
|
||
|
||
}
|
||
|
||
.schedule-item__details__speakers .people-gallery {
|
||
-webkit-flex-direction: column;
|
||
-ms-flex-direction: column;
|
||
flex-direction: column;
|
||
}
|
||
|
||
.people-gallery .people-gallery {
|
||
display: -webkit-box;
|
||
display: -webkit-flex;
|
||
display: -ms-flexbox;
|
||
display: flex;
|
||
-webkit-justify-content: flex-start;
|
||
-ms-flex-pack: start;
|
||
justify-content: flex-start;
|
||
-webkit-flex-wrap: wrap;
|
||
-ms-flex-wrap: wrap;
|
||
flex-wrap: wrap;
|
||
padding: 0;
|
||
}
|
||
|
||
.people-gallery {
|
||
position: relative;
|
||
}
|
||
|
||
@media (min-width: 1024px)
|
||
.schedule-item__details__speakers .people-gallery .people-gallery__person:nth-child(odd) {
|
||
|
||
}
|
||
|
||
@media (min-width: 1024px)
|
||
.people-gallery .people-gallery__person:nth-child(3n1) {
|
||
|
||
}
|
||
|
||
.schedule-item__details__speakers .people-gallery__person {
|
||
-webkit-flex: 0 1 50%;
|
||
-ms-flex: 0 1 50%;
|
||
flex: 0 1 50%;
|
||
margin: 5px 0;
|
||
list-style-type: none;
|
||
text-align: left;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
@media (min-width: 1024px)
|
||
.people-gallery .people-gallery__person {
|
||
|
||
}
|
||
|
||
@media (min-width: 850px),screen and (max-width: 700px) and (min-width: 550px)
|
||
.people-gallery .people-gallery__person {
|
||
|
||
}
|
||
|
||
.schedule-item__details__speakers .people-gallery .people-gallery__person {
|
||
list-style-type: none;
|
||
-webkit-flex: 0 1 50%;
|
||
-ms-flex: 0 1 50%;
|
||
flex: 0 1 50%;
|
||
margin: 0;
|
||
font-family: aktiv-grotesk, sans-serif;
|
||
padding-left: 0 !important;
|
||
height: 58px;
|
||
max-height: 58px;
|
||
}
|
||
|
||
.schedule-item__details__speakers .people-item__person-content {
|
||
text-align: left;
|
||
}
|
||
|
||
@media (min-width: 1024px)
|
||
.people-item__person-content {
|
||
|
||
}
|
||
|
||
.people-item__person-content {
|
||
text-align: center;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.schedule-item__details__speakers .people-item__image, .schedule-item__details__speakers .people-item__initials {
|
||
float: left;
|
||
margin: 0;
|
||
margin-right: 15px;
|
||
max-width: 48px;
|
||
border-radius: 50%;
|
||
}
|
||
|
||
.pb-gallery--greyscale .people-item__image, .pb-gallery--greyscale .people-item__initials {
|
||
-webkit-filter: grayscale(1);
|
||
filter: grayscale(1);
|
||
}
|
||
|
||
@media (min-width: 1024px)
|
||
.people-item__image,.people-item__initials {
|
||
|
||
}
|
||
|
||
.people-item__image, .people-item__initials {
|
||
max-width: 80px;
|
||
border-radius: 50%;
|
||
margin: 0 auto 10px;
|
||
}
|
||
|
||
@media (min-width: 1024px)
|
||
.pb-testimonial__author-name,.people-item__title {
|
||
|
||
}
|
||
|
||
.pb-testimonial__author-name, .people-item__title {
|
||
font-size: 14px;
|
||
font-size: .875rem;
|
||
letter-spacing: -.2px;
|
||
font-weight: 800;
|
||
margin-bottom: 0;
|
||
word-wrap: break-word;
|
||
-webkit-hyphens: auto;
|
||
-ms-hyphens: auto;
|
||
hyphens: auto;
|
||
}
|
||
|
||
@media (min-width: 850px)
|
||
.event-schedule__item p {
|
||
|
||
}
|
||
|
||
.event-schedule__item p {
|
||
margin: 0;
|
||
}
|
||
|
||
.pb-testimonial__author-position, .people-item__position {
|
||
font-size: 12px;
|
||
font-size: .75rem;
|
||
line-height: 1.2;
|
||
color: #777;
|
||
margin-top: 7px;
|
||
}
|
||
|
||
/* イベントページのStories Book */
|
||
.stories .story-block .thumb, .widget_stories-block .stories .story-block .thumb {
|
||
display: block;
|
||
float: left;
|
||
width: 176px;
|
||
height: auto;
|
||
background-repeat: no-repeat;
|
||
background-size: cover;
|
||
background-position: center;
|
||
}
|
||
|
||
/* 特集インデックス */
|
||
h1.specialIndexH1 {
|
||
margin-bottom: 1em;
|
||
border-left: 6px solid #299c4a;
|
||
padding-left: .5em;
|
||
font-size: 2em;
|
||
}
|
||
|
||
ul.specialIndex {
|
||
overflow: hidden;
|
||
}
|
||
|
||
ul.specialIndex li {
|
||
float: left;
|
||
width: 30%;
|
||
height: 300px;
|
||
margin: 0 1.5% 1em;
|
||
background-size: 125% auto;
|
||
background-position: center center;
|
||
}
|
||
|
||
ul.specialIndex li a {
|
||
display: block;
|
||
width: 100%;
|
||
height: 100%;
|
||
position: relative;
|
||
}
|
||
|
||
ul.specialIndex li a .inner1 {
|
||
background: rgba(255,255,255,1);
|
||
padding: 10px;
|
||
position: absolute;
|
||
bottom: 0;
|
||
left: 0;
|
||
display: inline-block;
|
||
width: auto;
|
||
}
|
||
|
||
ul.specialIndex li a p.p1 {
|
||
display: inline;
|
||
font-size: 1.5em;
|
||
color: #333;
|
||
font-weight: bold;
|
||
margin: 0;
|
||
padding: 0;
|
||
width: auto;
|
||
line-height: 1;
|
||
}
|
||
|
||
ul.specialIndex li a p.p2 {
|
||
display: inline;
|
||
font-size: .5em !important;
|
||
color: #888;
|
||
font-weight: normal;
|
||
margin: 0;
|
||
padding: 0;
|
||
width: auto;
|
||
line-height: 1;
|
||
}
|
||
|
||
/* スマホのみ表示 */
|
||
.displaySP {
|
||
display: none;
|
||
}
|
||
|
||
@media all and (max-width: 768px) {
|
||
.displaySP {
|
||
display: block;
|
||
}
|
||
}
|
||
|
||
/* Jetro Special 2020.9 */
|
||
.jetroRelated {
|
||
overflow: hidden;
|
||
}
|
||
|
||
.jetroRelated .thumb {
|
||
width: 600px;
|
||
max-width: 100%;
|
||
margin: 0 auto 1em;
|
||
}
|
||
|
||
.jetroRelated .thumb img {
|
||
width: 600px;
|
||
max-width: 100%;
|
||
}
|
||
|
||
.jetroRelated .text {
|
||
text-align: center;
|
||
font-weight: bold;
|
||
margin-bottom: 1em;
|
||
}
|
||
|
||
/* TC Battle 2020.9 */
|
||
.tcbattle2020_past {
|
||
overflow: hidden;
|
||
margin-bottom: 4em;
|
||
}
|
||
|
||
.tcbattle2020_past_1 {
|
||
float: left;
|
||
width: 60%;
|
||
}
|
||
|
||
.tcbattle2020_past_2 {
|
||
float: left;
|
||
width: 40%;
|
||
box-sizing: border-box;
|
||
padding-left: 2em;
|
||
}
|
||
|
||
.tcbattle2020_past_2 > div:nth-child(1) {
|
||
font-size: 1.25em;
|
||
}
|
||
|
||
.tcbattle2020_past_2 > div:nth-child(2) {
|
||
font-size: 2em;
|
||
font-weight: bold;
|
||
margin-bottom: 1em;
|
||
}
|
||
|
||
@media all and (max-width: 768px) {
|
||
.tcbattle2020_past {
|
||
margin-bottom: 2em;
|
||
}
|
||
|
||
.tcbattle2020_past_1 {
|
||
float: none;
|
||
width: 100%;
|
||
}
|
||
|
||
.tcbattle2020_past_2 {
|
||
float: none;
|
||
width: 100%;
|
||
box-sizing: border-box;
|
||
padding-left: 0;
|
||
text-align: center;
|
||
}
|
||
|
||
.tcbattle2020_past_2 > div:nth-child(1) {
|
||
padding-top: 1em;
|
||
}
|
||
|
||
.tcbattle2020_past_2 > div:nth-child(2) {
|
||
font-size: 2em;
|
||
font-weight: bold;
|
||
margin-bottom: .5em;
|
||
}
|
||
}
|
||
|
||
.tcbattle2020_flow_1 {
|
||
margin-bottom: 1em;
|
||
display: inlinne-block;
|
||
width: 33em;
|
||
margin: 0 auto 1em;
|
||
}
|
||
|
||
.tcbattle2020_flow_1 span {
|
||
display: inline-block;
|
||
width: 12em;
|
||
padding: 2px 0;
|
||
font-size: .9em;
|
||
text-align: center;
|
||
background: #009933;
|
||
color: #FFF;
|
||
margin-right: 2em;
|
||
}
|
||
|
||
.tcbattle2020_flow_2 {
|
||
text-align: center;
|
||
margin-bottom: 1em;
|
||
}
|
||
|
||
.tcbattle2020_flow_2 img {
|
||
width: 25px;
|
||
height: auto;
|
||
}
|
||
|
||
#panel-379294-0-0-0 .block-event-opener.background-image-container {
|
||
background-position: center center;
|
||
}
|
||
|
||
#panel-379294-0-0-0 .x-small-subtitle {
|
||
text-align: center;
|
||
text-transform: none;
|
||
}
|
||
|
||
#panel-379294-0-0-0 .block-event-opener .intro-content .sub-title, .block-event-opener .intro-content h1 {
|
||
text-align: center;
|
||
}
|
||
|
||
}
|
||
|
||
|
||
/* Display None */
|
||
|
||
.displaynone {
|
||
display:none !important;
|
||
}
|
||
|
||
/* TC Tokyo 2021 add */
|
||
|
||
.tctokyo_past {
|
||
overflow:hidden;
|
||
}
|
||
|
||
.tctokyo_past .box {
|
||
display:inline-block;
|
||
width:50%;
|
||
float:left;
|
||
height:120px;
|
||
}
|
||
|
||
.tctokyo_past .box img {
|
||
width:75%;
|
||
height:auto;
|
||
}
|
||
|
||
|
||
/* Right Column TC Tokyo */
|
||
.rightcolumn_tctokyo {
|
||
backgrounf:#FFF;
|
||
padding:.25em;
|
||
}
|
||
|
||
|
||
/* Add Table Style */
|
||
|
||
table.table_horizontal_line {
|
||
border-collapse: collapse;
|
||
margin: 0 auto;
|
||
padding: 0;
|
||
width:;
|
||
table-layout: fixed;
|
||
}
|
||
|
||
table.table_horizontal_line tr {
|
||
background-color: #fff;
|
||
padding: .35em;
|
||
border-bottom: 1px solid #ccc;
|
||
}
|
||
table.table_horizontal_line tr:last-child{
|
||
border-bottom: 2px solid #ccc;
|
||
}
|
||
table.table_horizontal_line .circle {
|
||
color:#089e00;
|
||
text-align:center;
|
||
}
|
||
table.table_horizontal_line th,
|
||
table.table_horizontal_line td {
|
||
padding: 1em 10px 1em 1em;
|
||
}
|
||
table.table_horizontal_line tbody th {
|
||
text-align:left;
|
||
}
|
||
table.table_horizontal_line th span,
|
||
table.table_horizontal_line td span {
|
||
font-size:75%;
|
||
font-weight:normal;
|
||
}
|
||
|
||
tbody.table_horizontal_line th {
|
||
color: ;
|
||
}
|
||
@media screen and (max-width: 600px) {
|
||
table.table_horizontal_line {
|
||
border: 0;
|
||
width:100%
|
||
}
|
||
table.table_horizontal_line th{
|
||
display: block;
|
||
border-right: none;
|
||
border-bottom: 2px solid #ccc;
|
||
padding-bottom: .6em;
|
||
margin-bottom: .6em;
|
||
|
||
}
|
||
table.table_horizontal_line thead {
|
||
border: none;
|
||
clip: rect(0 0 0 0);
|
||
height: 1px;
|
||
margin: -1px;
|
||
overflow: hidden;
|
||
padding: 0;
|
||
position: absolute;
|
||
width: 1px;
|
||
}
|
||
|
||
table.table_horizontal_line tr {
|
||
display: block;
|
||
margin-bottom: 2em;
|
||
border-bottom: 2px solid #ccc;
|
||
}
|
||
table.table_horizontal_line tbody th {
|
||
text-align:center;
|
||
}
|
||
table.table_horizontal_line td {
|
||
border-bottom: 1px solid #ccc;
|
||
display: block;
|
||
font-size: .8em;
|
||
text-align: right;
|
||
position: relative;
|
||
padding: .625em .625em .625em 4em;
|
||
border-right: none;
|
||
}
|
||
|
||
table.table_horizontal_line td::before {
|
||
content: attr(data-label);
|
||
font-weight: bold;
|
||
position: absolute;
|
||
left: 10px;
|
||
color:#666;
|
||
}
|
||
|
||
table.table_horizontal_line td:last-child {
|
||
border-bottom: 0;
|
||
}
|
||
}
|
||
|
||
/* TC Tokyo 2021 追加 */
|
||
|
||
.align_center {
|
||
text-align:center;
|
||
}
|
||
|
||
/*
|
||
.h3_style1 {
|
||
text-align:center;
|
||
padding: 1rem 2rem;
|
||
color: #fff;
|
||
background-image: -webkit-gradient(linear, left top, right top, from(#1a975e), to(#45a63a));
|
||
background-image: -webkit-linear-gradient(left, #1a975e 0%, #45a63a 100%);
|
||
background-image: linear-gradient(to right, #1a975e 0%, #45a63a 100%);
|
||
}
|
||
*/
|
||
|
||
.h3_style1 {
|
||
padding: 1rem 2rem;
|
||
background: #eee;
|
||
font-size:1.25em;
|
||
margin-bottom:1em;
|
||
text-align:center;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
.p_center_left {
|
||
width:100%;
|
||
text-align:center;
|
||
margin-bottom:2em;
|
||
}
|
||
|
||
.p_center_left p {
|
||
display:inline-block;
|
||
margin:0 auto 1em !important;
|
||
text-align:left;
|
||
line-height:2;
|
||
width:auto;
|
||
}
|
||
|
||
#panel-441106-3-0-0 {
|
||
max-width:1200px !important;
|
||
}
|
||
|
||
.speakerBlock1 {
|
||
|
||
}
|
||
|
||
.speakerBlock1_inner {
|
||
width:50%;
|
||
display:inline-block;
|
||
float:left;
|
||
padding:1em;
|
||
}
|
||
|
||
@media all and (max-width: 768px) {
|
||
.speakerBlock1_inner {
|
||
width:100%;
|
||
display:block;
|
||
float:none;
|
||
padding:1em;
|
||
}
|
||
}
|
||
|
||
.speakerBlock1_inner img {
|
||
max-width:100%;
|
||
}
|
||
|
||
/* TC Tokyo 2021 Movie Opener */
|
||
|
||
#panel-441106-0-0-0 {
|
||
padding:0;
|
||
max-width:100%;
|
||
}
|
||
|
||
.tctokyoMovieOpener {
|
||
position:relative;
|
||
padding-top:0 !important;
|
||
background-color:#021b22;
|
||
/*background: url('https://jp.techcrunch.com/wp-content/uploads/2021/10/visual-min-1.png') no-repeat;
|
||
background-size: cover;*/
|
||
}
|
||
|
||
.tctokyoMovieOpener .bgVideo {
|
||
position: absolute;
|
||
/*right: 0;
|
||
left:0;
|
||
bottom: 0;*/
|
||
/*min-width: 100%;
|
||
min-height: 100%;*/
|
||
|
||
width: 100%;
|
||
height: 100%;
|
||
max-width:100%;
|
||
max-height:100%;
|
||
z-index: 0;
|
||
/* background: url('https://jp.techcrunch.com/wp-content/uploads/2021/10/visual-min-1.png') no-repeat; */
|
||
background-size: cover;
|
||
}
|
||
|
||
@media all and (max-width: 768px) {
|
||
.tctokyoMovieOpener .videoWrapper {
|
||
display:none !important;
|
||
}
|
||
.tctokyoMovieOpener {
|
||
position:relative;
|
||
padding-top:0 !important;
|
||
background-color:#021b22;
|
||
background: url('https://jp.techcrunch.com/wp-content/uploads/2021/10/visual-min-1.png') no-repeat;
|
||
background-size: cover;
|
||
background-position:center center;
|
||
}
|
||
|
||
}
|
||
|
||
.tctokyoMovieOpener .container {
|
||
position:relative;
|
||
z-index:2;
|
||
padding-top:70px;
|
||
/* animation: fadeIn 0s linear;
|
||
animation-fill-mode: both;*/
|
||
filter: drop-shadow(0px 0px 33px rgba(0,0,0,1));
|
||
}
|
||
|
||
|
||
/* Archive Videos */
|
||
.tctokyoArchive {
|
||
overflow:hidden;
|
||
margin-bottom:2em;
|
||
}
|
||
|
||
.tctokyoArchiveInner {
|
||
float:left;
|
||
width:33.3%;
|
||
box-sizing:border-box;
|
||
padding:0 .5em;
|
||
margin-bottom:1.5em;
|
||
height:100%;
|
||
display:inline-block;
|
||
}
|
||
|
||
.tctokyoArchive iframe {
|
||
width:100% !important;
|
||
height:auto !important;
|
||
display:block;
|
||
}
|
||
|
||
@media all and (max-width: 768px) {
|
||
.tctokyoArchiveInner {
|
||
float:left;
|
||
width:100%;
|
||
box-sizing:border-box;
|
||
padding:0 .5em;
|
||
min-height:180px;
|
||
margin-bottom:0em;
|
||
}
|
||
}
|
||
|
||
/* ---------------------------- */
|
||
/* --- Animation --- */
|
||
/* ---------------------------- */
|
||
@keyframes fadeIn{
|
||
0%{
|
||
opacity: 0;
|
||
}
|
||
90%{
|
||
opacity: 0;
|
||
}
|
||
100%{
|
||
opacity: 1;
|
||
}
|
||
}
|
||
|
||
|
||
.copyright .footer-section:nth-child(2) a:nth-child(4) {
|
||
display:none;
|
||
}
|
||
|
||
|
||
|