/*
Theme Name:  Genesis Child
Template:  genesis_tcd103
Version:  1.0
*/

/* 共通 */
/* 共通_行間 */
.post_content p,
:is(.design_header, .tcdce-body .design_header) .desc,
.post_row,
#page_header .desc {
  line-height: 1.5;
}

/* 共通_背景色 */
.cb_free_space:nth-child(even),
.cb_blog_list:nth-child(even),
.gray_bg  {
  background: #FFF8F0;
}

/* 共通_全体左右padding */
body.short_content_width #bread_crumb{
  max-width: inherit;
  max-width: 1700px;
  padding: 0 100px;
}

@media (max-width: 1391px) {
  #header_slider_content .content,
  .cb_free_space .post_content,
  .cb_design_header,
  .cb_design_content .item_list,
  .cb_design_arrow_button,
  .blog_carousel_wrap,
  #page_contents .post_content,
  #page_header .design_header,
  #bread_crumb,
  body.short_content_width #bread_crumb,
  #main_content
    {
      max-width: inherit;
      padding: 0 60px;
  }
}

@media (max-width: 1100px) {
  #header_slider_content .content,
  .cb_free_space .post_content,
  .cb_design_header,
  .cb_design_content .item_list,
  .cb_design_arrow_button,
  .blog_carousel_wrap,
  #page_contents .post_content,
  #page_header .design_header,
  #bread_crumb,
  body.short_content_width #bread_crumb,
  #main_content
    {
      padding: 0 40px;
  }
}

@media (max-width: 800px) {
  #header_slider_content .content,
  .cb_free_space .post_content,
  .cb_design_header,
  .cb_design_content .item_list,
  .cb_design_arrow_button,
  .blog_carousel_wrap,
  #page_contents .post_content,
  #page_header .design_header,
  #bread_crumb,
  body.short_content_width #bread_crumb,
  #main_content
    {
      padding: 0 20px;
  }
}

@media (max-width: 1391px) {
  .blog_carousel_wrap  {
      padding: 0 60px !important;
  }
}

@media (max-width: 1100px) {
  .blog_carousel_wrap  {
      padding: 0 40px !important;
  }
}

@media (max-width: 800px) {
  .blog_carousel_wrap  {
      padding: 0 20px !important;
  }
}

/* 共通_固定ページタイトル上余白 */
@media (max-width: 800px) {
  #bread_crumb,
  body.short_content_width #bread_crumb {
      margin: 0 auto;
      height: 50px;
      overflow: auto;
      overflow-y: hidden;
  }

  #page_header.large_height {
    height: 250px;
  }

  #archive_header {
      margin: 20px auto 35px;
  }
}

/* recruit & service_button */
#cb_content_2 .design_arrow_button {
  margin-top: 60px;
}

@media (max-width: 800px) {
  #cb_content_2 .design_arrow_button,
  .cb_design_content .shutter_image + .design_arrow_button {
      margin-top: 40px;
  }

  .design_arrow_button a {
    font-size: 16px;
  }

  .arrow_button {
    width: 40px;
    height: 40px;
  }

  .arrow_button:before,
  .arrow_button:after {
    font-size: 8px;
    top: 17px;
  }
}

/* 固定ページ共通 */
/* タイトル_margin調整 */
@media (max-width: 800px) {
  :is(.design_header, .tcdce-body .design_header) {
      margin-bottom: 35px;
  }
}

/* タイトル・ディスクリプション_余白修正 */
#page_header .desc {
  width: 100%;
  padding-left: 0;
}

@media (max-width: 1391px) {
  #page_header .desc_area {
      max-width: inherit;
      padding: 0 60px;
  }
}

@media (max-width: 1100px) {
  #page_header .desc_area {
      display: block;
      padding: 0 40px;
  }
}

@media (max-width: 800px) {
  
  :is(.design_header, .tcdce-body .design_header) .title_area.no_desc {
    margin-top: 40px;
  }
  
  #page_header .design_header{
    margin-bottom: 120px;
  }

  #page_header .desc_area {
      padding: 0 20px;
      margin-bottom: 40px;
  }
}

/* 写真_サイズ修正 */
#page_header .image {
  width: calc(100% - 240px);
  max-width: 1500px;
  margin: 0 auto;
  margin-bottom: 120px;
}

@media (max-width: 1391px) {
  #page_header .image {
    width: calc(100% - 120px);
  }
}

@media (max-width: 1100px) {
  #page_header .image {
    width: calc(100% - 80px);
  }
}

@media (max-width: 800px) {
  #page_header .image {
    width: calc(100% - 40px);
    margin-bottom: 60px;
  }
}