@charset "utf-8";

.timelapsecamera {
  width: 1200px;
  margin: 0 auto;
  color: #333;
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
}

.tlc_sc_wrapper {
  /* margin: 128px auto; */
  margin: 80px auto;
}

.tlc_sc_wrapper:last-of-type {
  margin-bottom: 0;
}

.tlc_sc_wrapper:first-of-type {
  margin-top: 0;
}

.tlc_sc_wrapper .tlc_sc_fv {
  text-align: center;
}

.tlc_sc_wrapper .tlc_sc_fv image {
  text-align: center;
}

.tlc_sc_wrapper .tlc_sc_intro {
  text-align: center;
}

.tlc_sc_wrapper .tlc_sc_lead {
  text-align: center;
}

.tlc_sc_wrapper .tlc_sc_lead p {
  padding: 16px 0;
}

.inner {
  margin: 32px auto 64px;
}

.inner:last-of-type {
  margin-bottom: 0;
}

.inner_contents {
  width: calc(100% - 128px);
  margin: 32px auto 64px;
}

.tlc_sc_wrapper .tlc_video {
  display: block;
  margin: 0 auto;
  width: 700px;
  height: auto;
}

.timelapsecamera p {
  padding: 16px 0;
  letter-spacing: 0.05em;
  line-height: 1.7em;
}

.timelapsecamera .note {
  font-size: 14px;
}

.timelapsecamera #prods_TLC2020 .note,
.timelapsecamera #prods_BCC2000 .note {
  text-align: end;
}

.timelapsecamera .note p {
  padding-top: 24px;
}

.timelapsecamera .note a {
  text-decoration: underline;
  margin: 0 3px 0 2px;
}

.timelapsecamera .note a:hover {
  color: #ff9933;
}

.timelapsecamera a {
  letter-spacing: 0.05em;
}

.tlc_sc_detail p {
  padding: 0 0 32px;
  padding-left: 1em;
  text-indent: -1em;
}

.tlc_sc_detail .paddingbottom-1 {
  padding-bottom: 0;
}

.tlc_sc_detail ul {
  list-style-type: disc;
  padding-left: 2em;
  margin-bottom: 32px;
}

.tlc_sc_detail li {
  padding-bottom: 0.5rem;
  letter-spacing: 0.05em;
  line-height: 1.7em;
}

.tlc_sc_sub ul {
  list-style-type: disc;
  padding-left: 2em;
}

.tlc_sc_sub li {
  padding-bottom: 16px;
  letter-spacing: 0.05em;
  line-height: 1.7em;
}

.tlc_sc_sub ul li p {
  padding: 0;
}

.timelapsecamera img {
  max-width: 100%;
  vertical-align: bottom;
}

.txt_expand {
  font-weight: 600;
  font-size: 20px;
}

.timelapsecamera .flex {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}

.timelapsecamera .flex_row {
  display: flex;
  flex-flow: row;
  justify-content: center;
  align-items: center;
}

.timelapsecamera .w50 {
  box-sizing: border-box;
  width: calc(100% / 2);
  margin: 0 auto;
}

.timelapsecamera .w33 {
  box-sizing: border-box;
  width: calc(100% / 3);
  margin: 0 auto;
}

.plain_list {
  list-style: none;
}

.plain_link {
  text-decoration: none;
  color: #333;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.plain_link:hover {
  opacity: 0.7;
  color: #333;
  text-decoration: none;
}

.plain_link img {
  height: 120px;
  object-fit: contain;
}

.externallink {
  padding-right: 20px;
  position: relative;
}

.externallink::after {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  top: 0;
  right: 0;
  background: url(https://houjin.biccamera.com/images/icon/icon_externallink.png) no-repeat bottom right/ 80% 80%;
}

.txt_center {
  text-align: center;
}

.indent-1 {
  padding-left: 1em;
  text-indent: -1em;
}

.section_ttl {
  box-sizing: border-box;
  margin: 0;
  background: #505050;
  color: #ff9933;
  padding: 16px 0;
  text-align: center;
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 0.05rem;
}

.inner_ttl {
  box-sizing: border-box;
  /* margin: 32px; */
  margin: 32px 32px 0;
  border-bottom: #ff9933 3px solid;
  color: #333;
  /* padding: 16px 0; */
  padding: 0 0 2px;
  font-weight: 600;
  text-align: center;
  font-size: 24px;
}

.btn_inquiry {
  width: 1200px;
  text-align: center;
}

.btn_inquiry a {
  display: inline-block;
  margin: 0 auto;
  text-decoration: none;
  background-color: #00a777;
  width: 600px;
  border-radius: 50px;
  color: #fff;
  font-weight: 600;
  font-size: 24px;
  text-align: center;
  padding: 20px;
  box-shadow: #ccc 3px 8px 8px;
}

.btn_inquiry a:hover {
  opacity: 0.7;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
}

.catalog_page_link {
  text-align: center;
}

.catalog_page_link a {
  display: inline-block;
  margin: 0 auto;
  text-decoration: none;
  background-color: #ee6600;
  width: 600px;
  border-radius: 50px;
  color: #fff;
  font-weight: 600;
  font-size: 24px;
  text-align: center;
  padding: 20px;
  box-shadow: #ccc 3px 8px 8px;
}

.catalog_page_link a:hover {
  opacity: 0.7;
}

.product_page_link a {
  display: inline-block;
  margin: 0 auto;
  text-decoration: none;
  background-color: #ee6600;
  border-radius: 50px;
  color: #fff;
  font-weight: 600;
  font-size: 20px;
  text-align: center;
  padding: 20px;
  width: 230px;
  box-shadow: #ccc 3px 6px 8px;
}

.product_page_link a:hover {
  opacity: 0.7;
}

.btn_arrow {
  position: relative;
  display: inline-block;
}

.btn_arrow::before,
.btn_arrow::after {
  content: "";
  position: absolute;
  top: calc(50% - 1.5px);
  right: 16px;
  width: 16px;
  height: 2px;
  border-radius: 9999px;
  background-color: #ffffff;
  transform-origin: calc(100% - 1.5px) 50%;
}

.btn_arrow::before {
  transform: rotate(45deg);
}

.btn_arrow::after {
  transform: rotate(-45deg);
}

.spec_list {
  border: #ccc 1px solid;
  width: 100%;
  border-collapse: collapse;
}

.spec_list td {
  border: #ccc 1px solid;
  padding: 8px;
}

.bg_gray {
  background-color: #eee;
}

.nav .flex {
  align-items: stretch;
}

.prod_list {
  box-sizing: border-box;
  /* margin-bottom: 32px; */
  display: flex;
}

.prod_list p {
  background: #f5f5f5;
  position: relative;
  padding: 16px 8px 40px;
  margin: 8px 16px 0;
  flex-grow: 1;
}

.prod_list p::before,
.prod_list p::after {
  content: "";
  position: absolute;
  bottom: 16px;
  left: calc(50% - 1.5px);
  width: 2px;
  height: 18px;
  border-radius: 9999px;
  background-color: #ff9933;
  transform-origin: 50% calc(100% - 1.5px);
}

.prod_list p::before {
  transform: rotate(45deg);
}

.prod_list p::after {
  transform: rotate(-45deg);
}

.prod_img {
  box-sizing: border-box;
  width: 290px;
  padding-right: 16px;
}

.prod_name {
  box-sizing: border-box;
  padding-bottom: 8px;
  border-bottom: 1px #ccc solid;
  margin-bottom: 8px;
}

.content_list {
  padding-bottom: 32px;
}