@charset "UTF-8";

/* =======================================
　メインビジュアル
======================================= */

/*----- メインビジュアル画像 -----*/
.kamiawase-blog-top #main-visual,
.cc-page-blog.no-imageblog #main-visual {
  background: url(../images/theme-top-mv-min.jpg) no-repeat center;
  background-size: cover;
}

.kamiawase-blog-top #main-visual-inner {
  background: rgba(0, 0, 0, .1) !important;
}

.kamiawase-blog-top #main-visual::after {
  content: none !important;
}


/* パンくず */
.kamiawase-blog-top nav#bread-nav {
  display: none;
}

/* 大見出し */
.kamiawase-mv-title h1 {
  font-size: 40px !important;
  text-align: center;
  text-shadow: rgba(0, 0, 0, .5)1px 1px 5px !important;
}


@media screen and (max-width: 768px) {
  .kamiawase-blog-top #mv-contents {
    width: 96vw;
  }

  .kamiawase-mv-title h1 {
    font-size: 32px !important;
  }
}

@media screen and (max-width: 768px) {
  .kamiawase-blog-top #mv-contents {
    width: 96vw;
  }

  .kamiawase-mv-title h1 {
    font-size: 28px !important;
  }
}



/* =======================================
　コンテンツ
======================================= */

/*----- メインコンテンツ枠 -----*/
.kamiawase-blog-top.cc-page.cc-pagemode-default #content {
  background: #FFF;
  padding: 0 !important;
}


.kamiawase-blog-top #content-inner {
  padding: 0;
  max-width: 100%;
  width: 100%;
}


/*----- ブロック -----*/
/* 見出し */
.kamiawase-blog-top h2 {
  background: transparent;
  text-align: left;
  margin-bottom: 32px;
  padding: 0;
  color: #3B312F;
  font-size: 32px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
}

.kamiawase-recommend-heading {
  position: relative;
  margin-bottom: 28px;
}

.kamiawase-recommend-heading::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 1px;
  background: #B3A46A;
  z-index: 1;
}

.kamiawase-blog-top h3 {
  margin: 0;
  padding: 0;
  color: #3B312F;
  font-size: 32px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  border-bottom: none;
  background: #FFF;
  padding-right: 16px;
  position: relative;
  z-index: 2;
  display: inline-block;
}



@media screen and (max-width: 480px) {
  .kamiawase-recommend-heading {
    margin-bottom: 16px;
  }

  .kamiawase-blog-top h2 {
    font-size: 26px !important;
  }

  .kamiawase-blog-top h3 {
    font-size: 23px !important;
  }
}



/* 文章 */
.kamiawase-blog-top main p,
.kamiawase-blog-top main li {
  color: #3B312F;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0 !important;
}

/* 画像 */
.kamiawase-blog-top figure img {
  border-radius: 0;
}

/* カラム */
@media screen and (min-width: 769px) {
  .kamiawase-blog-top .j-module.n.j-hgrid .cc-m-hgrid-column:first-child>div {
    padding-right: 24px;
  }

  .kamiawase-blog-top .j-module.n.j-hgrid .cc-m-hgrid-column.last>div {
    padding-left: 24px;
  }
}



@media screen and (max-width: 768px) {
  .kamiawase-blog-top.cc-page.cc-pagemode-default .cc-m-hgrid-column>div {
    width: 100% !important;
  }
}


/*----- オリジナルパーツ -----*/
/* フルサイズ */
.kamiawase-blog-top .fullsize,
.kamiawase-blog-top .fullsize-edit {
  background: #FFF;
}

.kamiawase-blog-top .fullsize .j-module.n {
  margin: 0 auto;
  max-width: 1400px;
}




/* =======================================
　ページコンテンツ
======================================= */

/*----- リードエリア -----*/
.j-hgrid.kamiawase-lead .cc-m-hgrid-column.last {
  display: flex;
  align-items: center;
  justify-content: space-between;
}


@media screen and (max-width: 768px) {
  .kamiawase-lead-wrap.fullsize {
    padding-top: 24px;
  }

  .j-hgrid.kamiawase-lead {
    display: flex;
    flex-direction: column-reverse !important;
    margin: 0 -16px !important;
  }

  .j-hgrid.kamiawase-lead .cc-m-hgrid-column.last>div {
    padding: 16px 24px;
  }
}


@media screen and (max-width: 480px) {
  .kamiawase-lead-wrap.fullsize {
    padding-top: 8px !important;
  }
}



/*----- あなたのお悩みは何ですか？ -----*/
.kamiawase-problem-wrap.fullsize {
  background: #F9F9F9;
}

.j-hgrid.kamiawase-problem .cc-m-hgrid-column:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
}



/*----- かみ合わせブログまとめました -----*/
/* タイトル部 */
.kamiawase-guide-wrap.fullsize {
  background: url(../images/kamiawase-guide-bg-min.jpg) no-repeat 12% center;
  background-size: cover;
  padding-top: 10vw;
  padding-bottom: 10vw;
}

.kamiawase-theme-wrap.fullsize.gray-bg {
  background: #F3F3F3;
}

.kamiawase-blog-top .kamiawase-theme-wrap.fullsize.gray-bg h3 {
  background: #F3F3F3;
}


@media screen and (max-width: 768px) {
  .kamiawase-guide-wrap.fullsize {
    padding-left: 0;
    padding-right: 0;
  }
}



@media screen and (max-width: 480px) {
  .kamiawase-guide-wrap.fullsize {
    padding-top: 32px;
    padding-bottom: 24px;
  }
}


/* コンテンツ部 */
.kamiawase-theme-wrap.fullsize {
  padding-top: 6vw;
  padding-bottom: 6vw;
}


/* 見出しグループ */
.kamiawase-guide-hgroup {
  margin-bottom: 48px;
}

.kamiawase-guide-hgroup p {
  margin: 0;
  font-size: 24px;
}

.kamiawase-guide-hgroup h2 {
  font-size: 48px;
}

@media screen and (max-width: 768px) {
  .kamiawase-theme-wrap {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }

  .j-hgrid.kamiawase-guide .cc-m-hgrid-column.last>div {
    padding: 16px;
    box-sizing: border-box;
  }
}


@media screen and (max-width: 480px) {
  .kamiawase-guide-hgroup {
    margin-bottom: 24px;
  }

  .kamiawase-guide-hgroup h2 {
    font-size: 32px;
    line-height: 1.35;
    margin-bottom: 0;
  }
}


/* リストボタン */
main .j-module.n.j-text .kamiawase-blog-guide-tag ul {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

main .j-module.n.j-text .kamiawase-blog-guide-tag ul li {
  padding: 0;
  margin: 0;
}

main .j-module.n.j-text .kamiawase-blog-guide-tag ul li::before {
  content: none !important;
}

.kamiawase-blog-guide-tag ul li a {
  display: inline-block;
  color: #FFF !important;
  background: #B3A46A;
  text-decoration: none !important;
  line-height: 1;
  padding: 8px 16px;
}


@media screen and (max-width: 480px) {
  main .j-module.n.j-text .kamiawase-blog-guide-tag ul {
    gap: 8px;
  }
}

/* チェックしてください */
.kamiawase-check {
  margin-top: 40px;
}

.kamiawase-check p::after {
  content: "";
  display: inline-block;
  width: 44px;
  height: 34px;
  background: url(../images/click-icon-min.png) no-repeat center center;
  background-size: contain;
  margin-left: 8px;
  vertical-align: middle;
}


@media screen and (max-width: 480px) {
  .kamiawase-check {
    margin-top: 16px;
  }
}


/* スマホ用画像 */
.cc-page.cc-pagemode-default .j-hgrid.kamiawase-guide .cc-m-hgrid-column:first-child .j-imageSubtitle figure img {
  display: none;
}

@media screen and (max-width: 768px) {
  .cc-page.cc-pagemode-default .j-hgrid.kamiawase-guide .cc-m-hgrid-column:first-child .j-imageSubtitle figure img {
    display: block !important;
  }

  .kamiawase-guide-wrap.fullsize {
    background: none;
  }
}



/*----- かみ合わせテーマおすすめブログTOP3 -----*/

/* タイトル部 */
.j-hgrid.kamiawase-theme.title-col {
  margin-bottom: 40px !important;
}

.j-hgrid.kamiawase-theme.title-col .cc-m-hgrid-column:first-child>div {
  padding-right: 0 !important;
}

.j-hgrid.kamiawase-theme.title-col p {
  padding: 0;
  margin: 0;
}


/* コンテンツ部（カラム） */
.j-hgrid.kamiawase-theme.recommend-col .cc-m-hgrid-column:first-child>div,
.j-hgrid.kamiawase-theme.recommend-col .cc-m-hgrid-column.last>div {
  padding: 0 !important;
}

/* コンテンツ部（タグ） */
.kamiawase-recommend-tag {
  position: absolute;
  z-index: 1;
}

.kamiawase-recommend-tag p {
  background: #00D0BB;
  display: inline-block;
  line-height: 1 !important;
  padding: 8px !important;
  letter-spacing: 0 !important;
  font-size: 14px !important;
  color: #FFF !important;
  font-weight: 700;
}




/* コンテンツ部（リンク） */
.kamiawase-recommend-blog-link {
  margin: 16px 0 40px;
}

.kamiawase-recommend-blog-link p a {
  text-decoration: none !important;
  font-size: 20px;
  line-height: 1.35;
  font-weight: 600;
  letter-spacing: 0;
}

.kamiawase-recommend-blog-link p a:hover {
  text-decoration: underline !important;
}


@media screen and (max-width: 480px) {
  .kamiawase-recommend-blog-link {
    margin: 8px 0 0;
  }

  .kamiawase-recommend-blog-link p a {
    font-size: 18px;
  }
}


/* ボタン部 */
.j-hgrid.kamiawase-theme.btn-col {
  max-width: 100% !important;
}

.j-hgrid.kamiawase-theme.btn-col a.j-calltoaction-link.j-calltoaction-link-style-1 {
  padding: 8px 24px !important;
  margin: 0 !important;
  font-family: "Noto Sans JP", sans-serif !important;
  color: #FFF !important;
  background: #B3A46A !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  border-radius: 9999rem !important;
}

.j-hgrid.kamiawase-theme.btn-col a.j-calltoaction-link.j-calltoaction-link-style-1:after {
  content: none !important;
}


.j-hgrid.kamiawase-theme.btn-col {
  margin: 40px 0 32px !important;
}

@media screen and (max-width: 768px) {
  .j-hgrid.kamiawase-theme.btn-col {
    margin: 16px 0 !important;
  }
}