@charset "utf-8";
/*****************************************
共通
*****************************************/
.wrapper {
   width: 100%;
   padding: 0;
 }
.container {
   width: 100%;
   padding: 0;
}
#aoki_main * {
   box-sizing: content-box;
}
#aoki_main ul,
#aoki_main ol {
	list-style: none;
}
#aoki_main a:hover,
#aoki_main a:focus {
	text-decoration: none;
}

/* 見出し */
#aoki_main h1,
#aoki_main .contents h2,
#aoki_main h3,
#aoki_main .fix_nav .pagenav2 li a,
#aoki_main .anchor_catch,
#aoki_main .btn-area,
#aoki_main .btn-area-others,
#aoki_main .contents_item p.btn_link  {
   font-family: serif;
   font-feature-settings: "palt";
}

/* mv */
#aoki_main {
   position: relative;
	width: 100%;
	color: #1d2024;
	background: #fff;
	margin: 0 auto;
   padding: 0;
	font-size: 18px;
	line-height: 1.5;
}
#aoki_main .mv {
   position: relative;
   width: 100%;
   margin: 0 auto;
   padding: 0 !important;
   box-sizing: border-box;
   text-align: center;
}
#aoki_main .mv p {
   width: 1200px;
}

/* leadArea */
#aoki_main .leadArea {
   width: 1200px;
   margin: 40px auto 36px;
}
#aoki_main h1 {
   line-height: 1.7;
   margin-bottom: 10px;
   font-size: 24px;
   font-weight: bold;
   text-align: center;
}
#aoki_main .leadArea p {
   font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
   line-height: 2;
   font-size: 16px;
	text-align: center;
}

/* anchorLink */
#aoki_main .anchor_catch {
   margin-bottom: 15px;
   font-size: 20px;
   font-weight: bold;
   text-align: center;
   letter-spacing: 0.12em;
}
#aoki_main .anchor {
   display: flex;
   justify-content: center;
}
#aoki_main .anchor li {
   width: 260px;
}
#aoki_main .anchor a {
   display: block;
  transition: 0.3s
}
#aoki_main .anchor a:hover {
   opacity: 0.7;
}
#aoki_main .anchor a:hover img {
   opacity: 1;
}


/* contents */
#aoki_main #black { background: #f4f4f4; }

#aoki_main .contents {
   padding: 60px 0 80px;
}
#aoki_main .contents_inner {
   width: 950px;
   margin: 0 auto;
}
#aoki_main h2 {
   line-height: 1.15;
   margin-bottom: 22px;
   font-size: 25px;
   font-weight: 400;
   text-align: center;
   letter-spacing: 0.08em;
}
#aoki_main h2 span {
   font-size: 57px;
   font-weight: 400;
   letter-spacing: 0;

}
#aoki_main h2 span.navy { color: #242830; letter-spacing: 0.05em; }
#aoki_main h2 span.gray { color: #242830; letter-spacing: 0.05em; }
#aoki_main .contents_list .contents_item a,
#aoki_main .contents_add .contents_img a {
   position: relative;
   display: block;
}
#aoki_main .contents_item a {
   transition: .3s;
}
#aoki_main .contents_item a:hover {
   cursor: pointer;
   opacity: 0.7;
}
#aoki_main .contents_item a:hover img {
   opacity: 1;
}
#aoki_main .contents_item .text {
   height: 120px;
   line-height: 2;
   margin-top: 60px;
   font-size: 16px;
}
#aoki_main .contents_add {
   margin: 40px 0;
   padding: 40px 50px;
   background-color: #f8f8f8;
}
#aoki_main .contents_add h3 {
   margin-bottom: 24px;
   padding-bottom: 10px;
   border-bottom: 1px solid #a66c63;
   color: #a66c63;
   font-size: 30px;
   font-weight: bold;
}
#aoki_main .contents_note {
   display: block;
   line-height: 2;
   margin-top: 4px;
   color: #505254;
   font-size: 12px;
   text-align: left;
}
#aoki_main .contents_item .btn_link {
   display: block;
   position: absolute;
   bottom: 0;
   right: 10px;
   width: 96px;
   height: 96px;
   line-height: 1.2;
   padding-top: 28px;
   border-radius: 100vw;
   font-size: 15px;
   font-weight: bold;
   transition: .25s;
   text-align: center;
   box-sizing: border-box;
}

/* cmn-recommend */
#aoki_main .cmn-recommend {
   padding: 110px 0 50px;
}
#aoki_main .cmn-recommend h2 {
   margin: 0 auto 47px;
   color: #333;
   font-size: 26px;
   font-weight: bold;
   text-align: center;
   letter-spacing: 0;
   font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
#aoki_main .cmn-recommend .bnr_box .bnr_img a {
   display: block;
   width: 100%;
}

/* 商品モジュール調整 */
#aoki_main .topicModuleCredit__priceList {
   justify-content: left;
}

.slick-slide a {
  display: block;
  margin: auto;
}
.slick-img_inner {
  width: 950px;
  display: flex;
  justify-content: space-between;
}
.slide,
.slick-img {
  width: 445px;
}
.category {
  width: 317px;
  margin: 14px auto 0;
}
.businnes .category {
  width: 272px!important;
}
.slick-img p {
  margin-top: 20px;
  line-height: 1.8;
  font-size: 16px;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  color: #0f1728;
}
.slick-dots li {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 8px;
  border-radius: 0;
  background: transparent;
  border: 2px solid #fff;
  transform: rotate(45deg);
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
.slick-dots li.slick-active, .slick-dots li:hover {
  background: #fff;
}
.slick-dots {
  position: absolute;
  bottom: 108px;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 0;
  text-align: center;
}
#bottom_recommend_area h2 {
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

/*****************************************
PC only
*****************************************/
@media screen and (min-width: 769px) {
  .sp {
      display: none;
   }

   /* anchorLink */
   #aoki_main .anchorLink dd {
      display: flex;
   }
   #aoki_main .anchorLink dd p + p {
      margin-left: 20px;
   }
  #aoki_main .anchor li:not(:last-of-type) {
    margin-right: 20px;
  }

   /* contents */
   #aoki_main .contents_list {
      display: flex;
      justify-content: space-between;
   }
   #aoki_main .contents_list .contents_item {
      width: 445px;
   }
   #aoki_main .contents_add .contents_list {
      margin-bottom: 0;
      align-items: center;
   }
   #aoki_main .contents_add .contents_img {
      width: 415px;
      height: auto;
   }
   #aoki_main .contents_add .contents_item {
      width: 390px;
   }
   #aoki_main .contents_item.weddings .btn_link {
      bottom: 54px;
   }
   #aoki_main .contents_item.work .btn_link {
      bottom: 37px;
   }
   #aoki_main .accordion .title {
      width: 950px;
      margin: 0 auto;
      cursor: auto;
   }
  #aoki_main .btnArea + .contents_list {
    margin-top: 100px;
  }

   /*  btn-area */
   #aoki_main .btn-area {
      display: flex;
      width: 920px;
      justify-content: space-between;
      margin: 0 auto;
      text-align: center;
   }
   #aoki_main .btnArea {
      margin-top: 30px;
   }

   /* ボーダー ⇒ ベタ背景色 */
   #aoki_main .cmn-btn.bd a {
      display: block;
      position: relative;
      width: 450px;
      height: auto;
      margin: 0 auto;
      padding: 22px;
      background-color: #fff;
      color: #1d2024;
      border: 1px solid #1d2024;
      border-radius: 100vw;
      font-size: 16px;
      font-weight: bold;
      box-sizing: border-box;
      text-align: center;
      transition: 0.4s;
      -webkit-transition: 0.4s;
   }
   #aoki_main .cmn-btn.bd a::after {
      content: "";
      position: absolute;
      top: 50%;
      right: 40px;
      width: 8px;
      height: 8px;
      margin-top: -2px;
      border-top: 1px solid #1d2024;
      border-right: 1px solid #1d2024;
      transform: translateY(-40%) rotate(45deg);
      -webkit-transform: translateY(-40%) rotate(45deg);
      transition: 0.4s;
      -webkit-transition: 0.4s;
   }
   #aoki_main .cmn-btn.bd a:hover {
      background-color: #1d2024;
      color: #fff;
      text-decoration: none;
   }
   #aoki_main .cmn-btn.bd a:hover::after {
      border-top: 1px solid #fff;
      border-right: 1px solid #fff;
   }
   /* 2カラム */
   #aoki_main .btn-area-others {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      margin-top: 18px;
   }
   #aoki_main .btn-area-others .cmn-btn:nth-of-type(2n) {
      margin-left: 10px;
   }
   #aoki_main .btn-area-others .cmn-btn:nth-child(n+3)  {
      margin-top: 20px;
   }

   /* staff */
   #aoki_main .contents_inner .sub_text {
      margin-top: -15px;
      font-size: 15px;
      text-align: center;
   }
   #aoki_main .staff_inner,
   #aoki_main .staff_inner ul {
      display: flex;
      justify-content: space-between;
   }
   #aoki_main .staff_inner {
      margin-top: 24px;
   }
   #aoki_main .staff_inner ul {
      width: 440px;
   }
   #aoki_main .staff_inner ul li {
      width: 212px;
   }

   /* cmn-recommend */
   #aoki_main .cmn-recommend h2 {
      display: flex;
      align-items: center;
      justify-content: center;
   }
   #aoki_main .cmn-recommend h2::before,
   #aoki_main .cmn-recommend h2::after {
      content: "";
      border-bottom: 2px solid #333;
   }
   #aoki_main .cmn-recommend h2::before {
      margin-right: 20px;
      padding-left: 120px;
   }
   #aoki_main .cmn-recommend h2::after {
      margin-left: 20px;
      padding-right: 120px;
   }
   #aoki_main .cmn-recommend .bnr_box {
      display: flex;
      max-width: 1200px;
      width: 100%;
      margin: 0 auto;
      justify-content: center;
   }
   #aoki_main .cmn-recommend .bnr_box .bnr_img + .bnr_img {
      margin-left: 20px;
   }

   /* bottom_recommend_area */
   #aoki_main #bottom_recommend_area .bottom_newitem,
   #aoki_main #bottom_recommend_area .bottom_service {
      width: 1100px !important;
   }
   #aoki_main #bottom_recommend_area .bottom_bnrBox a {
      width: 24% !important;
   }
   #aoki_main #bottom_recommend_area .bottom_bnrBox a + a {
      margin-left: 12px !important;
   }

   /* 商品モジュール調整 */
   #aoki_main .topicModuleCredit__priceList {
      padding: 0;
   }
   #aoki_main .topicModuleCredit__priceItem {
      width: 132px;
      padding: 30px 0 20px 0;
   }
  .tab-buttons {
    display: none;
  }
  .tab-contents {
    display: flex;
    justify-content: space-between;
    width: 950px;
  }
  .content {
    width: 445px;
  }
  .content p {
    font-size: 16px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    line-height: 1.8;
    margin-top: 20px;
  }

}


/*****************************************
SP only
*****************************************/
@media screen and (max-width: 768px) {
   .pc {
      display: none;
   }
   .wrapper {
      padding: 0;
      margin: 0 0 50px;
   }
   .container {
      padding-left: 0;
      padding-right: 0;
   }

   /* mv */
   #aoki_main {
      max-width: 768px;
      width: 100%;
      line-height: 1.5;
      margin: 0 auto;
      background: #fff;
      color: #333;
      font-size: 4.2666666vw;
   }
   #aoki_main .mv {
      width: 100%;
      margin: 0 auto;
      text-align: center;
   }
   #aoki_main .mv p {
      width: 100%;
   }

   /* scroll_down */
   #aoki_main .mv_scroll {
      bottom: -2.66vw;
      margin-left: -2.13vw;
   }
   #aoki_main .scroll_down a {
      padding: 1.33vw 2vw 10.66vw;
      box-sizing: border-box;
   }
   #aoki_main .scroll_down a::before,
   #aoki_main .scroll_down a::after {
      height: 10.66vw;
   }

   /* leadArea */
   #aoki_main .leadArea {
      width: 100%;
      margin: 0 auto;
      padding: 6.6vw 15px 0;
      box-sizing: border-box;
   }
   #aoki_main h1 {
      line-height: 1.75;
      margin-bottom: 2.6vw;
      font-size: 4.26vw;
   }
   #aoki_main .leadArea p {
      font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
      line-height: 1.92;
      font-size: 3.46vw;
      text-align: left;
   }

   /* anchorLink */
   #aoki_main .nav_wrap {
      width: 100%;
      margin-bottom: 10.66vw;
   }
   #aoki_main .anchor_catch {
      margin-bottom: 1.2vw;
      font-size: 4vw;
   }
   #aoki_main .anchor {
      flex-wrap: wrap;
      padding-right: 15px;
      padding-left: 15px;
      box-sizing: border-box;
   }
   #aoki_main .anchor li {
      width: 44vw;
   }
  #aoki_main .anchor li:nth-of-type(even) {
      margin-left: calc(100% - 88vw);
   }
   #aoki_main .anchor li:nth-child(n+3) {
      margin-top: 3vw;
   }

   /* 追従 */
   #aoki_main .fix_nav {
      top: 54px;
   }
   #aoki_main .pagenav2 li a {
      line-height: 1.4;
      padding: 2vw 1.33vw 4vw;
      font-size: 3.2vw;
      text-align: center;
      letter-spacing: 0.05em;
   }
   #aoki_main .pagenav2 li a::before {
      bottom: 2vw;
      width: 1.6vw;
      height: 1.6vw;
   }

   /* contents */
   #aoki_main .contents {
      padding: 8vw 0;
   }
   #aoki_main #staff.contents {
      margin-top: -8vw;
      padding-top: 18vw;
   }
   #aoki_main #navy_two {
      margin-bottom: 13.33vw;
   }
   #aoki_main .contents_inner {
      width: 100%;
      padding: 0 15px;
      box-sizing: border-box;
   }
   #aoki_main h2 {
      margin-bottom: 6.33vw;
      font-size: 4.8vw;
   }
    #aoki_main h2 span.navy,
   #aoki_main h2 span.gray {
      font-size: 11.2vw;
    }
    #aoki_main .contents_item {
      
    }
    #aoki_main .contents_list {
      margin-bottom: 5vw;
     }
    #aoki_main .btnArea + .contents_list {
        margin-top: 16vw;
    }
   #aoki_main .contents_img {
      width: 86.66vw;
      margin: 0 auto;
   }
   #aoki_main .contents_item.work {
      margin-top: 9.33vw;
   }
   #aoki_main .contents_item .text {
      height: auto;
      line-height: 1.78;
      margin-top: 9.33vw;
      margin-bottom: 1.3vw;
      color: #0f1728;
      font-size: 3.73vw;
   }
   #aoki_main .contents_add {
      margin: 6vw 0 9vw;
      padding: 6.66vw 6.13vw 7vw;
   }
   #aoki_main .contents_add .contents_list {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 0;
   }
   #aoki_main .contents_add .contents_list .contents_item {
      display: contents;
   }
   #aoki_main .contents_add .contents_list h3 {
      order: 1;
      width: 100%;
      margin-bottom: 4vw;
      padding-bottom: 0;
      border-bottom: none;
      font-size: 5.6vw;
      text-align: center;
   }
   #aoki_main .contents_add .contents_list .contents_img {
      order: 2;
   }
   #aoki_main .contents_add .contents_list .contents_item p {
      order: 3;
      margin-top: 3vw;
   }
   #aoki_main .contents_item .btn_link {
      bottom: 10vw;
      right: 1.5vw;
      width: 18.66vw;
      height: 18.66vw;
      line-height: 1.3;
      padding-top: 5.2vw;
      font-size: 2.8vw;
   }
   #aoki_main .contents_item.work .btn_link {
      bottom: 7.5vw;
   }
   #aoki_main .contents_note {
      margin-top: 1vw;
      font-size: 2.9vw;
      text-align: left;
   }
   #aoki_main .sub_text {
      margin-top: -1vw;
      font-size: 3.46vw;
      text-align: center;
   }
   #aoki_main .staff_inner {
      margin-top: 5vw;
   }
   #aoki_main .staff_inner ul {
      display: flex;
      justify-content: space-between;
   }
   #aoki_main .staff_inner ul + ul {
      margin-top: 8vw;
   }
   #aoki_main .staff_inner ul li {
      width: 44vw;
   }

   /* ------ btn-area ------ */
   #aoki_main .btn-area {
      width: 100%;
      margin: 0 auto;
      padding-right: 15px;
      padding-left: 15px;
      box-sizing: border-box;
   }
   /* 1カラム（ベタ背景色 ⇒ ボーダー） */
   #aoki_main .cmn-btn.bg a {
      width: 100%;
      height: 16vw;
      border-radius: 100vw;
      font-size: 3.73vw;
      text-align: center;
   }
   #aoki_main .cmn-btn.bg a::after {
      right: 8vw;
      width: 2vw;
      height: 2vw;
      margin-top: -0.8vw;
   }
   /* 1カラム（ボーダー ⇒ ベタ背景色） */
   #aoki_main .cmn-btn.bd a {
      width: 100%;
      line-height: 1.4;
      padding: 3vw;
      font-size: 3.2vw;
   }
   #aoki_main .cmn-btn.bd a::after {
      right: 4vw;
      width: 1.5vw;
      height: 1.5vw;
      margin-top: -0.2vw;
   }
   /* 2カラム */
   #aoki_main .btn-area-others {
      margin-top: 4vw;
      justify-content: space-between;
   }
   #aoki_main .btn-area-others .cmn-btn {
      width: 49%;
   }
   #aoki_main .btn-area .cmn-btn + .cmn-btn {
      margin-top: 5.33vw;
   }
   #aoki_main .btn-area-others .cmn-btn a {
      display: flex;
      justify-content: center;
      align-items: center;
   }
   #aoki_main .btn-area-others .cmn-btn:nth-of-type(2n) {
      margin-left: 0;
   }

   /* アコーディオン */
   #aoki_main .accordion {
      max-width: 100%;
      margin: 0 auto;
      font-size: 16px;
   }
   #aoki_main .accordion .toggle {
      display: none;
   }
   #aoki_main .accordion .option {
      position: relative;
      margin-bottom: 20px;
   }
   #aoki_main .accordion .title,
   #aoki_main .accordion .accordion_content {
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      transform: translateZ(0);
      transition: all 0.3s;
   }
   #aoki_main .accordion .title {
      display: block;
      margin-bottom: 0;
      padding: 15px 20px;
      color: #fff;
      background-color: #1d2024;
      font-size: 3.46vw;
   }
   #aoki_main .accordionlabel {
      margin-bottom: 0!important;
   }
   #aoki_main .accordion .title::after,
   #aoki_main .accordion .title::before {
      content: "";
      position: absolute;
      top: 50%;
      right: 6%;
      width: 1px;
      height: 11px;
      margin-top: -5px;
      background-color: #fff;
      transition: all 0.3s;
      box-sizing: border-box;
   }
   #aoki_main .accordion .title::after {
      transform: rotate(90deg);
   }
   #aoki_main .accordion_content {
      max-height: 0;
      overflow: hidden;
      margin-top: 0;
      padding: 0 3.2vw;
      background-color: #fff;
      border: 1px solid #1d2024;
   }
   #aoki_main .accordion_content p {
      padding: 20px 20px 30px;
      line-height: 1.5;
   }
   #aoki_main .toggle:checked + .title + .accordion_content {
      max-height: 500px;
      transition: all 1.5s;
   }
   #aoki_main .toggle:checked + .title::before {
      transform: rotate(90deg) !important;
   }
   #aoki_main .accordion_content .cmn-btn {
      width: 100%;
      border-bottom: 1px solid #dfdfdf;
   }
   #aoki_main .accordion_content .cmn-btn:last-child {
      border-bottom: none;
   }
   #aoki_main .accordion_content .cmn-btn a {
      position: relative;
      padding: 5vw;
      color: #0f1728;
      font-size: 3.46vw;
      font-weight: bold;
      text-align: center;
      box-sizing: border-box;
   }
   #aoki_main .accordion_content .cmn-btn a::after {
      content: "";
      position: absolute;
      top: 50%;
      right: 2%;
      width: 8px;
      height: 8px;
      margin-top: -3px;
      border-top: 1px solid #65676e;
      border-right: 1px solid #65676e;
      transform: translateY(-40%) rotate(45deg);
      -webkit-transform: translateY(-40%) rotate(45deg);
   }

   /* cmn-recommend */
   #aoki_main .cmn-recommend {
      padding: 16vw 0 0;
      padding-right: 15px;
      padding-left: 15px;
      box-sizing: border-box;
   }
   #aoki_main .cmn-recommend h2 {
      margin: 0 auto 5vw;
      font-size: 6.4vw;
   }
   #aoki_main .cmn-recommend .bnr_box {
      display: flex;
      max-width: 768px;
      flex-wrap: wrap;
      justify-content: space-between;
   }
   #aoki_main .cmn-recommend .bnr_box .bnr_img {
      display: inline-block;
      width: 48%;
   }
   #aoki_main .cmn-recommend .bnr_box .bnr_img:nth-of-type(n+3) {
      margin-top: 3vw;
   }
   #aoki_main #bottom_recommend_area {
      padding-right: 15px;
      padding-left: 15px;
      box-sizing: border-box;
   }
.slide,
.slick-img {
  width: 86.6vw;
}
.category {
    width: 60.4vw;
    margin: 3vw auto 0!important;
}
.businnes .category {
    width: 51.4vw!important;
    margin: 3vw auto 0!important;
}
.slick-dots {
    position: absolute;
    bottom: 82px;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 0;
    text-align: center;
}
  .content p {
    margin-top: 4vw;
    font-size: 3.73vw;
    line-height: 1.8;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  }
  .tab {
  width: 86.6vw;
  margin: 0 auto;
}
  .tab-contents {
    width: 86.6vw;
    margin: 0 auto;
  }
.tab-buttons {
  display: flex;
  justify-content: space-between;
}

.tab-buttons button {
  width: 36vw;
  height: 14vw;
  background: #fff;
  border: 2px solid #242830;
  cursor: pointer;
  color: #242830;
  font-size: 4vw;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  line-height: 1.1;
}
.tab-buttons button.ceremony_btn {
  width: 36vw;
  height: 14vw;
  background: #fff;
  border: 2px solid #876b41;
  cursor: pointer;
  color: #876b41;
  font-size: 4vw;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  line-height: 1.1;
}
  .tab-buttons button span {
    font-size: 6.4vw;
  }

.tab-buttons button:hover {
  background: #f0f8ff;
}
  .tab-buttons button.active.ceremony_btn {
    border: 2px solid #876b41;
    background: #876b41;
    color: #fff;
  }
.tab-buttons button.active {
  border: 2px solid #242830;
  background: #242830;
  color: #fff;
}

.tab-contents .content {
  display: none;
  padding: 20px 0 0;
  
}
.tab-contents .content.active {
  display: block;
}
  .slide img {
    max-width: 88vw!important;
  }
  .slick-list,
  .slick-track {
    margin: 0;
  }
}

/*****************************************
Tablet only (min-width:576px)
*****************************************/
@media screen and (min-width: 576px) {
   .container {
      width: 100%;
   }
}