/* ------------------------------------------
　　テンプレ	No N000
--------------------------------------------- */

/*.table-company {
	width:100%;
}*/

/* ------------------------------------------
　　実装初期定義
--------------------------------------------- */
hr {
 border-top: dotted 1px #ccc;
 border-left: none;
 border-right: none;
 border-bottom: none;
 padding-bottom: 5px;
}

.imagetext {
 overflow: hidden;
}

/*イメージ横テキストの回り込み禁止*/
.indent {
 padding-left: 15px;
}

.row {
 margin-bottom: 20px;
}

a {
 color: #3683d1;
}

a:hover {
 color: #3074b8;
}

.btn.btn--link {
 background: #3683d1;
}

.btn.btn--link:hover {
 background: #3074b8;
}

footer {
 background: #e8e8e8;
}

.topnews-bg {
 background: #3683d1;
}

.topgallery-label {
 background: #3683d1;
}

.footer-backtotop a {
 background: #000;
}

.footer-backtotop a:hover {
 color: #fff;
}

#menu-footer_all li.cat-item a:hover,
.widget_categories li a:hover {
 background-color: #ccc;
}

/* ------------------------------------------
　　グローバルメニュー表示設定
--------------------------------------------- */
@media only screen and (min-width: 768px) {

 .bg-global-nav {
  background: linear-gradient(to bottom, #000 0%, #000 50%, #282828 52%, #282828 100%, #282828 100%);
  border-top: 0;
  border-bottom: 0;
 }

 .global-nav ul li {
  background: linear-gradient(to bottom, #000 0%, #000 50%, #282828 52%, #282828 100%, #282828 100%);
 }

 .global-nav ul li>a {
  color: #fff;
 }

 .global-nav ul li:hover,
 .global-nav ul .current {
  background: linear-gradient(to bottom, #124892 0%, #124892 50%, #155ab7 52%, #155ab7 100%);
  color: #fff;
 }

 .global-nav ul li:hover>a,
 .global-nav ul .current a {
  color: #fff;
 }

 .global-nav ul li {
  border-left: 0;
  border-right: 0;
 }

 .global-nav ul li span {
  color: #fff;
 }

 .global-nav ul li>a:hover span,
 .global-nav ul .current span {
  color: #fff;
 }

}

/* ------------------------------------------
　　見出しCSS設定
--------------------------------------------- */
.content-title--bl {
 border-left: 6px solid #3683d1;
}

.content-subtitle {
 border-bottom: solid 2px #3683d1;
}

/* 下ボーダー（2本線） */
.content-title--bbd {
 border-bottom: 3px double #3683d1;
}

/* ボーダーで囲む × アクセント */
.content-title--bdacc {
 border: 1px solid #ccc;
}

.content-title--bdacc::after {
 background-color: #3683d1;
}

/* 下ボーダー（2カラー） */
.content-title--bb2 {
 border-bottom: 4px solid #ccc;
}

.content-title--bb2::after {
 background-color: #3683d1;
}

/* マーカーのような下線 */
.content-title--marker::after {
 background-color: #3683d1;
}

/* ストライプ */
.content-title--stripe {
 background: -webkit-repeating-linear-gradient(45deg, #3683d1, #3683d1 5px, #3074b8 5px, #3074b8 10px);
 background: repeating-linear-gradient(45deg, #3683d1, #3683d1 5px, #3074b8 5px, #3074b8 10px);
 color: #fff;
 text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}

/* グラデーション × ボーダー × マーク */
.content-title--gb {
 background: -webkit-repeating-linear-gradient(45deg, #3683d1, #3683d1 5px, #3074b8 5px, #3074b8 10px);
 background: repeating-linear-gradient(45deg, #3683d1, #3683d1 5px, #3074b8 5px, #3074b8 10px);
 border-top: 3px solid #3683d1;
 color: #fff;
 text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}

.content-title--gb::after {
 border: 3px solid #3683d1;
}

/* ------------------------------------------
　　テンプレート別CSS
--------------------------------------------- */
.wp-pagenavi span,
.wp-pagenavi a {
 color: #fff;
}

#masthead {
 background-color: #fff;
}

.breadcrumbs>* {
 color: #333;
}

.sub-menu {
 color: #3683d1;
}

.gallery-flow-number span {
 background: #3683d1;
}

.qa-tmp1 dt {
 background: #3683d1;
 opacity: 0.7;
}

.widget_categories li a:before {
 color: #3683d1;
}

.qa-tmp2 dt {
 background: #c9bbbb;
}


/* ------------------------------------------
　　ここから編集CSS
--------------------------------------------- */

/* FONTPLUS書体設定 */
.global-nav-label--ja,
.sub-menu--header {
 font-family: 新ゴ M;
}

h2,
h3,
h4 {
 font-family: 新ゴ M;
}

/*1行表示のときはコメントアウトを外す*/
/*span.global-nav-label--en {display:none !important;}*/

.point01 {
 color: #1F497D;
}

/*ポイントカラー1色目*/
.point02 {
 color: #00ff00;
}

/*ポイントカラー2色目*/

/* ------------------------------------------
　　メディア別追加CSS設定
--------------------------------------------- */


/* PC版のスタイルを追加する場合はここに記述 */
@media screen and (min-width: 1025px) {}


/* タブレット・PC版両方のスタイルを追加する場合はここに記述 */
@media screen and (min-width: 768px) {}

/* for tablet */
/* タブレット版のスタイルを追加する場合はここに記述 */
@media screen and (max-width:1024px) and (min-width: 768px) {}

/* for sp */
/* スマホ版のスタイルを追加する場合はここに記述 */
@media screen and (max-width:767px) {
 .pr-area .toppr-image {
  margin: 0 auto 15px;
 }
}


h2,
h3,
h4,
h5,
webFont {
 font-family: "Zen Old Mincho", serif;
 font-weight: 600 !important;
}

body main p,
body.home p {
 color: #947b59;
 font-size: 12px;
 line-height: 23px;
}

.tC {
 text-align: center;
}

.tL {
 text-align: left;
}

.tR {
 text-align: right;
}

@media (min-width: 1200px) {
 .container {
  width: 850px;
  padding: 0;
 }
}

@media (min-width: 992px) {
 .container {
  width: 850px;
  padding: 0;
 }

 .col-md-3 {
  width: 100%;
  max-width: 234px;
  padding: 0;
 }

 .row {
  margin-left: 0;
  margin-right: 0;
 }

 .col-md-9 {
  width: 100%;
  max-width: 586px;
  padding: 0;
 }

 .side-title {
  text-align: left;
 }
}

@media (min-width: 768px) {
 .container {
  padding: 0;
 }

 .bg-global-nav {
  display: none;
 }

 .wrapper-top-contents {
  padding: 0 0 30px;
 }

 .logo {
  float: none;
 }

 .headertop-copy {
  margin: 5px 0;
 }

 .breadcrumbs {
  margin: 0 0 20px;
 }

 .contents-main-right {
  margin: 0;
 }
}

.headertop-copy {
 font-size: 9px;
}

@media (max-width: 991px) {
 .logo img {
  max-width: 30%;
 }
}

#masthead {
 position: absolute;
 background-color: unset;
 top: 0;
 left: 50%;
 transform: translateX(-50%);
 width: 100%;
 z-index: 100;
}

body {
 position: relative;
 background-color: #000;
 color: #fff;
}

.tel.hidden-tb {
 display: none;
}

.logo {
 text-align: center;
 max-width: 100%;
}

h1 {
 font-weight: normal;
}

.top-contents.pc_disp a img:hover {
 opacity: unset;
}

.circle-arrow {
 position: relative;
 width: 15px;
 height: 15px;
 border-radius: 50%;
 background: linear-gradient(to bottom, #d9524f, #7d1b1c) border-box;
 border: 1px solid transparent;
 background-image: linear-gradient(#000, #000), linear-gradient(to bottom, #d9524f, #7d1b1c);
 background-origin: border-box;
 background-clip: padding-box, border-box;
}

.circle-arrow::after {
 content: '';
 position: absolute;
 top: 50%;
 left: 55%;
 transform: translate(-50%, -50%);
 width: 5px;
 height: 7px;
 background: linear-gradient(to bottom, #d9524f, #7d1b1c);
 clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.side-list001 li {
 display: flex;
 align-items: center;
 justify-content: flex-start;
 color: #a77341;
 font-size: 12px;
 padding: 0 7px;
 height: 50px;
 border-bottom: solid 1px #95512c;
 gap: 7px;
}

.side-list001 li a {
 color: #a77341;
}

.side-list001 li span {
 font-size: 11px;
 line-height: 1.2em;
 font-family: "Zen Old Mincho", serif;
 width: 70px;
 display: block;
 margin-left: auto;
 text-align: left;
}

.txt-grad {
 background: linear-gradient(to bottom, #e74e53, #7d1b1c);
 -webkit-background-clip: text;
 background-clip: text;
 -webkit-text-fill-color: transparent;
 color: transparent;
}

.txt-gold {
 background: linear-gradient(to bottom, #FFF89B 0%, #FFC754 50%, #B67715 100%);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 background-clip: text;
 color: transparent;
}

.side-title {
 font-size: 20px;
 border-bottom: solid 1px #95512c;
 margin-bottom: 0;
 padding-bottom: 5px;
}

.side-list001 {
 max-width: 400px;
 margin: auto;
}

.btn.btn--link {
 background: #a77341;
}

.btn.btn--link:hover {
 background: #7b5530;
}

a {
 color: #a77341;
}

a:hover {
 color: #7b5530;
}

.static-page-block {
 margin-bottom: 40px;
}

/* グローバルナビ */
.global-nav li a {
 border-bottom: dotted 1px #a77341;
 background-color: #eeeeee;
 font-weight: bold;
 font-family: "Zen Old Mincho", serif;
}

.global-nav-label--ja {
 font-weight: bold;
 font-family: "Zen Old Mincho", serif;
}

/* フッター */
footer {
 background: #000000;
}

footer .container h2 {
 font-size: 14px;
 border-bottom: solid 1px;
 padding-bottom: 5px;
}

.menu-footer_all-container {
 margin: 0;
 padding: 0 5px;
}

.menu-footer_all-container h3 {
 font-size: 12px;
}

footer .menu li a {
 color: #fff;
 margin: 0 10px;
 font-size: 12px;
}

.container.contents {
 margin-bottom: 0;
}

@media (min-width: 601px) {
 footer .menu {
  display: flex;
  justify-content: flex-start;
 }

 .menu-footer_all-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
 }

 .menu-footer_all-container h3 {
  width: 15%;
 }

 .menu-footer_all-container ul {
  width: 85%;
 }

 footer .menu li:not(:last-child):after {
  content: '|';
 }
}

@media (max-width: 600px) {
 .menu-footer_all-container ul {
  margin-bottom: 40px;
 }

 .menu-footer_all-container ul li {
  text-align: center;
  border-bottom: dotted 1px;
  padding-top: 15px;
 }

 .menu-footer_all-container ul li a {
  text-decoration: none;
 }

 .menu-footer_all-container {
  max-width: 400px;
  margin: auto;
 }

 .menu-footer_all-container h3 {
  background-color: #333;
  padding: 5px;
  margin-bottom: 0;
 }
}

/* トップページ */
.toppr {
 margin: 0;
 padding: 0;
}

.h-h2 {
 font-size: 22px;
 border-bottom: solid 1px #433a19;
 background: linear-gradient(to bottom, #cfac62, #f9e9b8, #c78300);
 -webkit-background-clip: text;
 background-clip: text;
 -webkit-text-fill-color: transparent;
 color: transparent;
 padding-bottom: 5px;
 margin-bottom: 15px;
}

.toppr2 {
 margin: 0 0 10px;
}

.h-contentflex04 {
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
}

.h-contentflex03 .flex02>p.txt-mt {
 padding: 10px;
 margin-top: -130px;
 font-size: 12px;
 line-height: 1.4em;
 color: #333;
 margin-bottom: 0;
}

.h-contentflex03 .flex02 {
 width: 260px;
}

.h-contentflex03 .flex01 {
 width: 318px;
}

.h-contentflex03 .flex01 h3,
.h-contentflex03 .flex02 h3 {
 font-size: 14px;
 text-align: center;
 background-image: url(https://share-ts20.info-presi.net/wp-content/uploads/2026/08/beginner-tit.png);
 background-repeat: repeat-x;
 line-height: 30px;
}

.pr-btn-bottom h3 {
 font-size: 14px;
 padding-left: 20px;
 background-image: url(https://share-ts20.info-presi.net/wp-content/uploads/2026/08/beginner-tit.png);
 background-repeat: repeat-x;
 line-height: 30px;
 margin-bottom: 0;
}

.h-contentflex02 {
 margin-bottom: 30px;
}

.h-contentflex05 {
 padding: 15px;
 border: solid 1px #ff0000;
}

.home .table {
 color: #efdbaf;
 font-size: 12px;
 width: 100%;
}

.home .table th {
 width: 20%;
}

.home .table p {
 color: #efdbaf;
}

.home .table tr:not(:last-child) {
 border-bottom: solid 1px;
}

.home .table th,
.home .table td {
 padding: 6px 0;
 border-top: none;
 vertical-align: middle;
}

.home .table td p {
 margin-bottom: 0;
}

.category-post-item {
 border: solid 1px #b12d2a;
 margin-bottom: 15px;
}

.category-post-item .post-title {
 font-size: 14px;
 background-image: url(https://share-ts20.info-presi.net/wp-content/uploads/2026/08/beginner-tit.png);
 background-repeat: repeat-x;
 line-height: 30px;
 padding-left: 10px;
 margin-bottom: 0;
}

.category-post-item .post-content {
 font-size: 13px;
 padding: 15px;
}

@media (min-width: 601px) {
 .h-contentflex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
 }

 .h-contentflex .top-news {
  max-width: 350px;
 }

 .h-contentflex .top-img {
  max-width: 230px;
 }

 .h-contentflex02 {
  display: flex;
  justify-content: space-around;
 }

 .h-contentflex03 {
  display: flex;
  justify-content: space-between;
 }

 .h-contentflex05 {
  display: flex;
  justify-content: space-between;
 }

 .h-contentflex05>div:first-child {
  width: 53%;
 }
}

@media (max-width: 600px) {
 .h-rss {
  overflow-x: auto;
 }

 .h-contentflex02>p {
  text-align: center;
 }

 .h-contentflex03 .flex01,
 .h-contentflex03 .flex02 {
  margin: auto;
 }

 .h-contentflex02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
 }

 .home .table th {
  width: 20%;
 }

 .pr-btn-bottom .h-access {
  width: 318px;
  margin: auto;
 }
}

.home .bnr-flex,
.page-id-3199 .bnr-flex,
.term-staff .bnr-flex,
.single-post .bnr-flex {
 display: none;
}

.term-customer .bnr-flex .bnr01,
.term-customer .bnr-flex .bnr04,
.page-template-page-menu02 .bnr-flex .bnr01,
.page-template-page-menu02 .bnr-flex .bnr04 {
 display: none;
}

.page-id-3201 .bnr-flex .bnr02,
.page-id-3201 .bnr-flex .bnr04,
.page-id-3197 .bnr-flex .bnr02,
.page-id-3197 .bnr-flex .bnr04 {
 display: none;
}

.page-template-page-company .bnr-flex .bnr01,
.page-template-page-company .bnr-flex .bnr03 {
 display: none;
}

/* beginnerページ */
.page-id-3197 h2.content-title--bbd {
 background-image: url(https://share-ts20.info-presi.net/wp-content/uploads/2026/08/beginner-tit.png);
 background-repeat: repeat-x;
 border: none;
 padding: 5px 10px;
 font-size: 16px;
}

@media (min-width: 601px) {

 .b-flex001,
 .b-flex002 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
 }

 .b-flex001 div:first-child,
 .b-flex002 div:last-child {
  max-width: 65%;
 }

 .bnr-flex {
  display: flex;
  justify-content: space-between;
 }
}

@media (max-width: 600px) {
 .sp-tC {
  text-align: center;
 }

 .b-flex002 {
  display: flex;
  flex-direction: column-reverse;
 }
}

/* menuページ */
.page-template-page-menu02 h2.content-subtitle {
 font-size: 22px;
 border-bottom: solid 2px #433a19;
 background: linear-gradient(to bottom, #cfac62, #f9e9b8, #c78300);
 -webkit-background-clip: text;
 background-clip: text;
 -webkit-text-fill-color: transparent;
 color: transparent;
 position: relative;
 padding: 5px 0 5px 20px;
}

.page-template-page-menu02 h2.content-subtitle:before {
 content: '';
 background-image: url(https://share-ts20.info-presi.net/wp-content/uploads/2026/08/heart-tit.png);
 background-repeat: no-repeat;
 width: 43px;
 height: 36px;
 position: absolute;
 z-index: -1;
 left: 0;
 top: 50%;
 transform: translateY(-50%);
}

.page-template-page-menu02 h2.content-subtitle ruby {
 text-align: center;
}

.page-template-page-menu02 h2.content-subtitle ruby rt {
 font-size: 12px;
}

.shop {
 color: #947b59;
 font-size: 14px;
 width: 98%;
 margin: 10px auto;
}

.shop tr {
 border-bottom: solid 1px;
}

.shop1,
.shop2 {
 padding: 7px 0;
}

.shop2,
.shop4,
.shop5 {
 text-align: right;
}

.fc-w {
 color: #fff !important;
}

.fw-b {
 font-weight: bold;
}

.bb-g {
 padding: 7px 0;
 border-bottom: solid 1px;
 width: 98%;
 margin: 10px auto;
}

.ta-r {
 text-align: right;
}

@media (min-width: 601px) {

 .shop3,
 .shop4,
 .shop5 {
  padding: 7px 5px;
 }
}

@media (max-width: 600px) {
 .shop {
  font-size: 12px;
 }

 .sp-fs td {
  font-size: 10px;
 }

 .shop3,
 .shop4,
 .shop5 {
  padding: 7px 0;
 }
}

/* 店舗案内・アクセスページ */
.page-template-page-company h2.content-subtitle {
 background-image: url(https://share-ts20.info-presi.net/wp-content/uploads/2026/08/beginner-tit.png);
 background-repeat: repeat-x;
 border: none;
 padding: 5px 10px;
 font-size: 16px;
}

.page-template-page-company .table {
 color: #947b59;
 font-size: 14px;
 width: 98%;
 margin: 10px auto;
}

.page-template-page-company .table tr {
 border-bottom: solid 1px;
}

.page-template-page-company .table th,
.page-template-page-company .table td {
 padding: 7px 0;
 border-top: none;
 vertical-align: middle;
}

.page-template-page-company .table td p {
 margin-bottom: 0;
}

@media (max-width: 600px) {
 .page-template-page-company .table {
  font-size: 12px;
 }

 .page-template-page-company .table th {
  width: 18%;
 }
}

/* 店内風景 */
.page-id-3199 h2.content-title--bbd {
 font-size: 18px;
 border-bottom: solid 2px #433a19;
 background: linear-gradient(to bottom, #cfac62, #f9e9b8, #c78300);
 -webkit-background-clip: text;
 background-clip: text;
 -webkit-text-fill-color: transparent;
 color: transparent;
 position: relative;
 padding: 5px;
}

.img-flex001 div p {
 margin-bottom: 0;
}

.img-flex001 div p.img-txt {
 padding: 10px 20px;
 background-color: #f2edda;
 color: #000;
 max-width: 251px;
 margin: 0 auto 30px;
}

.mb-30 {
 margin-bottom: 30px;
}

.img-flex002 {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-evenly;
}

.img-flex002 div p.img-txt2 {
 min-height: 66px;
}

.img-flex002 div p.img-txt2 {
 padding: 10px 20px;
 background-color: #f2edda;
 color: #000;
 max-width: 176px;
 margin: 0 auto 30px;
}

.img-flex002 div p {
 margin-bottom: 0;
}

@media (min-width: 601px) {
 .img-flex001 {
  display: flex;
  justify-content: space-around;
 }

 .ml-20pc {
  margin-left: 20px;
 }
}

/* スタッフ紹介 */
.term-staff .table {
 color: #947b59;
 font-size: 14px;
 width: 98%;
 margin: 10px auto;
}

.term-staff .table tr {
 border-bottom: solid 1px;
}

.term-staff .table th,
.term-staff .table td {
 padding: 7px 0;
 border-top: none;
 vertical-align: middle;
}

.term-staff .table td p {
 margin-bottom: 0;
}

.term-staff .table th {
 width: 30%;
}

.term-staff h2.content-subtitle {
 font-size: 22px;
 border-bottom: solid 2px #433a19;
 background: linear-gradient(to bottom, #cfac62, #f9e9b8, #c78300);
 -webkit-background-clip: text;
 background-clip: text;
 -webkit-text-fill-color: transparent;
 color: transparent;
 position: relative;
 padding-left: 75px;
}

.term-staff h2.content-subtitle span {
 font-family: "Parisienne", cursive;
 letter-spacing: 0.15em;
 font-size: 0.9em;
 position: absolute;
 bottom: 0;
 right: 0;
 background: linear-gradient(to bottom, #cfac62, #f9e9b8, #c78300);
 -webkit-background-clip: text;
 background-clip: text;
 -webkit-text-fill-color: transparent;
 color: transparent;
 padding-left: 10px;
}

.term-staff h2.content-subtitle:before {
 content: '';
 background-image: url(https://share-ts20.info-presi.net/wp-content/uploads/2026/08/staff-logo.png);
 position: absolute;
 width: 66px;
 height: 30px;
 display: block;
 left: 0;
 top: 50%;
 transform: translateY(-50%);
}

.display002 {
 display: none;
}

.hover-ef:hover .display002 {
 display: block;
}

.hover-ef:hover .display001 {
 display: none;
}

.term-staff .content-image-text h3 {
 background-image: url(https://share-ts20.info-presi.net/wp-content/uploads/2026/08/beginner-tit.png);
 background-repeat: repeat-x;
 border: none;
 padding: 5px 10px;
 font-size: 14px;
}

@media (min-width: 601px) {
 .staff-flex001 {
  display: flex;
  justify-content: space-between;
 }

 .table-wrap {
  width: 52%;
 }
}

@media (max-width: 600px) {
 .term-staff .table {
  font-size: 12px;
 }

 .term-staff .content-image-text h3 {
  font-size: 11px;
 }
}

/* お客様紹介 */
.term-customer .table {
 color: #947b59;
 font-size: 14px;
 width: 98%;
 margin: 10px auto;
}

.term-customer .table th {
 border-bottom: solid 1px;
}

.term-customer .table th,
.term-customer .table td {
 padding: 7px 0;
 border-top: none;
 vertical-align: middle;
 width: 100%;
 display: block;
}

.term-customer .table td p {
 margin-bottom: 5px;
}

.term-customer h2.content-subtitle {
 font-size: 22px;
 border-bottom: solid 2px #433a19;
 background: linear-gradient(to bottom, #cfac62, #f9e9b8, #c78300);
 -webkit-background-clip: text;
 background-clip: text;
 -webkit-text-fill-color: transparent;
 color: transparent;
 position: relative;
 padding: 5px;
}

.term-customer .pcsp-flex {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-evenly;
 align-content: flex-start;
}

.term-customer .pcsp-flex .w-100 {
 width: 100%;
}

@media (min-width: 601px) {
 .term-customer .staff-flex001 {
  display: flex;
  justify-content: space-between;
 }

 .term-customer .staff-flex001 .table-wrap {
  width: 50%;
 }

 .term-customer .staff-flex001>div:last-child {
  width: 49%;
 }
}

@media (max-width: 600px) {
 .term-customer .table {
  font-size: 12px;
 }

 .term-customer .staff-flex001>div.sp-flex {
  display: flex;
  justify-content: space-evenly;
 }

 .term-customer .staff-flex001>div.sp-flex,
 .term-customer .pcsp-flex {
  max-width: 350px;
  margin: auto;
 }
}

/* スタイルコレクション */
.page-id-3201 h2.content-title--bbd {
 font-size: 22px;
 border-bottom: solid 2px #433a19;
 background: linear-gradient(to bottom, #cfac62, #f9e9b8, #c78300);
 -webkit-background-clip: text;
 background-clip: text;
 -webkit-text-fill-color: transparent;
 color: transparent;
 position: relative;
 padding: 5px 0 5px 20px;
}

.page-id-3201 h2.content-title--bbd:before {
 content: '';
 background-image: url(https://share-ts20.info-presi.net/wp-content/uploads/2026/08/heart-tit.png);
 background-repeat: no-repeat;
 width: 43px;
 height: 36px;
 position: absolute;
 z-index: -1;
 left: 0;
 top: 50%;
 transform: translateY(-50%);
}

/* スタイルコレクション */
.slider-thumb {
 margin: 30px 0 50px;
}

.slider-thumb .style-thumb-item img {
 width: auto;
 height: auto;
 object-fit: none;
 zoom: 75%;
}

.slider-thumb .style-thumb-item {
 overflow: hidden;
 aspect-ratio: 1 / 1;
 max-width: 162px;
}

@media (max-width: 600px) {
 .slider-thumb .style-thumb-item img {
  zoom: 55%;
 }
}

@media (max-width: 480px) {
 .slider-thumb .style-thumb-item img {
  zoom: 45%;
 }
}

.slider-thumb .style-thumb-item {
 cursor: pointer;
 opacity: 0.5;
 transition: opacity 0.3s ease, border-color 0.3s ease;
 border: 2px solid transparent;
 padding: 4px;
}

.slider-thumb .slick-slide.slick-current .style-thumb-item {
 opacity: 1 !important;
 border-color: #000;
}

.slider-main-wrap,
.slider-thumb-wrap {
 position: relative;
 padding: 0 40px;
}

.slider-container .slick-prev,
.slider-container .slick-next {
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 z-index: 10;
 cursor: pointer;
}

.slider-container .slick-prev {
 left: 0;
}

.slider-container .slick-next {
 right: 0;
}

.slider-container .slick-prev:before,
.slider-container .slick-next:before {
 color: #fff;
}