@charset "UTF-8";
/*
    Template: swell
    Theme Name: pleinsoleil
    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
*/



/* テキストリンク */
.has-text-align-center.wp-block-paragraph a{
 color:#f58220 ;

}
.has-text-align-center.wp-block-paragraph a:hover{
opacity: 0.8;
}

/* ヘッダーロゴとキャッチコピー */
@media (min-width: 960px) {
  .-series .l-header__logo{
    flex-direction: column;
    align-items: flex-start;
  }

}

/* .l-fixHeader__logo::after{
  display: block;
  content: '営業時間 10:00〜18:45\A定休日：月曜日・不定休あり';
   white-space: pre-wrap;
  font-size: 14px;
  width: 200px;
  margin-left: 20px;
  line-height: 1.7;
} */

/* TOPのテキスト */
/* .u-br-sp { display: none; }

@media screen and (max-width: 750px) {
  .u-br-sp { display: inline; }
} */



/* concept */
.concept .wp-block-paragraph{
  line-height: 2;
}
/* TOPの無限ループ */
.marquee {
  overflow: hidden;
   width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  position: absolute;
  bottom: 0;
  line-height: 1;
}

.marquee__inner {
  display: flex;
  width: max-content;
  animation: marquee-scroll 80s linear infinite;
}

.marquee__set {
  display: flex;
  flex-shrink: 0;
gap:10px;
padding-right:10px;
}

.marquee__set > span {
  white-space: nowrap;
  font-size: 120px;
  font-weight: 700;
  color: #f5f5f5;
opacity:0.6;
}

@keyframes marquee-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
  .marquee__inner { animation: none; }
}

/* =========================================================
//  1. ページトップボタンをオリジナル画像に変更する
// ========================================================= */
#pagetop{
    width: 120px;
    height: 120px;
}
/* アイコンを消す */
.icon-chevron-small-up:before, .icon-chevron-up:before {
  content: none;
}

/* ボーダー、影を消す */
.c-fixBtn {
  border: none;
  box-shadow: none;
  overflow: visible; /* ラベル表示対応 */
  background-color: transparent;
    transition: 0.3s;
}

/* ラベルの位置 */
.c-fixBtn__label {
  position: absolute;
  bottom: -1em;
}

/* hoverの背景を消す */
.c-fixBtn:hover {
  background-color: transparent !important;
  transform: translateY(-10px);
  transition: 0.3s;
}

/* 画像を配置 */
#pagetop.c-fixBtn .c-fixBtn__icon {
  display: block;
  background-image: url(/wp-content/uploads/2026/08/c3c21bf1-71bd-49b8-8698-f48bc6008ddf.png); 
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}

/* ループスライダー */
    .loop-slider {
    display: flex;
    overflow: hidden;
    gap: 1.5rem; /* 画像間の余白を指定 */
}

.loop-slider .wp-block-group__inner-container,
.loop-slider .swell-block-columns {
    display: contents;
}

.loop-slider .swell-block-columns__inner {
    flex-wrap: nowrap;
    animation: infinity-scroll-left 40s infinite linear; 
}

/* .loop-slider .swell-block-column figure {
    width: 500px;
    height: 325px;
    position: relative;
} */
.loop-slider .swell-block-column figure{
  width: calc(500 / 1920 * 100vw);
  height: calc(325 / 1920 * 100vw);
   position: relative;
}

.loop-slider .swell-block-column figure::before {
    padding-top: 65%; /* 画像の縦横比を指定 */
    display: block;
    content: "";
}

.loop-slider .swell-block-column figure img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}

@media screen and (max-width: 959px) {
    .loop-slider .swell-block-column figure {
        width: 200px; /* 画像の横幅を指定（スマホ） */
    }
}

@keyframes infinity-scroll-left {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

/* 固定ページ画像 */
.u-obf-cover{
  object-position: 50% 40%;
}

/* フッター */
.foot_inner{
  text-align: center;
}
.foot_inner figure{
  width: 200px;
  margin: 0 auto;
  margin-bottom: 20px;
}

/* 投稿カテゴリー */
.c-postThumb__cat.icon-folder[data-cat-id="1"],
.c-categoryList__link.hov-flash-up[data-cat-id="1"]{
  background-color: #f58220;
}

/* ヘッダーロゴ */
.-series .l-header__logo{
  padding: 0 0;
}
/* フッターサブメニュ */
footer .sub-menu{
  display: none;
}

/* フッター固定ボタン */

#fix_bottom_menu .menu-item a{
  color: #fff;
  display: block;
  width: 100%;
  height:auto;
}
.menu_list li.menu-item-443{
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #786860;
}
.menu_list li.menu-item-446{
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f58220;
}
@media screen and (max-width: 1024px){

  .loop-slider .swell-block-column figure{
    width: calc(400 / 1024 * 100vw);
    height: calc(280 / 1024 * 100vw);
  }
}
@media screen and (max-width: 750px) {

  #pagetop{
      width: 60px;
      height: 60px;
  }
  .c-fixBtn__label {
 bottom: 0;
}
.marquee__set > span {
  font-size: 60px;
}
  .loop-slider .swell-block-column figure{
    width: calc(400 / 750 * 100vw);
    height: calc(280 / 750 * 100vw);
  
     position: relative;
  }
  .wp-block-spacer{
    display: none;
  }
.-img .c-headLogo__link{
  padding: 10px 10px;
}

}