@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/*dev-france-namiki.sample-web-site.workのCSS*/

@media screen and (min-width: 600px){.onsp{display: none!important;}}
@media screen and (max-width: 599px){.onpc{display: none!important;}}



/*PCの上部の帯を削除*/
.l-header__bar{display: none;}

#body_wrap{
  background-color: #fffff0!important;
}

.c-fixBtn{color: #333;}
.futoji{font-weight: 700;}

/*言語切り替えボタンの色*/
.l-header.-t-fff .c-gnav [lang=fr-FR], .l-header.-t-fff .c-gnav [lang=ja]{
    color: #fff!important
}
.c-gnav [lang=fr-FR], .c-spnav [lang=fr-FR]{
    color: #C68B41 !important;
}
.c-gnav [lang=ja], .c-spnav [lang=ja] {
    color: #fc8eac !important;
}

.c-gnav .sub-menu{
  background: #fffff0!important;
}

@media screen and (min-width: 600px){
  .pc-fs-0_9rem{font-size: 0.9rem!important;}
  .pc-fs-1_2rem{font-size: 1.2rem!important;}
  .pc-fs-1_5rem{font-size: 1.5rem!important;}
  .pc-fs-2rem{font-size: 2rem!important;}
  .pc-fs-2_5rem{font-size: 2.5rem!important;}
}
@media screen and (max-width: 599px){
  .sp-fs-0_9rem{font-size: 0.9rem!important;}
  .sp-fs-1_2rem{font-size: 1.2rem!important;}
  .sp-fs-1_5rem{font-size: 1.5rem!important;}
  .sp-fs-2rem{font-size: 2rem!important;}
}

@media screen and (min-width: 600px){
  .pc-pad-top-1rem{padding-top: 1rem!important;}
  .pc-pad-top-4rem{padding-top: 4rem!important;}
  .pc-pad-top-8rem{padding-top: 8rem!important;}


  .pc-pad-bt-1rem{padding-bottom: 1rem!important;}
  .pc-pad-bt-2rem{padding-bottom: 2rem!important;}
  .pc-pad-bt-4rem{padding-bottom: 4rem!important;}
  .pc-pad-bt-10rem{padding-bottom: 10rem!important;}

  .pc-pad-left-2rem{padding-left: 2rem!important;}
  .pc-pad-left-10rem{padding-left: 10rem!important;}

  .pc-mar-left-4vw {margin-left: 4vw;}

  .pc-mar-bt-2rem{margin-bottom:2rem!important;}
}
@media screen and (max-width: 599px){
  .sp-mar-bt-1rem{margin-bottom: 1rem!important;}
  .sp-mar-bt-2rem{margin-bottom: 2rem!important;}

  .sp-mar-left-2rem{margin-left: 2rem!important;}  

  .sp-pad-top-2rem{padding-top: 2rem!important;}
  .sp-pad-top-4rem{padding-top: 4rem!important;}

  .sp-pad-bt-1rem{padding-bottom: 1rem!important;}
  .sp-pad-bt-2rem{padding-bottom: 2rem!important;}
  .sp-pad-bt-4rem{padding-bottom: 4rem!important;}
  .sp-pad-bt-8rem{padding-bottom: 8rem!important;}
  .sp-pad-bt-10rem{padding-bottom: 10rem!important;}

  .sp-pad-left-2rem{padding-left: 2rem!important;}
  .sp-pad-left-4rem{padding-left: 4rem!important;}

}

.bg-monaka {
    background-image: url(https://dev-france-namiki.sample-web-site.work/wp-content/uploads/2026/06/2026-top-monaka-image-04.webp);
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
}

/*文字色*/
.chairo{color: #746141;}

.text-link-chairo a{
  color: #746141;;
  text-decoration: underline;
}
.text-link-chairo a:hover{
  opacity: 0.8;
}
.footer-text-link a{
  color: #333!important;
}
.footer-text-link a:hover,.footer-instagram i:hover{
  opacity: 0.8;
}

@media screen and (min-width: 600px){
  .footer-logo img {
    width: 70%;
}
.footer-instagram i {
    font-size: 2.5rem;
    color: #746141;
}
.pc-tate-kugirisen-01, .pc-tate-kugirisen-02{
position: relative;
}
.pc-tate-kugirisen-01::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1vw;
  width: 2px; /* 縦線の太さ */
  background-color: #e9e2dc; /* 縦線の色 */
}
.pc-tate-kugirisen-02::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3vw;
  width: 2px; /* 縦線の太さ */
  background-color: #e9e2dc; /* 縦線の色 */
}
}


@media screen and (max-width: 599px){
  .footer-logo img {
    width: 70%;
}
.footer-instagram i {
    font-size: 2.5rem;
    color: #746141;
}
}

.c-gnav,.p-spMenu__nav{
  font-weight:700;
}

/*PCヘッダーメニューの下線の位置を調整 ここから*/
@media screen and (min-width: 600px){
  .c-gnav>.menu-item>a:after{
    bottom: 24%!important;
  }
  .c-gnav a::after{
    height: 1px!important;
    background: #333;
  }
  [data-scrolled=true] .l-fixHeader[data-ready] .c-gnav a::after{
  background: #333!important;
}
}
/*PCヘッダーーメニューの下線の位置を調整 ここまで*/

/*PCヘッダーメニューのフランス語と日本語の切り替えボタンの間の縦線 ここから*/
@media screen and (min-width: 600px){
.lang-border{
  position: relative;
}
.lang-border::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 20px;
    background-color: #fff;
}
[data-scrolled=true] .l-fixHeader[data-ready] .lang-border::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 20px;
    background-color: #333!important;
}
}
/*PCヘッダーメニューのフランス語と日本語の切り替えボタンの間の縦線 ここから*/

/*スマホ開閉メニューのMENUの文字色 ここから*/
.c-widget__title.-spmenu{
  color: #333!important;
background: #F2EBE5!important;
}
/*スマホ開閉メニューのMENUの文字色 ここまで*/


/**ローディング用のロゴ ここから**/
.loading {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100vw;
    height: 100vh;
    background-color: #F5F2EC;
    display: flex !important;
    align-items: center;
    justify-content: center;
    animation: fadeOut 1.5s 2s forwards;
  }

  @media screen and (max-width: 599px){
    .loading {
    position: fixed;
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%,-50%)!important;
    z-index: 2;
    width: 100vh;
    height: 100vh;
    background-color: #F5F2EC;
    display: flex !important;
    animation: fadeOut 1.5s 2s forwards;
  }
  }
  
  .loading img {
    opacity: 0;
    animation: logo_fade 2s 0.2s forwards;
    width: 250px; /* ロゴのサイズを指定（パソコン） */
  }
  
  @media screen and (max-width: 959px) {
    .loading img {
      width: 200px; /* ロゴのサイズを指定（スマホ） */
    }
  }
  
  @keyframes fadeOut {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
      visibility: hidden;
    }
  }
  
  @keyframes logo_fade {
    0% {
      opacity: 0;
      transform: translateY(20px);
    }
    60% {
      opacity: 1;
      transform: translateY(0);
    }
    100% {
      opacity: 0;
    }
  }
/**ローディング用のロゴ ここまで**/

div#breadcrumb {
/*z-index: 10;*/
display: none;
}
.page-id-232, .page-id-243, .page-id-283, .page-id-342, .page-id-411, .page-id-437, .page-id-504{
  h1.c-pageTitle{
    display: none;
  }
}
@media screen and (min-width: 600px){
  .page-id-232 .l-mainContent__inner>.post_content {
    margin-top: -6rem!important;
}
.page-id-243 .l-mainContent__inner>.post_content, .page-id-283 .l-mainContent__inner>.post_content, .page-id-342 .l-mainContent__inner>.post_content, .page-id-411 .l-mainContent__inner>.post_content, .page-id-437 .l-mainContent__inner>.post_content, .page-id-504 .l-mainContent__inner>.post_content{
  margin-top: -4rem!important;
}
}
@media screen and (max-width: 599px){
  .page-id-232 .l-mainContent__inner>.post_content {
    margin-top: -3rem!important;
}
.page-id-243 .l-mainContent__inner>.post_content, .page-id-283 .l-mainContent__inner>.post_content{
  margin-top: 0rem!important;
}
 .page-id-342 .l-mainContent__inner>.post_content, .page-id-411 .l-mainContent__inner>.post_content, .page-id-437 .l-mainContent__inner>.post_content, .page-id-504 .l-mainContent__inner>.post_content{
  margin-top: -2rem!important;
}
}

@media screen and (min-width: 600px){
  .page-id-256 .p-mainVisual{
    display: none!important;
  }
  .page-id-14 .l-footer{
    margin-top: 0!important;
  }
  .page-id-256 .l-footer{
    margin-top: -6.5rem!important;
  }
}
@media screen and (max-width: 599px){
  .page-id-256 .p-mainVisual{
    display: none!important;
  }
  .page-id-14 .l-footer{
    margin-top: 0!important;
  }
  .page-id-256 .l-footer{
    margin-top: -6rem!important;
  }
}

@media screen and (min-width: 600px){
.service-rich-column{
  width: 80%!important;
  margin: 0 auto 2em!important;
}
.service-box{
  padding: 1em 1em 3em!important;
  border: 1px solid #ae7437;
  border-radius: 5px;
  position: relative;
}
.is-style-btn_line.service-btn{
--the-btn-color:#ae7437!important;
--the-btn-color2:#ae7437!important;
position: absolute;
bottom: 2%;
left: 50%;
transform: translateX(-50%);
}
}
.service-midashi{
  position: relative;
  font-size: 1.2rem!important;
}
.service-midashi::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -30%;
    width: 60px;
    height: 1px;
    background: #ae7437;
}


.is-style-btn_line.service-btn a:hover{
color:#fff!important;
}

@media screen and (max-width: 599px){
  .service-rich-column{
  width: 96%!important;
  margin: 0 auto 2em!important;
}
.service-box{
  padding: 1rem!important;
  border: 1px solid #ae7437;
  border-radius: 5px;
  position: relative;
}
.is-style-btn_line.service-btn{
--the-btn-color:#ae7437!important;
--the-btn-color2:#ae7437!important;
}
}

.kadomaru-10 img{
  border-radius: 10px;
}

.relative{
  position: relative!important;
}

@media screen and (min-width: 600px){
.service-kasou-title {
    font-size: 4vw;
    font-weight: 700;
    position: absolute;
    top: 1%;
    left: 9%;
    color: #fff;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.8);
}
.service-kasou-list {
    width: 30%;
    margin: 0 auto 2em !important;
    border: 1px solid #ae7437;
    padding: 1rem !important;
    border-radius: 5px;
    background: #fff;
}
}
@media screen and (max-width: 599px){
.service-kasou-title {
    font-size: 2rem;
    font-weight: 700;
    position: absolute;
    top: 1%;
    left: 9%;
    color: #fff;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.8);
}
.service-kasou-list {
    width: 80%;
    margin: 0 auto 2em !important;
    border: 1px solid #ae7437;
    padding: 1rem !important;
    border-radius: 5px;
    background: #fff;
}
}

.service-kasou-midashi {
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.8);
    position: absolute;
    bottom: 1%;
    left: 3%;
}
.service-kasou-midashi span {
    /*color: #ae7437;*/
    color: #FFFFBC;
    font-size: 3rem;
}

@media screen and (min-width: 600px){
.top-movie-column{
  padding: 0 2em!important;
}
.top-movie-slider-box {
    display: flex;
    flex-direction:row-reverse;
    align-items: center;
    background: #fff;
    padding: 2em;
    border-radius: 5px;
}
.top-movie-slider-content{
  width: 60%!important;
  padding-right: 2em!important;
}
.top-movie-slider-thum{
  width: 40%!important;
}
.top-movie-slider-midashi{
  font-size: 1.3rem;
  font-weight: 700;
}
.top-movie-slider-btn{
  padding: 0.5em 1em;
  border: 1px solid #333;
  display: inline;
}
a .top-movie-slider-btn{
  color: #333;
  transition: background-color 0.3s ease;
}
a .top-movie-slider-btn:hover{
background-color: #fffff0;
}
}

@media screen and (max-width: 599px){
  .top-movie-column{
  padding: 0 1em!important;
}
.top-movie-slider-box {
    background: #fff;
    padding:2em 1em!important;
    border-radius: 5px;
}
.top-movie-slider-midashi{
  font-size: 1.3rem;
  font-weight: 700;
}
.top-movie-slider-btn{
  padding: 0.5em 1em;
  border: 1px solid #333;
  display: table;
  margin: 1em auto 0!important;
}
a .top-movie-slider-btn{
  color: #333;
}
}