/*
 Theme Name:   OOPS! child
 Template:     oops_tcd048
 Version:1.2
*/

p {
  font-weight: 500;
}


/* H4見出し */
.p-entry__body h4{ font-size: 24px; }


/* TCDページビルダー 見出し */
.pb-widget-headline h3 {
  font-weight: 500;
}

/* TCDページビルダー キャッチコピー */
.pb-widget-catchcopy h4 {
  line-height: 2em;
  font-weight: 500;
}

/* TCDページビルダー 文章 */
.tcd-pb-widget.pb-widget-editor {
  font-weight: 500;
}


/* TOPページ */
/* お知らせ */
.p-news-ticker a {
  font-size: 16px;
}

/* フリースペース(ニュースティッカー下文章・輸送品目・輸送手段) */
#cb_0, #cb_1, #cb_2 {
  width: 85% !important;
  margin: 0 auto;
  font-size: 18px;
}

/* フリースペース(ニュースティッカー下文章) */
.top-midashi1 {
  font-size: 33px;
  line-height: 1.4;
  margin-bottom: 15px;
}

/* フリースペース内 タイトル */
.fs-catch {
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 15px;
}
/* フリースペース内 説明文 */
.fs-desc {
  font-size: 20px !important;
  line-height: 1.5em;
  margin-bottom: 10px;
}

/* フリースペース(輸送手段) ショートコード */
#cb_2 .su-service {
  background: #d0d7fd;
  border-radius: 10px;
  padding: 10px 6px 10px 6px;
}
#cb_2 .su-service-title i {
  top: 10px !important;
  left: 10px !important;
}

/* フリースペース(活動・認証) ショートコード */
#cb_4 .su-row {
	margin-bottom: 0;
}
#cb_5 .su-row {
	margin-bottom: 0.5em;
}

/* 円形画像とテキスト */
.p-index-content06__item-desc {
  font-size: 16px;
}


/* グローバルサブメニュー */
.p-global-nav .sub-menu a {
  width: 250px;
}


/* スマホメニューボタン */
.c-menu-button{ background-color: #ccaa01; }
.c-menu-button::before {
    content: url(/inlcms/wp-content/uploads/2019/06/menu.png);
    position: absolute;
    top: 7px;
    right: 13px;
}


/* リスト */
.p-entry__body ul {
  margin-left: 2em;
}
.p-entry__body li{
  font-size: 17px;
}


/* パンくずリスト */
.c-breadcrumb__item {
  font-size: 15px;
  color: #b2b2b2;
}


/* 固定ページ */
.p-entry__body p {
  font-size: 16px !important;
}
.p-entry__body td, .p-entry__body th {
  font-size: 16px !important;
}

/* 固定ページ ヘッダータイトル */
.p-page-header__title {
  font-weight: 600;
}


/*----- テーブルカスタムスタイル1 -----*/
.tbl-r1 th, .tbl-r1 td {
  border: 0;
  border-bottom: 1px solid #ddd;
  font-size: 18px !important;
  font-weight: 500;
}

/*----- テーブルカスタムスタイル2 -----*/
.tbl-r2 th, .tbl-r2 td {
  font-size: 18px;
  font-weight: 500;
  border-color: #ffffff;
}
.tbl-r2 th {
  padding: 10px;
  text-align: center;
  width: 10%;
  vertical-align: middle;
}
.tbl-r2 td {
  padding: 10px;
  vertical-align: middle;
}




/* 保有車両(アーカイブ)ページ */
.p-review__name {
  font-size: 17px;
}
.p-review__desc {
  font-size: 16px;
}


/* フォーム */
.business-description p {
  margin-bottom: 10px;
}
.mw_wp_form_business .notes {
  color: #949494;
  font-size: 15px;
  font-weight: 500;
}
.mw_wp_form_business input[type="text"], .mw_wp_form_business input[type="email"], .mw_wp_form_business textarea {
  padding: 10px 5px 10px 5px;
}
.mw_wp_form_business .error{
  color: #ff0000;
  font-weight: 600;
}


/* ショートコード スポイラー */
.su-spoiler-style-fancy>.su-spoiler-title {
  font-size: 17px !important;
}
.su-spoiler-title {
  padding: 13px 10px 13px 35px !important;
}
.su-spoiler-icon {
  left: 10px !important;
  top: 15px !important;
}
.su-spoiler-style-fancy>.su-spoiler-content {
  font-size: 17px;
  font-weight: 500;
  line-height: 2em;
}


/* 記事詳細画面 記事下CTA */
#js-cta {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

 /* lightbox 画像が表示されない不具合対応 2018/9/10 */
.lb-nav {
  background: none;
}
.post_row {
  margin-right: 0px;

}


/* スマホ */
@media only screen and (max-width: 767px){
  .p-page-header__desc {
    text-align: center !important;
  }
  
  /* フリースペース(ニュースティッカー下文章・輸送品目・輸送手段) */
  #cb_0, #cb_1, #cb_2 {
    width: 95% !important;
  }

  /* フリースペース(活動・認証) ショートコード */
  #cb_5 .su-row {
	display: inline-flex;
  }
  #cb_5 .su-row .su-column {
    display: block;
    float: left;
    box-sizing: border-box;
    margin: 0 1% 0 1%;
  }
  #cb_14 .su-row {
	display: inline-flex;
  }
  #cb_14 .su-row .su-column {
    display: block;
    float: left;
    box-sizing: border-box;
    margin: 0 1% 0 1%;
  }

  /* フリースペース(ニュースティッカー下文章) */
  .top-midashi1 {
    font-weight: 500;
    font-size: 18px !important;
    margin-bottom: 6.4px;
    line-height: 1.5;
  }
  
  /* フリースペース内 タイトル */
  .fs-catch {
    font-size: 23px;
    font-weight: 500;
  }
  
  /* フリースペース内 説明文 */
  .fs-desc {
    font-size: 14px !important;
    line-height: 1.5em;
    margin-bottom: 10px;
    text-align: left !important;
  }
  
  /* フリースペース(輸送手段) ショートコード */
  #cb_2 .su-service {
    margin: 0 0 5px !important;
  }
  #cb_2 .su-service-title {
    font-size: 15px !important;
  }
  #cb_2 .su-service-content{
    font-size: 14px !important;
  }
  
  
  /* 固定ページヘッダー説明文 */
  .p-page-header__inner .p-page-header__desc {
    font-size: 14px !important;
  }
  
  
  /* アーカイブ */
  .p-article02 {
    padding: 10px !important;
  }
  .p-article02__header {
    margin-bottom: 10px !important;
  }
  h2.p-article02__title {
    font-size: 15px !important;
  }

  /*----- テーブルカスタムスタイル1 -----*/
  .tbl-r1 th, .tbl-r1 td {
    display: block;
    width: 96%;
    border: none;
    font-size: 16px !important;
  }
  .tbl-r1 th {
    text-align: left;
    padding: 20px 0px 0px 3px;
    background: none;
    font-weight: 600;
  }
  .tbl-r1 td {
    border-bottom: solid 1px #ddd;
  }
  
  /*----- テーブルカスタムスタイル2 -----*/
  .tbl-r2 {
    width: 100%;
    margin: 0 0 70px 0 !important;
  }
  .tbl-r2 th, .tbl-r2 td {
    display: block;
    width: 100% !important;
    border: none;
    font-size: 16px;
  }
  .tbl-r2 th {
    text-align: left;
    padding: 25px 0 0 0;
    background: none;
    font-weight: 600;
  }
  .tbl-r2 td {
    border-bottom: solid 1px #ddd;
    font-weight: normal;
    font-size: 15px;
    padding: 0 0 18px 5px !important;
    font-size: 17px !important;
  }
  
  /* リスト */
  .p-entry__body ul {
    mergin-left: 17px !important;
  }
  .p-entry__body li {
    font-size: 15px;
    margin-bottom: 18px;
  }
  
  /* 保有車両(アーカイブ) */
  .p-review__desc, .p-review__name {
    font-size: 15px !important;
  }
  /* TOPお知らせ */
  .p-news-ticker a {
    font-size: 15px;
  }
}

@media only screen and (max-width: 1200px){
  /* グローバルサブメニュー */
  .p-global-nav .sub-menu a {
    width: 315px;
  }
}

/*固定ページ画像エフェクト設定*/
.tcd-pb-widget.pb-widget-image img {
  opacity : 0;
  transform: translateY(20px);
  transition: all 1s;
}
/*X用アイコン設定*/
@font-face {
  font-family: 'tiktok_x_icon';
  src: url('fonts/tiktok_x_icon.eot?v=1.0');
  src: url('fonts/tiktok_x_icon.eot?v=1.0#iefix') format('embedded-opentype'),
       url('fonts/tiktok_x_icon.woff?v=1.0') format('woff'),
       url('fonts/tiktok_x_icon.ttf?v=1.0') format('truetype'),
       url('fonts/tiktok_x_icon.svg?v=1.0#tiktok_x_icon') format('svg');
  font-weight: normal;
  font-style: normal;
}

.p-social-nav__item--twitter a::before { font-family: 'tiktok_x_icon'; content: "\e901"; }

/* バナーの✕を非表示 */
.bfb_closed{
  display:none;
}

/* バナー位置調整 */
.bfb_imgBanner{
	margin-top:60px;
	background-color: transparent;
}

/* スマホ時サイズ変更 */
#bfb_content_sp{
	background-color:transparent;
	width:40%;
	left:auto;
	right:10px;
}

/* PC時バナー位置調整 */
#bfb_content_pc{
	margin-top: initial;
	height: 230px;
	top: 80px;
}
