@charset "utf-8";
/*
Theme Name: dp-fancie-note-business_child
Template: dp-fancie-note-business
*/

.search-form .words-area {
  background: #ceefff;
}

@font-face {
    font-family: "dpicons";
    src: url('fonts/dpicons.woff') format('woff'),url('fonts/dpicons.ttf') format('truetype')
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family:"dpicons";
        src: url('fonts/dpicons.svg') format('svg')
    }
}

.hidden_modal_window {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow-y: scroll;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 9999;
}

.hidden_modal_window {
    color: #5f5f5f;
    background-color: rgba(255,255,255,.95);
}

.hidden_modal_window.show {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.loop-section .loop-share-num, .single-article .single_post_meta .loop-share-num, .hd_sns_links ul li a:before, #hd_searchform:before, .loop-section .more-link a:before, .loop-post-thumb:before, .author_info .author_sns a:before, .navigation a:before, .single-nav .navlink:before, .dp-pagenavi a:before, .dp-pagenavi .page-numbers:before, .dp-pagenavi .current:before, .dp_feed_widget a:before, .header-banner-inner.post-slider .slide:before, .hd_sns_links ul li a:after, #hd_searchform:after, .loop-section .more-link a:after, .loop-post-thumb:after, .author_info .author_sns a:after, .navigation a:after, .single-nav .navlink:after, .dp-pagenavi a:after, .dp-pagenavi .page-numbers:after, .dp-pagenavi .current:after, .dp_feed_widget a:after, .header-banner-inner.post-slider .slide:after, .hd_sns_links ul li a .r-wrap:before, #hd_searchform .r-wrap:before, .loop-section .more-link a .r-wrap:before, .loop-post-thumb .r-wrap:before, .author_info .author_sns a .r-wrap:before, .navigation a .r-wrap:before, .single-nav .navlink .r-wrap:before, .dp-pagenavi a .r-wrap:before, .dp-pagenavi .page-numbers .r-wrap:before, .dp-pagenavi .current .r-wrap:before, .dp_feed_widget a .r-wrap:before, .header-banner-inner.post-slider .slide .r-wrap:before, .hd_sns_links ul li a .r-wrap:after, #hd_searchform .r-wrap:after, .loop-section .more-link a .r-wrap:after, .loop-post-thumb .r-wrap:after, .author_info .author_sns a .r-wrap:after, .navigation a .r-wrap:after, .single-nav .navlink .r-wrap:after, .dp-pagenavi a .r-wrap:after, .dp-pagenavi .page-numbers .r-wrap:after, .dp-pagenavi .current .r-wrap:after, .dp_feed_widget a .r-wrap:after, .header-banner-inner.post-slider .slide .r-wrap:after, .hidden_modal_window, .hidden_modal_window .search-form, .hidden_modal_window #hidden_global_menu, .loop-section .meta-cat, .loop-section .more-link a, .loop-section .meta-views, .label_ft, .loop-post-thumb .r-wrap>span::after, .loop-date, .navigation a, .single-nav i, .dp-pagenavi a, .dp-pagenavi .page-numbers, .dp-pagenavi .current, .more-entry-link a, .tagcloud a, .entry a img, .recent_entries li, .header-banner-inner.post-slider .slide figure::after, .header-banner-inner.post-slider .slide .sl-meta, .header-banner-inner.post-slider .slide .sl-date, .header-banner-inner.post-slider .slide .sl-cat {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}


.search-form .preset-words-area a.pword, .search-form .submit-area button.search-btn {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
  }

.hidden_modal_window.show .search-form, .hidden_modal_window.show #hidden_global_menu {
    -webkit-transform: perspective(800px) rotateY(0) translate(-50%, -50%);
    transform: perspective(800px) rotateY(0) translate(-50%, -50%);
    -webkit-transition-delay: .2s;
    transition-delay: .2s
  }
  
  .hidden_modal_window .search-form, .hidden_modal_window #hidden_global_menu {
    top: 50%;
    left: 50%;
    margin: 0;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: perspective(800px) rotateY(15deg) translate(-50%, -50%);
    transform: perspective(800px) rotateY(15deg) translate(-50%, -50%)
  }



  .search-form {
    position: relative;
    width: 100%;
    max-width: 480px;
    margin: 0 auto 40px;
    text-align: left;
    background-color: transparent
  }
  
  .search-form.no-params input.search-field {
    padding: 0 52px 0 8px
  }
  
  .search-form .words-area {
    position: relative;
    display: block;
    width: 100%;
    height: 44px;
    border: 1px solid rgba(170, 170, 170, 0.48)
  }
  
  .search-form .words-area button.search-btn {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    margin: 0;
    background: 0;
    cursor: pointer;
    width: 42px;
    height: 42px;
    border: 0;
    z-index: 1
  }
  
  .search-form .params-area {
    margin-top: 15px;
    font-size: 13px;
    font-size: 1.3rem
  }
  
  .search-form select.s-select {
    margin: 0;
    width: 100%;
    padding: 0 10px
  }
  
  .search-form input {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0
  }
  
  .search-form input.search-field {
    position: relative;
    top: 0;
    padding: 0 10px;
    margin: 0;
    width: 100%;
    line-height: 40px;
    border: 0;
    cursor: text;
    background-color: transparent
  }
  
  .search-form input.full-width {
    width: 100%
  }
  
  .search-form label.item-lbl {
    display: inline-block;
    margin: 0 10px 10px 0;
    cursor: pointer
  }
  
  .search-form .s-param {
    margin-bottom: 15px
  }
  
  .search-form .s-param.range input {
    cursor: pointer
  }
  
  .search-form .scrollable {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch
  }
  
  .search-form .scrollable.axis-y {
    overflow-x: hidden;
    overflow-y: auto
  }
  
  .search-form .scrollable.axis-x {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap
  }
  
  .search-form .scrollable::-webkit-scrollbar {
    width: 7px;
    height: 7px
  }
  
  .search-form .scrollable::-webkit-scrollbar-track {
    background-color: rgba(170, 170, 170, 0.38)
  }
  
  .search-form .scrollable::-webkit-scrollbar-thumb {
    background-color: rgba(170, 170, 170, 0.62)
  }
  
  .search-form .preset-words-area {
    padding-bottom: 10px
  }
  
  .search-form .preset-words-area a.pword {
    display: inline-block;
    line-height: 26px;
    padding: 0 10px;
    margin-right: 10px;
    font-size: 11px;
    font-size: 1.1rem;
    background-color: rgba(170, 170, 170, 0.22)
  }
  
  .search-form .preset-words-area a.pword:last-of-type {
    margin-right: 0
  }
  
  .search-form .preset-words-area a.pword:hover {
    background-color: rgba(170, 170, 170, 0.4)
  }
  
  .search-form .inner-block {
    margin: 5px 0
  }
  
  .search-form .inner-block.axis-y {
    max-height: 90px
  }
  
  .search-form .wd-block-title {
    margin: 12px 0 8px 0;
    font-weight: bold;
    font-size: 13.5px;
    font-size: 1.35rem
  }
  
  .search-form .submit-area {
    text-align: center
  }
  
  .search-form .submit-area button.search-btn {
    display: block;
    width: 100%;
    margin: 0 auto;
    border: 0;
    line-height: 44px;
    cursor: pointer;
    font-size: 13px;
    font-size: 1.3rem
  }
  
  .search-form .submit-area button.search-btn:hover {
    opacity: .92
  }


  .widget-post-thumb .post-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-size: cover;
    background-position: 50%;
}

.loop-section .aslider img, .wp-post-image, .widget-post-thumb .post-thumb, .header-banner-inner.post-slider .slide .sl-img {
    -webkit-transition: all 1.5s ease;
    transition: all 1.5s ease;
}

.loop-section.normal .loop-post-thumb:hover .wp-post-image, .loop-section.blog .loop-post-thumb:hover .wp-post-image, .loop-section.magazine .loop-post-thumb:hover .wp-post-image, .loop-section.portfolio .loop-post-thumb:hover .wp-post-image, .loop-section .aslider li:hover img, .widget-post-thumb:hover .post-thumb, .header-banner-inner.post-slider .slide:hover .sl-img {
    -ms-transform: translate3d(4%,0,0) scale(1.08);
    -webkit-transform: translate3d(4%,0,0) scale(1.08);
    transform: translate3d(4%,0,0) scale(1.08);
}

.single-nav figure {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    z-index: 1;
}

.single-nav figure .post-img {
    width: 132px;
    height: 94px;
    background-size: cover;
    background-position: 50%;
}

.single-nav .ptitle {
    width: calc(100% - 134px);
    display: inline-block;
    vertical-align: middle;
}

.single-nav li {
    position: relative;
    display: inline-block;
}

.single-nav li.left i {
    left: 115px;
}

.single-nav li.right i {
    right: 115px;
}



/* new theme style-bs/css */

[class^="icon-"]:before, [class*=" icon-"]:before, .dp_breadcrumb_nav ul li::after, .dp_spinner:before, blockquote:before, blockquote:after, .widget_nav_menu li ul li a:before, .widget_pages li ul li a:before, .widget_categories li ul li a:before, #global_menu_ul .menu-item-has-children>.menu-link:after, .meta-cat.tag a:before, .tagcloud a:before, .star-rating .star-full:before, .star-rating .star-half:before, .star-rating .star-empty:before {
  position: relative;
  font-family: "dpicons";
  font-style: normal;
  font-weight: normal;
  font-size: 128%;
  speak: none;
  text-decoration: inherit;
  font-variant: normal;
  text-transform: none;
  vertical-align: text-bottom;
  margin-right: 0.15em;
  margin-left: 0.15em;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}


/*　残す　*/

.icon-home:before {
  content: "\e61a"
}

/*　残す　*/


/*　残す　**/

.icon-search:before {
  content: "\e680"
}


/*　残す　**/




/* 残す*/

.icon-up-open:before {
  content: "\e6a6"
}

/* 残す*/



/*　残す　*/

.icon-spaced-menu:before {
  content: "\e6db"
}

/*　残す　*/






.main_slide_menu .menu-item .sub-menu {
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
  opacity: 0;
  visibility: hidden
}

.main_slide_menu .menu-item .sub-menu.show {
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
  opacity: 1;
  visibility: visible
}

#wp-calendar tbody td a::before, .modal_wrapper, .main_slide_menu, .main_slide_menu .menu-item .sub-menu {
  transition: all .3s ease
}





.search-form {
  position: relative;
  width: 100%;
  max-width: 480px;
  margin: 0 auto 40px;
  text-align: left;
  background-color: transparent
}

.search-form.no-params input.search-field {
  padding: 0 58px 0 8px
}

.search-form ::-moz-placeholder {
  color: var(--base-font-color)
}

.search-form :-ms-input-placeholder {
  color: var(--base-font-color)
}

.search-form a, .search-form .words-area, .search-form input.search-field, .search-form ::placeholder {
  color: var(--base-font-color)
}

.search-form .words-area {
  position: relative;
  display: block;
  width: 100%;
  height: 50px;
  border: 1px solid var(--base-font-color-34p)
}

.search-form .words-area button.search-btn {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  margin: 0;
  width: 48px;
  height: 48px;
  border: none;
  z-index: 1;
  color: var(--container-bg-color);
  background: var(--primary-color)
}

.search-form .params-area {
  margin-top: 15px;
  font-size: 13px;
  font-size: 1.3rem
}

.search-form select.s-select {
  margin: 0;
  width: 100%;
  padding: 0 10px
}

.search-form input {
  font-size: 13px;
  font-size: 1.3rem;
  background-color: transparent;
  margin: 0
}

.search-form input.search-field {
  position: relative;
  top: 0;
  padding: 0 8px;
  margin: 0;
  width: 100%;
  line-height: 48px;
  border: none
}

.search-form input.full-width {
  width: 100%
}

.search-form label.item-lbl {
  display: inline-block;
  margin: 0 10px 10px 0
}

.search-form .s-param {
  margin-bottom: 20px
}

.search-form .scrollable {
  -webkit-overflow-scrolling: touch
}

.search-form .scrollable.axis-y {
  overflow-x: hidden;
  overflow-y: auto
}

.search-form .scrollable.axis-x {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap
}

.search-form .scrollable::-webkit-scrollbar {
  width: 7px;
  height: 7px
}

.search-form .scrollable::-webkit-scrollbar-track {
  background-color: transparent
}

.search-form .scrollable::-webkit-scrollbar-thumb {
  background-color: var(--base-font-color-34p)
}

.search-form .preset-words-area {
  padding-bottom: 10px
}

.search-form .preset-words-area a.pword {
  display: inline-block;
  line-height: 30px;
  padding: 0 10px;
  margin-right: 15px;
  border-radius: 15px;
  font-size: 12px;
  font-size: 1.2rem;
  background-color: var(--base-font-color-8p)
}

.search-form .preset-words-area a.pword:last-of-type {
  margin-right: 0
}

.search-form .inner-block {
  margin: 5px 0
}

.search-form .inner-block.axis-y {
  max-height: 90px
}

.search-form .wd-block-title {
  margin: 12px 0 8px 0;
  font-weight: bold;
  font-size: 13.5px;
  font-size: 1.35rem
}

.search-form .submit-area {
  text-align: center
}

.search-form .submit-area button.search-btn {
  display: block;
  width: 100%;
  margin: 0 auto;
  border: none;
  line-height: 50px;
  font-size: 13px;
  font-size: 1.3rem
}



/************************************************************/


.footer_bar {
  background: #0079cc;
  color: #fff;
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
  box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.16);
  z-index: 1000
}

.footer_bar::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: .62
}

.footer_bar.has_menu_sform .ftbar_ul {
  width: calc(100% - 33.33%);
  margin: 0 auto
}

.footer_bar.has_menu.mleft .ftbar_ul, .footer_bar.has_sform.mleft .ftbar_ul {
  left: 16.66%
}

.footer_bar.has_menu .ftbar_ul, .footer_bar.has_sform .ftbar_ul {
  width: calc(100% - 16.66%)
}

.footer_bar .ftbar_ul {
  position: relative;
  display: flex;
  width: 100%
}

.footer_bar .ftbar_item {
  flex: 1;
  position: relative;
  height: 52px
}

.ftbar_btn {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  border: none;
  background-color: transparent;
  text-align: center;
  font-family: inherit;
  overflow: hidden;
  font-size: 10.5px;
  font-size: 1.05rem
}

a.ftbar_btn,a.ftbar_btn:visited {
  color: #fff;
}

.ftbar_btn.ftbar_trigger {
  position: absolute;
  height: auto
}

.ftbar_btn.ftbar_trigger.for_menu {
  z-index: 1002
}

.ftbar_btn.ftbar_trigger::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1002;
  background-color: rgba(0, 0, 0, 0.72);
  opacity: 0;
  pointer-events: none
}

.ftbar_btn .ftbtn_inner {
  background-color: #0079cc;
  color: #fff;
  position: fixed;
  bottom: 0;
  width: 16.66%;
  height: 52px;
  z-index: 1003
}

.ftbar_btn .ftbtn_inner.mleft.main_menu {
  left: 0
}

.ftbar_btn .ftbtn_inner.mleft.search_form {
  right: 0
}

.ftbar_btn .ftbtn_inner.mright.main_menu {
  right: 0
}

.ftbar_btn .ftbtn_inner.mright.search_form {
  left: 0
}

.ftbar_btn .menu_icon::before {
  display: block;
  margin: 0;
  line-height: 30px;
  font-size: 16px;
  font-size: 1.6rem
}

.ftbar_btn .cap {
  display: block;
  margin-top: 2px;
  line-height: 1
}

.modal_wrapper {
  background: #fff;
  position: fixed;
  text-align: center;
  box-sizing: border-box;
  z-index: 1003
}

.modal_wrapper.main_menu {
  top: 0;
  width: 80vw;
  min-width: 300px;
  height: calc(100% - 52px);
  padding: 40px 0;
  overflow-y: scroll
}

.modal_wrapper.main_menu.mleft {
  left: 0;
  transform: translateX(-100%)
}

.modal_wrapper.main_menu.mright {
  right: 0;
  transform: translateX(100%)
}

.modal_wrapper.main_menu .search-form, .modal_wrapper.main_menu #dp_hd_gcs {
  width: 90%;
  margin: 30px auto 0
}

.modal_wrapper.main_menu .search-form .words-area {
  border-color: var(--header-menu-link-color-34p);
  color: var(--header-menu-link-color)
}

.modal_wrapper.main_menu .search-form ::-moz-placeholder {
  color: var(--header-menu-link-color)
}

.modal_wrapper.main_menu .search-form :-ms-input-placeholder {
  color: var(--header-menu-link-color)
}

.modal_wrapper.main_menu .search-form input.search-field, .modal_wrapper.main_menu .search-form ::placeholder {
  color: var(--header-menu-link-color)
}

.modal_wrapper.main_menu .search-form .preset-words-area a.pword {
  background-color: var(--header-menu-link-color-8p)
}

.modal_wrapper.main_menu .search-form .words-area button.search-btn, .modal_wrapper.main_menu .search-form .submit-area button.search-btn {
  color: var(--header-menu-bg-color);
  background: var(--header-menu-link-color)
}

.modal_wrapper.search_form {
  width: 90%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none
}

.modal_wrapper.search_form .search-form {
  margin-bottom: 0;
  color: #333
}

.modal_wrapper.search_form .search-form a, .modal_wrapper.search_form .search-form .words-area, .modal_wrapper.search_form .search-form input.search-field, .modal_wrapper.search_form .search-form ::placeholder {
  color: #333
}

.modal_wrapper.search_form .search-form input.search-field {
  font-size: 14px;
  font-size: 1.4rem
}

.modal_wrapper.search_form .search-form .words-area {
  border-color: rgba(255, 255, 255, 0.34)
}

.modal_wrapper.search_form .search-form .words-area button.search-btn {
  color: #333;
  background-color: #fff
}

.modal_wrapper.search_form .search-form .preset-words-area a.pword {
  background-color: rgba(255, 255, 255, 0.28)
}

#main_menu_flag:checked+.ftbar_btn.ftbar_trigger::before, #search_form_flag:checked+.ftbar_btn.ftbar_trigger::before {
  opacity: 1;
  pointer-events: auto
}

#main_menu_flag:checked+.ftbar_btn.ftbar_trigger .main_menu .menu_icon::before, #search_form_flag:checked+.ftbar_btn.ftbar_trigger .main_menu .menu_icon::before {
  content: '\e71b'
}

#main_menu_flag:checked~.modal_wrapper {
  transform: translateX(0);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.32)
}

#main_menu_flag:checked~.ftbar_btn .search_form {
  z-index: 1001
}

#search_form_flag:checked~.modal_wrapper {
  opacity: 1;
  visibility: visible;
  pointer-events: auto
}

.slide_menu_nav {
  overflow: hidden
}

.main_slide_menu {
  position: relative
}

.main_slide_menu .menu-item {
  text-align: left;
  font-size: 12px;
  font-size: 1.2rem;
  border-bottom: 1px solid
}

.main_slide_menu .menu-item:first-child {
  border-top: 3px double
}

.main_slide_menu .menu-item.current-menu-item>.menu-link:before {
  width: 100%
}

.main_slide_menu .menu-item.goback .menu-link {
  padding-right: 10px
}

.main_slide_menu .menu-item.goback span {
  font-size: 11px;
  font-size: 1.1rem;
  overflow: hidden;
  display: block;
  text-align: center
}

.main_slide_menu .menu-item .expand {
  cursor: pointer;
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  width: 47px;
  height: 47px;
  border-left: 1px solid
}

.main_slide_menu .menu-item .expand::before {
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  margin: 0;
  line-height: 47px;
  text-align: center
}

.main_slide_menu .menu-item .expand.prev {
  left: 0;
  right: auto;
  border: none
}

.main_slide_menu .menu-item .menu-link {
  position: relative;
  display: block;
  padding: 18px 48px 17px 10px;
  overflow: hidden
}

.main_slide_menu .menu-item .menu-title {
  position: relative;
  left: 0;
  white-space: nowrap
}

.main_slide_menu .menu-item .sub-menu {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%
}

.main_slide_menu .menu-item .sub-menu.show {
  z-index: 1
}

.menu_sns_links {
  margin-top: 30px
}

.menu_sns_links .menu-item {
  display: inline-block;
  margin: auto 3%;
  font-size: 13px;
  font-size: 1.3rem
}

.menu_sns_links .menu-link {
  display: block;
  border: 1px solid
}

.menu_sns_links .menu-title::before {
  display: inline-block;
  line-height: 36px;
  width: 36px;
  margin: 0
}

.menu_tel {
  margin-top: 30px
}

.menu_tel .tel_a {
  font-size: 26px;
  font-size: 2.6rem
}

.menu_tel .tel_a::before {
  display: inline-block;
  vertical-align: middle;
  margin: 0
}

.menu_tel span {
  font-weight: bold;
  letter-spacing: .03em;
  vertical-align: middle
}

.hidden_elem {
  display: none
}

/* * * * * * * * * * * * * * * * * * * * * * * * */

/* new theme style.css */