
body {
  --color-main: #666666;
  --color-main-light: #dddddd;
  --color-main-extra-light: #f3f3f3;
  --slide-icon-arrow-l: url(https://theme.selfull.jp/images/monotone/more-slide-icon-arrow-l.png);
  --slide-icon-arrow-r: url(https://theme.selfull.jp/images/monotone/more-slide-icon-arrow-r.png);
  --menu-open: url(https://theme.selfull.jp/images/monotone/more-fh-menu-open.png);
  --menu-close: url(https://theme.selfull.jp/images/monotone/more-fh-menu-close.png);
  --side-icon-arrow: url(https://theme.selfull.jp/images/monotone/more-side-icon-arrow.png);
}
body.site-color-blue {
  --color-main: #55ace1;
  --color-main-light: #e1f1ff;
  --color-main-extra-light: #f0f9ff;
  --slide-icon-arrow-l: url(https://theme.selfull.jp/images/blue/more-slide-icon-arrow-l.png);
  --slide-icon-arrow-r: url(https://theme.selfull.jp/images/blue/more-slide-icon-arrow-r.png);
  --menu-open: url(https://theme.selfull.jp/images/blue/more-fh-menu-open.png);
  --menu-close: url(https://theme.selfull.jp/images/blue/more-fh-menu-close.png);
  --side-icon-arrow: url(https://theme.selfull.jp/images/blue/more-side-icon-arrow.png);
}
body.site-color-red {
  --color-main: #e50011;
  --color-main-light: #fff1f1;
  --color-main-extra-light: #fff;
  --slide-icon-arrow-l: url(https://theme.selfull.jp/images/red/more-slide-icon-arrow-l.png);
  --slide-icon-arrow-r: url(https://theme.selfull.jp/images/red/more-slide-icon-arrow-r.png);
  --menu-open: url(https://theme.selfull.jp/images/red/more-fh-menu-open.png);
  --menu-close: url(https://theme.selfull.jp/images/red/more-fh-menu-close.png);
  --side-icon-arrow: url(https://theme.selfull.jp/images/red/more-side-icon-arrow.png);
}
body.site-color-orange {
  --color-main: #f7835f;
  --color-main-light: #feeed7;
  --color-main-extra-light: #fcf6e7;
  --slide-icon-arrow-l: url(https://theme.selfull.jp/images/orange/more-slide-icon-arrow-l.png);
  --slide-icon-arrow-r: url(https://theme.selfull.jp/images/orange/more-slide-icon-arrow-r.png);
  --menu-open: url(https://theme.selfull.jp/images/orange/more-fh-menu-open.png);
  --menu-close: url(https://theme.selfull.jp/images/orange/more-fh-menu-close.png);
  --side-icon-arrow: url(https://theme.selfull.jp/images/orange/more-side-icon-arrow.png);
}
body.site-color-green {
  --color-main: #7fbc32;
  --color-main-light: #f0f6d6;
  --color-main-extra-light: #fafbe7;
  --slide-icon-arrow-l: url(https://theme.selfull.jp/images/green/more-slide-icon-arrow-l.png);
  --slide-icon-arrow-r: url(https://theme.selfull.jp/images/green/more-slide-icon-arrow-r.png);
  --menu-open: url(https://theme.selfull.jp/images/green/more-fh-menu-open.png);
  --menu-close: url(https://theme.selfull.jp/images/green/more-fh-menu-close.png);
  --side-icon-arrow: url(https://theme.selfull.jp/images/green/more-side-icon-arrow.png);
}
body.site-color-green2 {
  --color-main: #0ca44c;
  --color-main-light: #f0f6d6;
  --color-main-extra-light: #ffffff;
  --slide-icon-arrow-l: url(https://theme.selfull.jp/images/green2/more-slide-icon-arrow-l.png);
  --slide-icon-arrow-r: url(https://theme.selfull.jp/images/green2/more-slide-icon-arrow-r.png);
  --menu-open: url(https://theme.selfull.jp/images/green2/more-fh-menu-open.png);
  --menu-close: url(https://theme.selfull.jp/images/green2/more-fh-menu-close.png);
  --side-icon-arrow: url(https://theme.selfull.jp/images/green2/more-side-icon-arrow.png);
}
body.site-color-pink {
  --color-main: #f77c8b;
  --color-main-light: #fae4e8;
  --color-main-extra-light: #fceff0;
  --slide-icon-arrow-l: url(https://theme.selfull.jp/images/pink/more-slide-icon-arrow-l.png);
  --slide-icon-arrow-r: url(https://theme.selfull.jp/images/pink/more-slide-icon-arrow-r.png);
  --menu-open: url(https://theme.selfull.jp/images/pink/more-fh-menu-open.png);
  --menu-close: url(https://theme.selfull.jp/images/pink/more-fh-menu-close.png);
  --side-icon-arrow: url(https://theme.selfull.jp/images/pink/more-side-icon-arrow.png);
}
body.site-color-purple {
  --color-main: #a582ae;
  --color-main-light: #f6ecf9;
  --color-main-extra-light: #fcf7fd;
  --slide-icon-arrow-l: url(https://theme.selfull.jp/images/purple/more-slide-icon-arrow-l.png);
  --slide-icon-arrow-r: url(https://theme.selfull.jp/images/purple/more-slide-icon-arrow-r.png);
  --menu-open: url(https://theme.selfull.jp/images/purple/more-fh-menu-open.png);
  --menu-close: url(https://theme.selfull.jp/images/purple/more-fh-menu-close.png);
  --side-icon-arrow: url(https://theme.selfull.jp/images/purple/more-side-icon-arrow.png);
}
body.site-color-brown {
  --color-main: #c39d3a;
  --color-main-light: #f3ebd9;
  --color-main-extra-light: #f9f5ed;
  --slide-icon-arrow-l: url(https://theme.selfull.jp/images/brown/more-slide-icon-arrow-l.png);
  --slide-icon-arrow-r: url(https://theme.selfull.jp/images/brown/more-slide-icon-arrow-r.png);
  --menu-open: url(https://theme.selfull.jp/images/brown/more-fh-menu-open.png);
  --menu-close: url(https://theme.selfull.jp/images/brown/more-fh-menu-close.png);
  --side-icon-arrow: url(https://theme.selfull.jp/images/brown/more-side-icon-arrow.png);
}  
body.site-color-monotone {
  --color-main: #3f3f3f;
  --color-main-light: #f5f5f5;
  --color-main-extra-light: #ffffff;
  --slide-icon-arrow-l: url(https://theme.selfull.jp/images/monotone/more-slide-icon-arrow-l.png);
  --slide-icon-arrow-r: url(https://theme.selfull.jp/images/monotone/more-slide-icon-arrow-r.png);
  --menu-open: url(https://theme.selfull.jp/images/monotone/more-fh-menu-open.png);
  --menu-close: url(https://theme.selfull.jp/images/monotone/more-fh-menu-close.png);
  --side-icon-arrow: url(https://theme.selfull.jp/images/monotone/more-side-icon-arrow.png);
}  

body {
  --color-sub: var(--color-main);
  --color-sub-light: var(--color-main-light);
  --color-sub-extra-light: var(--color-main-extra-light);
}
body.site-color-2-blue {
  --color-sub: #55ace1;
  --color-sub-light: #e1f1ff;
  --color-sub-extra-light: #f0f9ff;
}
body.site-color-2-red {
  --color-sub: #e50011;
  --color-sub-light: #fff1f1;
  --color-sub-extra-light: #fff;
}
body.site-color-2-orange {
  --color-sub: #f7835f;
  --color-sub-light: #feeed7;
  --color-sub-extra-light: #fcf6e7;
}
body.site-color-2-green {
  --color-sub: #7fbc32;
  --color-sub-light: #f0f6d6;
  --color-sub-extra-light: #fafbe7;
}
body.site-color-2-green2 {
  --color-sub: #0ca44c;
  --color-sub-light: #f0f6d6;
  --color-sub-extra-light: #ffffff;
}
body.site-color-2-pink {
  --color-sub: #f77c8b;
  --color-sub-light: #fae4e8;
  --color-sub-extra-light: #fceff0;
}
body.site-color-2-purple {
  --color-sub: #a582ae;
  --color-sub-light: #f6ecf9;
  --color-sub-extra-light: #fcf7fd;
}
body.site-color-2-brown {
  --color-sub: #c39d3a;
  --color-sub-light: #f3ebd9;
  --color-sub-extra-light: #f9f5ed;
}
body.site-color-2-monotone {
  --color-sub: #3f3f3f;
  --color-sub-light: #f5f5f5;
  --color-sub-extra-light: #ffffff;
}

body {
  --parts-max-width: 640px;
}



body .inner {
  width: min(94%, var(--contents-max-width) * 0.94);
}


.main-img-pc {
  width: 100%;
  max-width: var(--contents-max-width);
}
.main-img-pc img {
  width: 94%;
}



/* global-header
--------------------------*/

#global-header #global-header-main-sp {
  display: none;
}
#global-header #announcement {
  margin: 10px 0 5px;
  padding: 5px 3%;
  border: solid 1px #af779c;
  background-color: #fbe9f9;
  font-weight: bold;
  text-align: center;
  word-break: break-all;
  color: #bb0f0f;
}
#global-header #global-nav-sp {
  display: none;
}
#sp-menu {
  display: none;
}


@media screen and (max-width:600px) {
  #global-header {
    margin: 0;
  }
  #global-header .site-title {
    overflow: hidden;
  }
  #global-header #global-header-main-pc {
    display: none;
  }
  #global-header #global-header-main-sp {
    display: block;
    padding-bottom: 5px;
  }
  #global-header #global-header-main-sp.fixed {
    position: fixed;
    top: 0;
    left: 0;
    padding: 5px 3%;
    width: 100%;
    box-sizing: border-box;
    background-color: #ffffffeb;
    box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 3px 0px;
    z-index: 100;
  }
  #global-header #global-header-main-sp #global-header-main-sp-left {
    float: left;
    width: 70%;
  }
  #global-header #global-header-main-sp #global-header-main-sp-right {
    float: right;
    width: 15%;
  }
  #global-header #global-header-main-sp #global-header-main-sp-right .tel {
    display: block;
    padding: 5px 2%;
    border-radius: 4px;
    border: solid 1px #2eb10b;
    background: linear-gradient(to bottom, #67d125 0%,#0c7f01 100%);
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 1px 1px 1px #01401B;
    color: #FFF;
    line-height: 2;
  }
  #global-header #global-header-main-sp #global-header-main-sp-right .tel span {
    padding: 10px 10px 10px 20px;
    background-image: url(https://theme.selfull.jp/images/common/tel-icon-sp.png);
    background-repeat: no-repeat;
    background-position: left center;
  }
  #global-header #global-header-main-sp #global-header-main-sp-right #menu_btn {
    display: block;
    width: 100%;
    padding-top: 100%;
    background-image: url(https://theme.selfull.jp/images/common/fh-menu-open.png);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
  }
  #sp-menu {
    display: block;
    position: fixed;
    top: 0;
    left: -105%;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    z-index: 101;
  }
  #sp-menu #sp-menu-contents {
    width: 80%;
    height: 100%;
    box-sizing: border-box;
    background-color: #FFF;
    box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 3px 0px;
    border-radius: 4px 4px 0 0;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }
  #sp-menu #sp-menu-contents .side-bnr {
    margin-top: 10px;
  }
  #sp-menu #sp-menu-lightbox {
    position: absolute;
    top: 0;
    right: 0;
    width: 20%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    z-index: 1;
  }
  #global-header #announcement {
    text-align: left;
  }

  #global-header #global-nav-sp {
    display: block;
    width: 100%;
    margin-top: 10px;
    background: rgba(255,255,255,0.8);
    border-top: 1px solid #fff;
  }
  #global-header #global-nav-sp.fixed {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 100
  }
  #global-header #global-nav-sp.fixed.inactive {
    display: none !important;
  }

  #global-header.sp-fixed-pattern-2.header-fixed-sp #global-header-main-sp.fixed {
    top: inherit;
    bottom: 0;
    background: inherit !important;
    border: none !important;
  }
  #global-header.sp-fixed-pattern-2.header-fixed-sp #global-header-main-sp.fixed #global-header-main-sp-left p {
    display: none;
  }
  #global-header.sp-fixed-pattern-2.header-fixed-sp #global-header-main-sp.fixed {
    top: inherit;
    bottom: 0;
    background: inherit !important;
    border: none !important;
  }
  #global-header.sp-fixed-pattern-2.header-fixed-sp #global-header-main-sp.fixed #global-header-main-sp-left p {
    display: none;
  }
  #global-header.sp-fixed-pattern-2.header-fixed-sp #global-nav-sp.fixed {
    top: 0;
    bottom: inherit;
    margin-top: 0;
  }
  #global-header #global-nav-sp .ff-sp-head {
    width: 100%;
    padding-top: 6.25%;
    background-size: contain;
    background-position: center center;
  }
  #global-header #global-nav-sp #ff-sp-head-01 {
    background-image: url(https://theme.selfull.jp/images/common/ff-sp-01-head.png);
  }
  #global-header #global-nav-sp #ff-sp-head-02 {
    background-image: url(https://theme.selfull.jp/images/common/ff-sp-02-head.png);
  }
  #global-header #global-nav-sp #ff-sp-head-03 {
    background-image: url(https://theme.selfull.jp/images/common/ff-sp-03-head.png);
  }
  #global-header #global-nav-sp #ff-sp-head-04 {
    background-image: url(https://theme.selfull.jp/images/common/ff-sp-04-head.png);
  }
  #global-header #global-nav-sp #ff-sp-contents {
    width: 100%;
    box-sizing: border-box;
    padding: 4px 2.5% 5px 2.5%;
    font-size: 0;
    text-align: center;
    display: flex;
    justify-content: space-between;
  }
  #global-header #global-nav-sp #ff-sp-contents a {
    line-height: 0;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: baseline;
  }
  #global-header #global-nav-sp #ff-sp-contents a#ff-sp-01-tel {
    width: 100%;
    padding-top: 15%;
    background-image: url(https://theme.selfull.jp/images/common/ff-sp-01-tel.png);
  }
  #global-header #global-nav-sp #ff-sp-contents a#ff-sp-02-tel {
    width: 49%;
    padding-top: 15%;
    background-image: url(https://theme.selfull.jp/images/common/ff-sp-02-tel.png);
    margin-right: 2%;
  }
  #global-header #global-nav-sp #ff-sp-contents a#ff-sp-02-web {
    width: 49%;
    padding-top: 15%;
    background-image: url(https://theme.selfull.jp/images/common/ff-sp-02-web.png);
  }
  #global-header #global-nav-sp #ff-sp-contents a#ff-sp-03-tel {
    width: 49%;
    padding-top: 15%;
    background-image: url(https://theme.selfull.jp/images/common/ff-sp-03-tel.png);
    margin-right: 2%;
  }
  #global-header #global-nav-sp #ff-sp-contents a#ff-sp-03-line {
    width: 49%;
    padding-top: 15%;
    background-image: url(https://theme.selfull.jp/images/common/ff-sp-03-line.png);
  }
  #global-header #global-nav-sp #ff-sp-contents a#ff-sp-04-tel {
    width: 49%;
    padding-top: 15%;
    background-image: url(https://theme.selfull.jp/images/common/ff-sp-04-tel.png);
    margin-right: 2%;
  }
  #global-header #global-nav-sp #ff-sp-contents a#ff-sp-04-web {
    width: 24%;
    padding-top: 15%;
    background-image: url(https://theme.selfull.jp/images/common/ff-sp-04-web.png);
    margin-right: 1%;
  }
  #global-header #global-nav-sp #ff-sp-contents a#ff-sp-04-line {
    width: 24%;
    padding-top: 15%;
    background-image: url(https://theme.selfull.jp/images/common/ff-sp-04-line.png);
  }
  #global-header #global-nav-sp #ff-sp-contents.ff-sp-contents-original-1,
  #global-header #global-nav-sp #ff-sp-contents.ff-sp-contents-original-2 {
    padding-top: 6px;
  }
  #global-header #global-nav-sp #ff-sp-contents.ff-sp-contents-original-2 a {
    margin: 0 1%;
    width: 48%;
  }
  #global-header #global-nav-sp #ff-sp-contents.ff-sp-contents-original-1 a img,
  #global-header #global-nav-sp #ff-sp-contents.ff-sp-contents-original-2 a img {
    max-height: 150px;
    width: 100%;
  }
  
  #global-header #global-nav-sp #ff-sp-contents.ff-sp-contents-original-3 a {
    margin: 0 1%;
    width: 23%;
  }
  #global-header #global-nav-sp #ff-sp-contents.ff-sp-contents-original-3 a:first-child {
    margin: 0 1%;
    width: 48%;
  }
  
  
  #global-header #global-nav-sp.space0 {
    border-top: none;
    background: none;
  }
  #global-header #global-nav-sp.space0 .ff-sp-head {
    display: none;
  }
  #global-header #global-nav-sp.space0 #ff-sp-contents {
    padding: 0;
  }
  #global-header #global-nav-sp.space0 #ff-sp-contents a {
    background-size: cover;
    background-position: bottom center;
  }
  #global-header #global-nav-sp.space0 #ff-sp-contents a#ff-sp-02-tel {
    width: 50%;
    margin: 0;
    padding-top: 16%;
  }
  #global-header #global-nav-sp.space0 #ff-sp-contents a#ff-sp-02-web {
    width: 50%;
    margin: 0;
    padding-top: 16%;
  }
  #global-header #global-nav-sp.space0 #ff-sp-contents a#ff-sp-03-tel {
    width: 50%;
    margin: 0;
    padding-top: 16%;
  }
  #global-header #global-nav-sp.space0 #ff-sp-contents a#ff-sp-03-line {
    width: 50%;
    margin: 0;
    padding-top: 16%;
  }
  #global-header #global-nav-sp.space0 #ff-sp-contents a#ff-sp-04-tel {
    width: 50%;
    margin: 0;
    padding-top: 16%;
  }
  #global-header #global-nav-sp.space0 #ff-sp-contents a#ff-sp-04-web {
    width: 25%;
    margin: 0;
    padding-top: 16%;
  }
  #global-header #global-nav-sp.space0 #ff-sp-contents a#ff-sp-04-line {
    width: 25%;
    margin: 0;
    padding-top: 16%;
  }
  #global-header #global-nav-sp.space0 #ff-sp-contents.ff-sp-contents-original-1,
  #global-header #global-nav-sp.space0 #ff-sp-contents.ff-sp-contents-original-2 {
    margin: 0;
  }
  #global-header #global-nav-sp.space0 #ff-sp-contents.ff-sp-contents-original-2 a {
    width: 50%;
    margin: 0;
  }
  #global-header #global-nav-sp.space0 #ff-sp-contents.ff-sp-contents-original-3 a {
    width: 25%;
    margin: 0;
  }
  #global-header #global-nav-sp.space0 #ff-sp-contents.ff-sp-contents-original-3 a:first-child {
    width: 50%;
  }
}


#global-header #global-header-main-pc-more {
  position: relative;
  width: 100%;
  padding-top: 30px;
}
#global-header #global-header-main-pc-more > .inner {
  position: relative;
  width: min(94%, var(--contents-max-width) * 0.94);
  margin: 0 auto;
}
#global-header #global-header-main-pc-more.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 30px 0px;
  min-height: 70px;
  z-index: 100;
}
#global-header #global-header-main-pc-more #global-header-main-pc-center {
  width: calc(100% - 200px);
  min-height: 98px;
  margin: 0 auto;
}
#global-header #global-header-main-pc-more #global-header-main-pc-center .logo {
  text-align: center;
}
#global-header #global-header-main-pc-more.fixed #global-header-main-pc-center .site-title {
  display: none;
}
#global-header #global-header-main-pc-more.fixed #global-header-main-pc-center .logo img {
  max-height: 120px;
}
#global-header #global-header-main-pc-more #global-header-main-pc-center .site-title {
  text-align: center;
}
#global-header #global-header-main-pc-more .menu-btn {
  position: absolute;
  top: 30px;
  right: 26px;
  cursor: pointer;
}
#global-header #global-header-main-pc-more .menu-btn .open {
  height: 53px;
  width: 50px;
  background-repeat: no-repeat;
  background-size: contain;
}
#global-header #global-header-main-pc-more .menu-btn .close {
  display: none;
  height: 53px;
  width: 50px;
  background-repeat: no-repeat;
  background-size: contain;
}
#global-header #global-header-main-pc-more.fixed .menu-btn {
  top: 8px;
  right: 4px;
}
#global-header #global-header-main-pc-more.fixed .menu-btn div {
  background-color: #777;
  border-radius: 100%;
  background-size: 45px;
  background-position: center center;
  width: 90px;
  height: 90px;
}
#global-header #global-header-main-pc-more.fixed .menu-btn .open {
  background-image: url(https://theme.selfull.jp/images/common/more-fh-fixed-menu-open.png) !important;
}
#global-header #global-header-main-pc-more.fixed .menu-btn .close {
  background-image: url(https://theme.selfull.jp/images/common/more-fh-fixed-menu-close.png) !important;
}
#global-header #global-header-main-sp #global-header-main-sp-right #menu_btn {
  background-repeat: no-repeat !important;
  background-size: 35px auto !important;
  background-position: center right;
}





/* content-footer
--------------------------*/

#content-footer {
  position: relative;
  width: min(94%, var(--contents-max-width) * 0.94);
  margin: 40px auto 0;
  padding-top: 70px;
}
#content-footer:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #777;
  width: 2px;
  height: 40px;
}
#content-footer h2 {
  margin-bottom: 50px;
  text-align: center;
}
#content-footer .tel-text {
  display: block;
  text-align: center;
  word-break: break-word;
}
#content-footer .tel-pc {
  width: 100%;
  margin-bottom: 12px;
  text-align: center;
  font-weight: bold;
}
#content-footer .tel-pc .tel-number {
  display: inline-block;
  width: auto;
  padding-left: 48px;
  font-size: 48px;
  line-height: 1.2;
  background-image: url(https://theme.selfull.jp/images/common/tel-icon-pc-03.png);
  background-repeat: no-repeat;
  background-position: left center;
  color: #018d1f;
  word-break: break-word;
}
#content-footer .content-footer-contact {
  margin: 16px 0 24px;
  padding-bottom: 16px;
}
#content-footer .content-footer-contact .info {
  text-align: left;
}
#content-footer .content-footer-contact .button-area {
  display: flex;
  justify-content: center;
  gap: 0 3%;
}
#content-footer .content-footer-contact .button-area a {
  border-radius: 4px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  color: #FFF;
  width: 100%;
  max-width: 320px;
  min-width: 0;
  padding: 0;
  line-height: 1;
  font-size: 18px;
  margin-bottom: 24px;
}
#content-footer .content-footer-contact .button-area a span {
  padding: 16px 0 16px 35px;
  background-repeat: no-repeat;
  background-position: left center;
}
#content-footer .content-footer-contact .button-area a.mail {
  display: none;
}
#content-footer .content-footer-contact .button-area a.line_btn {
  display: none;
}
#content-footer .content-footer-contact .info {
  display: block;
  margin: 10px 0;
}
#content-footer .info dl dt {
  display: inline-block;
  padding: 2px 8px;
  background: #555555;
  text-align: center;
  font-size: 13px;
  color: #fff;
  width: 120px;
  margin-top: 15px;
  margin-bottom: 5px;
}
#content-footer .info dl dd {
  float: none;
  width: auto;
}
#content-footer .info dl:first-child dt {
  margin-top: 0;
}
#content-footer .address span {
  margin-right: 10px;
}
#content-footer .googlemap iframe {
  width:100%;
  height: 350px;
  display: block;
}
#content-footer .address {
  margin-bottom: 15px;
  word-break: break-all;
}
@media screen and (min-width: 601px) {
  #content-footer .content-footer-contact .button-area a {
    display: inline-block;
  }
  #content-footer .content-footer-contact .button-area a span {
    display: inline-block;
  }
  #content-footer .content-footer-contact .button-area a.tel-sp {
    display: none;
  }
}

@media screen and (min-width: 1001px) {
  .is-wide #content-footer .tel-pc .tel-number {
    padding-left: 36px;
    font-size: 36px;
    background-size: 26px;
  }
  .is-wide #content-footer h2 {
    text-align: center;
  }
  .is-wide #content-footer-main {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    gap: 0 3%;
  }
  .is-wide #content-footer-main .content-footer-contact {
    width: 100%;
    margin-top: 0;
    border-bottom: 0;
  }
  .is-wide #content-footer-main .content-footer-map {
    width: 100%;
  }
  .is-wide #content-footer-main.use_image {
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--parts-margin) 3%;
  }
  .is-wide #content-footer-main.use_image .content-footer-image {
    width: 48.5%;
  }
  .is-wide #content-footer-main.use_image .content-footer-contact {
    width: 48.5%;
  }
}

@media screen and (max-width: 600px) {
  #content-footer .tel-pc {
    display: none;
  }
  #content-footer .content-footer-contact .button-area {
    flex-wrap: wrap;
  }
  #content-footer .content-footer-contact .button-area a.tel-sp,
  .sp-modal-main-tel .tel-sp {
    display: block;
    margin: 0 0 12px;
    border-radius: 4px;
    background: linear-gradient(to bottom, #0d9810 0%,#036d04 100%);
    box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 2px 0px;
    text-shadow: none;
    text-decoration: none;
    text-align: center;
    font-size: 120%;
    padding: 10px 3%;
    font-size: 26px;
    color: #FFF;
  }
  #content-footer .content-footer-contact .button-area a.tel-sp span,
  .sp-modal-main-tel .tel-sp span {
    padding-left: 24px;
    background-image: url(https://theme.selfull.jp/images/common/tel-icon-sp.png);
    background-size: 18px auto;
    background-repeat: no-repeat;
  }
  #content-footer .content-footer-contact {
    margin: 0;
    padding: 12px 0 0;
    border: none;
    width: 100%;
  }
  #content-footer .content-footer-contact .button-area a {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    margin: 0 0 12px;
    padding: 0 3%;
    font-size: 16px;
  }
  #content-footer .content-footer-contact .button-area a span {
    display: inline-block;
    padding: 12px 0 12px 36px;
  }
  #content-footer .content-footer-contact .info {
    text-align: left !important;
    width: 100%;
    margin-bottom: 24px;
  }
  #content-footer .info dl dd {
    display: block;
  }
  #content-footer .address {
    display: block;
    margin-bottom: 10px;
  }
  #content-footer .address span {
    display: block;
    margin: 0;
  }
  #content-footer .googlemap iframe {
    height: 220px;
  }
}






.side-nav .side-nav-title {
  padding:  10px 3%;
  border-bottom: solid 1px #777;
  font-size: 21px;
  font-weight: bold;
}
.side-nav ul {
  background: inherit;
}
.side-nav ul li {
  border: none;
}
#global-header-main-pc-more .menu-01-pc {
  display: none;
  position: fixed;
  background: #fff;
  overflow: auto;
  z-index: 100;
  left: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 120px;
  -webkit-overflow-scrolling: touch;
}
#global-header-main-pc-more .menu-01-pc > .inner {
  width: min(94%, var(--contents-max-width) * 0.94);
}


/* global-footer
--------------------------*/
#global-footer {
  margin: 50px auto 0;
}
@media (min-width: 601px) {
  #global-footer {
    margin-top: 170px;
    padding-bottom: 0;
  }
}
#global-footer .copyright {
  padding: 20px 0;
  text-align: center;
  font-weight: bold;
}
#global-footer .menu-01-pc-sub {
  display: none;
}





/* menu-01-pc
--------------------------*/
.menu-01-pc {
  font-size: 14px;
}
.menu-01-pc .menu-01-pc-main {
  display: flex;
  justify-content: space-between;
  gap: 0 3%;
}
.menu-01-pc .menu-01-pc-center {
  width: 100%;
}
.menu-01-pc .menu-01-pc-left {
  width: 75%;
}
.menu-01-pc .menu-01-pc-right {
  width: 25%;
}
@media screen and (min-width: 1001px) {
  .is-wide .menu-01-pc .menu-01-pc-left {
    width: 80%;
  }
  .is-wide .menu-01-pc .menu-01-pc-right {
    width: 20%;
  }
}


.menu-01-pc .nav-list {
  margin-bottom: 40px;
}
.menu-01-pc .nav-list ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.menu-01-pc .nav-list ul li {
  margin: 8px 0;
  padding-right: 8px;
  vertical-align: top;
}
.menu-01-pc .menu-01-pc-center .nav-list ul li {
  width: calc(100% / 4);
}
.menu-01-pc .menu-01-pc-left .nav-list ul li {
  width: calc(100% / 3);
}
.menu-01-pc .menu-01-pc-right .nav-list ul li {
  width: 100%;
}
@media screen and (min-width: 1001px) {
  .is-wide .menu-01-pc .menu-01-pc-center .nav-list ul li {
    width: calc(100% / 5);
  }
  .is-wide .menu-01-pc .menu-01-pc-left .nav-list ul li {
    width: calc(100% / 4);
  }
}


.menu-01-pc .menu-01-pc-sub {
  display: flex;
  justify-content: flex-start;
  gap: 0 3%;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 60px;
}
.menu-01-pc .menu-01-pc-bottom {
  width: 32%;
}
@media screen and (max-width: 600px) {
  .menu-01-pc .menu-01-pc-sub {
    flex-wrap: wrap;
  }
  .menu-01-pc .menu-01-pc-bottom {
    width: 100%;
  }
}
.menu-01-pc .menu-01-pc-sub .fb-like-box {
  margin-bottom: 20px;
}
.menu-01-pc .menu-01-pc-sub .fb-like-box iframe {
  width: 100%;
}
.menu-01-pc .menu-bnr li {
  margin-bottom: 20px;
}


@media screen and (max-width: 600px) {
  .menu-01-pc .menu-01-pc-main {
    flex-direction: column;
  }
  .menu-01-pc .menu-01-pc-left {
    width: 100%;
  }
  .menu-01-pc .menu-01-pc-right {
    width: 100%;
  }
  .menu-01-pc .menu-01-pc-left .nav-list ul li {
    width: 100%;
  }
}

.menu-01-pc .nav-title {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: solid 1px #777;
  font-size: 21px;
  font-weight: bold;
}
.menu-01-pc .nav-list ul li a {
  display: block;
  padding-left: 20px;
  text-decoration: none;
  background-position: left 3px;
  background-repeat: no-repeat;
  background-position: left center;
}
.menu-01-pc .nav-list ul li a:hover {
  text-indent: 0.1rem;
}





.entry-header h1 {
  position: relative;
  font-size: 32px;
  margin: 0 -50vw 20px;
  padding: 60px 0;
  border-top: dotted 1px #b3b3b3;
  border-bottom: dotted 1px #b3b3b3;
  background: #f1f1f1;
  line-height: 1.2;
  text-align: center;
  width: 100vw;
  left: 50%;
  right: 50%;
}
.entry-content h2.style-title,
.entry-content .editor h2,
.type-single .entry-content h2 {
  position: relative;
  padding-bottom: 20px;
  border-bottom: solid 1px #777;
  font-size: 26px;
}
.entry-content h3.style-title,
.entry-content .editor h3,
.type-single .entry-content h3 {
  background: #777;
  padding: 4px 10px;
  font-size: 22px;
  color: #fff;
}
.entry-content h4.style-title,
.entry-content .editor h4,
.type-single .entry-content h4 {
  position: relative;
  font-weight: bold;
}
.slide-block .slick-arrow {
  border-radius: 100px;
  border: solid 2px #777;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 12px auto;
}
.voice-block {
  border: none;
}
.voice-block h2 {
  background: #fff;
  color: #222222;
}
.voice-block h2:after {
  border-top-color: #fff;
}
.voice-block h2 a {
  color: #222222 !important;
  text-decoration: none;
}
.voice-block2 {
  border: none;
}
.beforeafter-block {
  border: none;
}
.beforeafter-block h2 {
  background: #fff;
  color: #222222;
}
#main .beforeafter-block h2 a {
  color: #222222;
  text-decoration: none;
}
#global-header #global-nav-sp #ff-sp-contents a#ff-sp-01-tel {
  background-image: url(https://theme.selfull.jp/images/common/more-ff-sp-01-tel.png);
}
#global-header #global-nav-sp #ff-sp-contents a#ff-sp-02-tel {
  background-image: url(https://theme.selfull.jp/images/common/more-ff-sp-02-tel.png);
}
#global-header #global-nav-sp #ff-sp-contents a#ff-sp-02-web {
  background-image: url(https://theme.selfull.jp/images/common/more-ff-sp-02-web.png);
}
#global-header #global-nav-sp #ff-sp-contents a#ff-sp-03-tel {
  background-image: url(https://theme.selfull.jp/images/common/more-ff-sp-03-tel.png);
}
#global-header #global-nav-sp #ff-sp-contents a#ff-sp-03-line {
  background-image: url(https://theme.selfull.jp/images/common/more-ff-sp-03-line.png);
}
#global-header #global-nav-sp #ff-sp-contents a#ff-sp-04-tel {
  background-image: url(https://theme.selfull.jp/images/common/more-ff-sp-04-tel.png);
}
#global-header #global-nav-sp #ff-sp-contents a#ff-sp-04-web {
  background-image: url(https://theme.selfull.jp/images/common/more-ff-sp-04-web.png);
}
#global-header #global-nav-sp #ff-sp-contents a#ff-sp-04-line {
  background-image: url(https://theme.selfull.jp/images/common/more-ff-sp-04-line.png);
}
#global-header #global-header-main-sp #global-header-main-sp-right #menu_btn {
  background-repeat: no-repeat;
  background-size: contain;
}


@media screen and (max-width:600px) {
  #global-header #global-header-main-pc-more {
    display: none;
  }
  .entry-header h1 {
    position: relative;
    font-size: 28px;
    padding: 50px 0;
  }
  .entry-content h2.style-title,
  .entry-content .editor h2,
  .type-single .entry-content h2 {
    padding-bottom: 10px;
    font-size: 22px;
  }
  .entry-content h3.style-title,
  .entry-content .editor h3,
  .type-single .entry-content h3 {
    font-size: 20px;
  }
  #global-header #global-header-main-sp {
    margin-top: 5px;
  }
  #global-header #global-header-main-sp.fixed {
    margin-top: 0;
  }
  #global-footer .menu-01-pc {
    display: none;
  }
  .slide-block .slick-arrow {
    background-size: 8px auto;
  }
}


/* ////////////////////////////////////////////////

Color

//////////////////////////////////////////////// */

html body {
  background: var(--color-main-extra-light);
}
#global-header #global-header-main-pc-more {
  background: var(--color-main-extra-light);
}
#global-header #global-header-main-pc-more .menu-btn .open {
  background-image: var(--menu-open);
}
#global-header #global-header-main-pc-more .menu-btn .close {
  background-image: var(--menu-close);
}
#global-header #global-header-main-pc-more.fixed .menu-btn div {
  background-color: var(--color-main);
}
#global-header #global-header-main-sp.fixed {
  background-color: var(--color-main-extra-light);
}
#global-header-main-pc-more .menu-01-pc {
  background: var(--color-main-extra-light);
}
#global-header #global-header-main-sp #global-header-main-sp-right #menu_btn {
  background-image: var(--menu-open);
}
.menu-01-pc .nav-title {
  border-bottom-color: var(--color-main);
}
.menu-01-pc .nav-list ul li a {
  background-image: var(--side-icon-arrow);
}
.side-nav .side-nav-title {
  border-bottom-color: var(--color-main);
}
.side-nav ul li a {
  background-image: var(--side-icon-arrow);
}
#content-footer:after {
  background: var(--color-main);
}
#global-footer .copyright {
  color: var(--color-main);
}
.entry-header h1 {
  border-top-color: var(--color-main);
  border-bottom-color: var(--color-main);
  background: var(--color-main-light);
}
.entry-content h2.style-title,
.entry-content .editor h2,
.type-single .entry-content h2 {
  border-bottom-color: var(--color-main);
}
.entry-content h3.style-title,
.entry-content .editor h3,
.type-single .entry-content h3 {
  background: var(--color-main);
}
.entry-content h4.style-title:after,
.entry-content .editor h4:after,
.type-single .entry-content h4:after {
  background-color: var(--color-main);
}
.voice-block {
  background: var(--color-main-light);
}
.voice-block2 {
  background: var(--color-main-light);
}
.beforeafter-block {
  background: var(--color-main-light);
}
.slide-block .slick-arrow {
  border-color: var(--color-main);
}
.slide-block .slick-prev {
  background-image: var(--slide-icon-arrow-l);
}
.slide-block .slick-next {
  background-image: var(--slide-icon-arrow-r);
}
.text-img-block.fukidashi .text {
  border: solid 1px var(--color-main);
}
.text-img-block.fukidashi .text:after {
  border-right: 14px solid var(--color-main);
}
.text-img-block.fukidashi-right .text:after {
  border: 14px solid transparent;
  border-left: 14px solid var(--color-main);
}

#MorePost li a {
  color: var(--color-main);
}
#main .relation-post-block li a {
  color: var(--color-main);
}
