/*
Theme Name:Tree child
Theme URI:
Description:WordPressテーマ「Tree」の自作子テーマです。
Template:tree_tcd081
Author:テレ・マーカー　webデザイン部 
Author URI:https://tcd-theme.com/
Version:2.0.2
*/

/* ポジション */
.txt_center {
	text-align: center;
}
/* ポジション */
/* スペーサー */
.mt_1em {
	margin-top: 1em;
}

.mt_2em {
	margin-top: 2em;
}

.mt_3em {
	margin-top: 3em;
}

.mt_4em {
	margin-top: 4em;
}

.mb_1em {
	margin-bottom: 1em;
}
.mb_2em {
	margin-bottom: 2em;
}
.mb_3em {
	margin-bottom: 3em;
}
.mb_4em {
	margin-bottom: 4em;
}
.mb_5em {
	margin-bottom: 5em;
}
.mb_6em {
	margin-bottom: 6em;
}
.mb_7em {
	margin-bottom: 7em;
}
.mb_8em {
	margin-bottom: 8em;
}

div#main_contents article#page_content div.mb_8em {
	margin-bottom: 8em;
}
/* スペーサー */

/* ドロワーメニューボタン 表示非表示 開始 */
@media screen and (min-width:1201px) and (max-width:5000px) {
	header#header > div#header_right_top > a#menu_button {
		display: none !important;
	}
	.pc_hide {
		display: none;
	}
	.sp_hide {
		display: block;
	}
}
@media screen and (max-width:1200px){
	#menu_button {
		display: block;
	}
	.pc_hide {
		display: block;
	}
	.sp_hide {
		display: none;
	}
}
/* ドロワーメニューボタン 表示非表示 終了 */

/* 動画用設定 開始 */
/* videoタグ 動画ダウンロード防止 */
video{
  z-index:2000;
  user-select:none;
}
/* videoタグ 動画ダウンロード防止 */
.video_wrapper {
    text-align: center;
}
video {
  width: 100%;
  max-width: 860px;
}
/* 動画用設定 終了 */
/* スライダー下の余白削除 */
#page_content {
	padding: 0;
}
/* スライダー下の余白削除 */
/* ジャンプリンクのズレ対策 */
.unkerlink_1px {
height: 1px;
display: block;
padding-top: 40px;
margin-top: -40px;
}
/* ジャンプリンクのズレ対策 */
/* コンテンツのフェードイン 開始 */
.fadein {
	opacity: 0;
	transform: translateY(30px);
	transition-property: transform, opacity;
	transition-duration: 1.5s;
	transition-delay: 0s;
}

.fadein.is-active {
	opacity: 1;
	transform: translateY(0);
}
/* コンテンツのフェードイン 終了 */
/* 拠点写真紹介　見出しを表示 */
.cb_side_headline {
	opacity: 1;
}
/* 拠点写真紹介　見出しを表示 */
/* インフォグラフィック 開始 */
.info_num_wrapper {
  width: 100%;
}
.info_num_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.info_num01, .info_num02, .info_num03 {
  border-radius: 5px;
  width: 45%;
  margin: 2rem 0;
}

.info_num01 {
  background-color: #ffffff;
  border: solid 6px #888888;
}
.info_num02 {
  background-color: #fefefe;
  border: solid 6px #bbb;
}
.info_num03 {
  background-color: #fff;
  border: solid 6px #eee;
}
.info_num05 {
  width: 100%;
  background-color: #fff;
  border: solid 6px #888888;
  border-radius: 5px;
}
@media screen and (max-width: 767px) {
  .info_num_container {
    display: block;
  }
  .info_num_container .info_num01,
  .info_num_container .info_num02,
  .info_num_container .info_num03,
  .info_num_container .info_num05  {
     width: auto;
     margin: 0 0 3em 0;
  }
}
/* インフォグラフィック 終了 */