/*
Theme Name: Spa and Salon Child
Theme URI: https://rarathemes.com/wordpress-themes/spa-and-salon/
Template: spa-and-salon
Author: Rara Theme
Author URI: https://rarathemes.com/
Description: Spa and Salon is an elegantly designed theme suitable for spa, salons, beauty, care, girly, hair, health, hospitality, massage, medical, parlor, physiotherapy, wellness, yoga, health blog and various types of business websites. Spa and Salon comes with several features to make a user-friendly, interactive and visually stunning website. Such features include custom menu, attractive Banner with a Call to Action button, service section, testimonial section, about section, Header Phone number display, breadcrumbs, and social media integration. It has three footer area and a right sidebar and includes four custom widgets for the recent posts, popular posts, social media and the featured post. The theme is built on Customizer and it allows you to easily customize your website with live previews. The theme is rigorously tested and optimized for speed and faster page load time and has a secure and clean code. The theme is also translation ready. Designed with visitor engagement in mind, Spa and Salon helps you to easily and intuitively create professional and appealing websites. Check demo at https://rarathemes.com/previews/?theme=spa-and-salon and documentation at https://docs.rarathemes.com/docs/spa-and-salon/. Read theme details at https://rarathemes.com/wordpress-themes/spa-and-salon/ and get free support at https://rarathemes.com/support-ticket/.
Tags: two-columns,right-sidebar,custom-background,custom-menu,featured-images,sticky-post,threaded-comments,translation-ready,theme-options,footer-widgets,blog,full-width-template,custom-logo,custom-colors,e-commerce,holiday
Version: 1.3.1.1759548722
Updated: 2025-10-04 12:32:02

*/
.mt4 {
  margin-top: 4%;
}
.mt6 {
  margin-top: 6%;
}
.mt8 {
  margin-top: 8%;
}
.mb2 {
  margin-bottom: 2%;
}
.mb4 {
  margin-bottom: 4%;
}
.mb6 {
  margin-bottom: 6%;
}
.mb8 {
  margin-bottom: 8%;
}
.mb10 {
  margin-bottom: 10%;
}
.mb12 {
  margin-bottom: 12%;
}
.mb14 {
  margin-bottom: 14%;
}
/*高さ*/
.entry-content a, .entry-summary a, .page-content a, .comment-content a, .widget .textwidget a {
  color: #7fa200;
  text-decoration: unset;
}
p:empty {
  display: none;
}
#primary #main .entry-content h3, #primary #main .entry-content p {
  margin: 0;
}
#primary #main .entry-content h4, #primary #main .entry-content h5 {
  margin-bottom: 5px;
}
ul {
  list-style: none;
}
#primary .page .entry-content section[id^="wpsp-"] h3 {
  font-size: 22px;
}
#primary .page .entry-content section[id^="wpsp-"] h3 span {
  font-size: 18px;
}
.h3a, .h3b {
  text-align: center;
  margin-bottom: 2%;
}
.h3a span, .h3b span {
  width: 100%;
  background: url(/wp-content/themes/spa-and-salon-child/img/ttl02.png);
  background-repeat: repeat-x;
  background-position: bottom;
  display: inline-block;
  height: 30px;
}
.h3a {
  padding-top: 60px;
  background: url(/wp-content/themes/spa-and-salon-child/img/navi01-1.png);
  background-position: top center;
  background-repeat: no-repeat;
}
.custom-background-image, .custom-background-color {
  margin: 0;
}
.wrapper {
  background: transparent;
}
.site {
  background: none;
}
.site-footer {
  text-align: center;
  background: transparent;
}
.site-header .site-headerbg {
  padding-top: 30px;
  height: 140px;
  width: 100%;
  background: url(/wp-content/themes/spa-and-salon-child/img/bg1.png);
}
.page-id-2 .site-header .site-headerbg {
  background: url(/wp-content/themes/spa-and-salon-child/img/bg04.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  height: 220px;
}
.page-id-2 header#masthead {
  width: 100%;
  background: url(/wp-content/themes/spa-and-salon-child/img/header.jpg);
  background-size: cover;
  background-position: bottom center;
  height: 850px;
  overflow: hidden;
  margin-bottom: 35px;
}
.site-header {
  padding-top: 0;
  text-align: center;
  background: none;
}
/*.site-branding {
  margin: 0;
  text-align: left;
}
.header-b {
  margin: 0;
}*/
#gnavi {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  padding: 0 4px 40px;
}
#gnavi li {
  width: 11.5%;
  margin-left: 1%;
  text-align: center
}
#gnavi li a span {
  display: none
}
#gnavi li[class*="nv"] a {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  width: 109px;
  height: 99px;
  transition: all .3s;
}
.nv1 a {
  background-image: url(/wp-content/themes/spa-and-salon-child/img/navi01.png);
}
.nv2 a {
  background-image: url(/wp-content/themes/spa-and-salon-child/img/navi02.png);
}
.nv3 a {
  background-image: url(/wp-content/themes/spa-and-salon-child/img/navi03.png);
}
.nv4 a {
  background-image: url(/wp-content/themes/spa-and-salon-child/img/navi04.png);
}
.nv5 a {
  background-image: url(/wp-content/themes/spa-and-salon-child/img/navi05.png);
}
.nv6 a {
  background-image: url(/wp-content/themes/spa-and-salon-child/img/navi06.png);
}
.nv7 a {
  background-image: url(/wp-content/themes/spa-and-salon-child/img/navi07.png);
}
.nv8 a {
  background-image: url(/wp-content/themes/spa-and-salon-child/img/navi08.png);
}
.nv9 a {
  background-image: url(/wp-content/themes/spa-and-salon-child/img/navi09.png);
}
.nv1 a:hover {
  background-image: url(/wp-content/themes/spa-and-salon-child/img/navi01_hover.png);
}
.nv2 a:hover {
  background-image: url(/wp-content/themes/spa-and-salon-child/img/navi02_hover.png);
}
.nv3 a:hover {
  background-image: url(/wp-content/themes/spa-and-salon-child/img/navi03_hover.png);
}
.nv4 a:hover {
  background-image: url(/wp-content/themes/spa-and-salon-child/img/navi04_hover.png);
}
.nv5 a:hover {
  background-image: url(/wp-content/themes/spa-and-salon-child/img/navi05_hover.png);
}
.nv6 a:hover {
  background-image: url(/wp-content/themes/spa-and-salon-child/img/navi06_hover.png);
}
.nv7 a:hover {
  background-image: url(/wp-content/themes/spa-and-salon-child/img/navi07_hover.png);
}
.nv8 a:hover {
  background-image: url(/wp-content/themes/spa-and-salon-child/img/navi08_hover.png);
}
.nv9 a:hover {
  background-image: url(/wp-content/themes/spa-and-salon-child/img/navi09_hover.png);
}
#side_nav {
  position: fixed;
  right: 0;
  top: 180px;
  z-index: 101
}
.shadow1 {
  width: 60px;
  height: 334px;
  background-color: rgba(149, 149, 149, .8);
  position: fixed;
  right: 3px;
  top: 185px;
  z-index: 20;
  mix-blend-mode: multiply;
  filter: blur(5px)
}
ul#side_nav li[class*="side_nv"] a {
  display: block;
  width: 60px;
  height: 69px;
  background-repeat: no-repeat;
  background-position: top;
  transition: all .3s;
  background-size: 100%;
}
.side_nv1 a {
  background-image: url(/wp-content/themes/spa-and-salon-child/img/side01_white.png);
}
.side_nv2 a {
  background-image: url(/wp-content/themes/spa-and-salon-child/img/side02_white.png);
}
.side_nv3 a {
  background-image: url(/wp-content/themes/spa-and-salon-child/img/side03_white.png);
}
.side_nv4 a {
  background-image: url(/wp-content/themes/spa-and-salon-child/img/side04_white.png);
}
.side_nv5 a {
  background-image: url(/wp-content/themes/spa-and-salon-child/img/side05_white.png);
}
.site-footer .col {
  float: unset;
  width: 100%;
  padding: 0;
  margin: 0;
}
#primary {
  float: unset;
  padding-left: 0;
  padding-right: 0;
}
#secondary .widget ul li a:hover {
  color: #7fa200b8;
}
footer {
  overflow-x: hidden;
}
.footer-ngr,
.footer-kinoko,
.footer-kttin,
.footer-sntyk,
#fixed-bottom {
  display: none;
}
.kinoko-f>a{
	font-size:36px;
	color:#000000;
	font-weight:bold;
	display:block;
}
.kinoko-f>small{
	color:#000000;
}
.page-id-229 .footer-ngr,
.page-id-6421 .footer-kinoko,
.page-id-3103 .footer-kttin,
.page-id-259 .footer-sntyk{
  display: block;
}
.page-id-229 .footer-all,
.page-id-229 .footer-kinoko,
.page-id-229 .footer-kttin,
.page-id-229 .footer-sntyk,
.page-id-6421 .footer-all,
.page-id-6421 .footer-ngr,
.page-id-6421 .footer-kttin,
.page-id-6421 .footer-sntyk,
.page-id-3103 .footer-all,
.page-id-3103 .footer-ngr,
.page-id-3103 .footer-kinoko,
.page-id-3103 .footer-sntyk,
.page-id-259 .footer-all,
.page-id-259 .footer-ngr,
.page-id-259 .footer-kinoko,
.page-id-259 .footer-kttin
{
  display: none;
}


.widget {
  margin: 0 0 0;
}
.site-content {
  padding: 0 0 0;
}
.site-content {
  display: flex;
  justify-content: center;
}
#secondary {
  float: unset;
}
#secondary .widget {
  background: transparent;
  margin-bottom: 25px;
  padding: 4px;
}
.breadcrumbs {
    background: transparent;
}
/*wp show posts*/
.wp-show-posts-entry-meta span:first-child, .wp-show-posts-separator {
  display: none;
}
a.wp-show-posts-read-more, a.wp-show-posts-read-more:visited {
  padding: 0 4px;
}
.wp-show-posts-entry-header, .wp-show-posts-entry-summary {
  margin-bottom: .4em;
}
.wp-show-posts-meta a, .wp-show-posts-meta a:visited {
  padding: 2px 5px;
  color: #fff;
  display: inline-block;
  margin: 3px;
}
.category-news .wp-show-posts-meta a {
  background: #ea5e56;
}
.category-event .wp-show-posts-meta a {
  background: #5384b6;
}
.category-direct_sales .wp-show-posts-meta a {
  background: #f6aa26;
}
.category-buckwheat .wp-show-posts-meta a {
  background: #00913a;
}
/*イベント*/
div[id^="elementor-tab-title-"] {
  border-radius: 15px 15px 0 0;
}
div[id^="elementor-tab-title-"], .page-id-1395 .elementor-tab-title.elementor-tab-mobile-title {
  color: #ffffff !important;
  margin-bottom: 10px;
  border-width: inherit;
}
#elementor-tab-title-2651, .page-id-1395 .elementor-tab-title.elementor-tab-mobile-title:nth-child(1) {
  background-color: #ffffff;
  color: #000000 !important;
}
#elementor-tab-title-2652, .page-id-1395 .elementor-tab-title.elementor-tab-mobile-title:nth-child(3) {
  background-color: #ea5e56;
}
#elementor-tab-title-2653, .page-id-1395 .elementor-tab-title.elementor-tab-mobile-title:nth-child(5) {
  background-color: #5384b6;
}
#elementor-tab-title-2654, .page-id-1395 .elementor-tab-title.elementor-tab-mobile-title:nth-child(7) {
  background-color: #f6aa26;
}
#elementor-tab-title-2655, .page-id-1395 .elementor-tab-title.elementor-tab-mobile-title:nth-child(9) {
  background-color: #00913a;
}
#elementor-tab-title-2656, .page-id-1395 .elementor-tab-title.elementor-tab-mobile-title:nth-child(11) {
  background-color: #7fa200;
}
#elementor-tab-title-2657, .page-id-1395 .elementor-tab-title.elementor-tab-mobile-title:nth-child(13) {
  background-color: #6ec1e4;
}
#elementor-tab-title-2658, .page-id-1395 .elementor-tab-title.elementor-tab-mobile-title:nth-child(15) {
  background-color: #ff59bf;
}
.elementor-1395 .elementor-element.elementor-element-fd6fb6d .elementor-tab-title, .elementor-1395 .elementor-element.elementor-element-fd6fb6d .elementor-tab-title:before, .elementor-1395 .elementor-element.elementor-element-fd6fb6d .elementor-tab-title:after, .elementor-1395 .elementor-element.elementor-element-fd6fb6d .elementor-tab-content, .elementor-1395 .elementor-element.elementor-element-fd6fb6d .elementor-tabs-content-wrapper {
  border-width: inherit;
}
.con1 .elementor-element {
  padding: 3px 3px 2em;
}
/*/イベント*/
.single-post h2.elementor-heading-title.elementor-size-default {
  font-size: 40px;
  line-height: 52px;
  margin: 0 0 13px;
  font-family: YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', 'serif';
  font-weight: bold;
}
#font {
  font-family: YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', 'serif';
} /*カフェ＆キッチン*/
/*テーブル*/
#primary #main .entry-content table td {
  background: none;
}
#primary #main .page .entry-content table {
  border: none;
  background: none;
}
#primary #main .page .entry-content table tr:nth-child(2n+1) {
  background: none;
}
table.knk-table td:first-child {
  width: 24%;
}
table.knk-table td:last-child {
  width: 76%;
}
/*/テーブル*/
/*問い合わせ*/
.cf7 input, .cf7 select {
  width: 100%;
}
.cf7 .rqd {
  float: right;
  color: #f66;
  font-size: .8em;
  margin-left: .5em;
  line-height: 3;
}
.cf7 dt, .cf7 dd {
  display: inline-block;
}
.cf7 dt {
  width: 35%;
  vertical-align: top;
  padding: 4px 16px 4px 0;
  line-height: 2;
}
.cf7 dd {
  width: 60%;
  margin: 6px 0 15px;
}
input[type="tel"], input[type="number"] {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
}
input[type="number"] {
  margin-bottom: 10px;
}
input[type="tel"] {
  padding: 3px;
}
.wpcf7c-btn-confirm {
  width: 30%;
}
.wpcf7c-btn-back {
  width: 30%;
}
/*/問い合わせ*/
/*カテゴリー一覧*/
.category .wrapper > .container, .single-post .wrapper > .container {
  padding-top: 5em;
}
/*/カテゴリー一覧*/
@media screen and (max-width:1800px) {
  .no18 {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  #gnavi {
    display: none;
  }
  header .container {
    max-width: 100%;
    padding: 0 5%;
  }
  .site-branding {
    top: -67px;
  }
}
@media screen and (max-width: 991px) {
  .container {
    max-width: unset !important;
  }
  .site-content {
    display: block;
  }
  .site-header .site-headerbg {
    padding-top: 55px;
  }
  .mobile-nav {
    position: fixed;
    top: 0;
    Z-index: 999999;
    margin: 0 auto;
    width: 100%;
  }
}
@media screen and (max-width: 860px) {
  .page-id-2 header#masthead {
    height: 680px;
  }
}
@media screen and (max-width: 768px) {
  .header-b {
    margin: 10px 0;
  }
  .site-branding {
    margin: 0 auto;
    text-align: center;
    max-width: 300px;
    top: 0;
    padding-bottom: 10px;
  }
  .header-t, ul#side_nav, .shadow1 {
    display: none;
  }
  ul#fixed-bottom {
    position: fixed;
    background-color: #6ab612;
    bottom: 0;
    left: 0;
    z-index: 100;
    margin: 0;
    padding: 6px;
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: 10px;
    line-height: 2;
  }
  ul#fixed-bottom p {
    margin-bottom: 0;
  }
  .fixed-bottom-item > a {
    color: #ffffff;
  }
  .fixed-bottom-item {
    width: 33%;
    text-align: center;
  }
  section.wp-show-posts > article.wp-show-posts-single {
    width: 50%;
    padding: 3px;
  }
  .page-id-3103 .elementor-widget-image-box.elementor-position-left .elementor-image-box-wrapper {
    display: flex;
  }
  .cf7 dt, .cf7 dd {
    width: 100%;
  }
}
@media screen and (max-width:640px) {
  .page-id-2 header#masthead {
    height: 550px;
  }
}
@media screen and (max-width:480px) {
  #primary #main .entry-content h2, #primary #main .entry-content h3, #primary #main .entry-content h4 {
    font-size: 1.2em;
    line-height: 1.8;
  }
  .page-id-3103 #primary #main .entry-content h2, .page-id-3103 #primary #main .entry-content h3, .page-id-3103 #primary #main .entry-content h4, .page-id-3103 #primary #main .entry-content h5 {
    font-size: 1em;
  }
}