@charset "UTF-8";
/* CSS Document */

@media screen and (max-width: 1610px) {

header{
background: url("../img/top_ba_01.jpg") no-repeat top center;
background-size: 3500px;
/*height: 100vh;*/
width: 100%;
position: relative;
}

header h2{
width: 600px;
padding-top: 230px;
padding-left: 17%;
padding-bottom: 700px;
}
}
@media screen and (max-width: 1300px) {

header{
background: url("../img/top_ba_01.jpg") no-repeat top center;
background-size: 3000px;
/*height: 100vh;*/
width: 100%;
position: relative;
}

header h2{
width: 500px;
padding-top: 230px;
padding-left: 17%;
padding-bottom: 700px;
}
}

@media screen and (max-width: 768px) {

.sp{
	display:block;
	}

.pc{
	display:none;
	}


header{
background: url("../img/top_ba_01_sp.jpg") no-repeat top center;
background-size: 100%;
/*height: 100vh;*/
width: 100%;
position: relative;
}

header h1{
width: 131px;
padding: 5% 0 0 5%;
}


header h2{
width: 90%;
padding-top: 0;
padding-left: 5%;
margin-right: 5%;
padding-bottom: 50%;
margin-top: -5%;
}

.section_01{
background: #080D44;
width: 100%;
padding: 5% 0;
position: relative;
}

.section_01::before{
content: "　";
background: url("../img/ba_01.png") no-repeat top center;
background-size: 200%;
display: block;
height: 200px;
width: 100%;
margin-top: -120px;
}

.img_01{
display: none;
}


.img_01_sp{
display: block;
width: 80%;
margin: 0 auto;
margin-top: -280px;
}



.list_01{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
margin: 0 auto;
margin-top: 50px;
}

.list_01 li{
width: 100%;
text-align: center;
border-left: none;
border-top: 1px #CAAE80 solid;
padding: 4% 0;
}

.list_01 li:last-child{
width: 100%;
border-right: none;
border-top: 1px #CAAE80 solid;
border-bottom: 1px #CAAE80 solid;
}

.list_01 li h3{
 font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 3.0rem;
  color: #CAAE80;
}

.list_01 li p{
 font-family: "Shippori Mincho", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 2.0rem;
  color: #fff;
}

.list_01 li p span{
 font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5rem;
}


.section01_copy_01{
text-align: center;
 font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 3.0rem;
  color: #fff;
  margin-top: 50px;
  margin-bottom: 50px;
}

.section01_copy_01 b{
text-align: center;
 font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 4.0rem;
  color: #fff;
}


.section_02{
background: url("../img/ba_02.jpg") no-repeat center center;
background-size: cover;
padding: 0 0 5% 0;
  position: relative;
}


.two_c_section_01{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
margin: 0 auto;
margin-bottom: 5%;
position: relative;
}

.two_c_section_01 div{
width: 100%;
position: relative;
margin-bottom: 5%;
}

.two_c_section_01 div:nth-of-type(2){
width: 90%;
margin: 0 auto;
}


.syouhin_01{
text-align: center;
 font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 3.8rem;
  margin-bottom: 10px;
}

.syouhin_02{
text-align: center;
 font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 2.2rem;
  background: url("../img/ba_03.png") no-repeat center center;
  background-size: 100% 100%;
  color: #fff;
  margin-bottom: 10px;
}
.syouhin_02 span{
text-align: center;
 font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2rem;
}

.price_01{
text-align: center;
 font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 2.5rem;
  font-feature-settings: "palt";
  margin-bottom: 10px;
}

.price_01 span{
text-align: center;
 font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 2.0rem;
}

.biko_01{
text-align: center;
 font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3rem;
}


.img_07{
width: 25%;
position: absolute;
top: -21%;
right: -2%;
}


.img_08{
width: 20%;
position: absolute;
bottom: auto;
top: -10%;
left: 2%;
z-index: 99;
}

.section_03{
background: #080D44;
padding: 5% 0;
}

.two_c_section_02{
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 90%;
margin: 0 auto;
position: relative;
}

.two_c_section_02 div{
width: 100%;
}


.img_09{
width: 25%;
position: absolute;
top: -7%;
left: -10%;
}

.midashi_01{
text-align: center;
 font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 3.0rem;
  color: #CFB283;
  letter-spacing: 0.1em;
}

.txt_01{
text-align: center;
 font-family: "Shippori Mincho", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 2.0rem;
  color: #fff;
  margin-top: 20px;
  line-height: 200%;
  margin-bottom: 20px;
}


.section_03_in{
width: 90%;
margin: 0 auto;
background: #fff;
border-radius: 20px;
padding: 10% 0 0 0;
margin-top: -120px;
overflow: hidden;
}

.img_10{
width: 25%;
position: absolute;
top: 75%;
right: -10%;
}


.number01{
text-align: center;
 font-family: "Shippori Mincho", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 3.0rem;
  border: #000000 1px solid;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 1000px;
}

.swiper-slide h4{
text-align: center;
 font-family: "Shippori Mincho", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 2.0rem;
  padding: 5% 0;
}

.swiper-slide h4 sup{
 font-family: "Shippori Mincho", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.4rem;
	vertical-align: top;
}

.list_02{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 10px;
}

.list_02 li{
width: 32%;
 font-family: "Shippori Mincho", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.5rem;
  border-radius: 5px;
  padding: 0.2em 0;
}

.slide_txt{
 font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  text-align: left;
  line-height: 180%;
}



/* ページネーションのカスタム（長方形のデザイン） */
.swiper-pagination{

  width: auto !important;
}

.custom-pagination .swiper-pagination-bullet {
  width: 30px; /* 幅 */
  height: 6px; /* 高さ */
  border-radius: 0px; /* 角丸を少しつける */
  background: #DBDCDC;
  opacity: 1;
  margin: 0 0!important;
  transition: background 0.3s;
}




/* アクティブなページネーションの色 */
.custom-pagination .swiper-pagination-bullet-active {
  background: #070C47;
}



/* デフォルトの矢印ボタンのテキストを非表示にする */
.swiper-button-prev::after,
.swiper-button-next::after {
  content: '';
  display: none;
}

/* 矢印コンテナの共通デザイン */
.swiper-button-prev,
.swiper-button-next {
  width: 30px!important; /* 画像サイズに合わせて調整 */
  height: 30px!important;
  margin: 0 0; /* スライダー端からの距離を調整 */
  
  /* 背景画像の設定 */
  background-size: 100% 100%; /* 背景画像のサイズ */
  background-repeat: no-repeat;
  background-position: center center;
  /* (オプション) ボタン自体の背景やボーダーも追加できます */
}

/* 左矢印 (arrow-left.svgを使用する場合) */
.swiper-button-prev {
  background-image: url("../img/left.png");
}

/* 右矢印 (arrow-right.svgを使用する場合) */
.swiper-button-next {
  background-image: url('../img/right.png');
}


.swiper-button-prev {
left: auto !important;
  right: 21% !important;
  top: auto !important;
  bottom: 0 !important;
}
.swiper-button-next {
left: auto !important;
  right: 10% !important;
  top: auto !important;
  bottom: 0 !important;
}



.point_sention_01{
width: 90%;
margin: 0 auto;
border-top: #141F3D 1px solid;
border-bottom: #141F3D 1px solid;
padding: 5% 0;
position: relative;
margin-top: 100px;
}

.point_01{
width: 30%;
position: absolute;
top: -6%;
left: 0;
}


.point_sention_01 dl{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 4%;
}

.point_sention_01 dl dt{
width: 100%;
}
.point_sention_01 dl dd{
width: 100%;
}


.point_sention_01 dl dt h4{
 font-family: "Shippori Mincho", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 2.2rem;
  text-align: center;
  margin-bottom: 15px;
}

.point_sention_01 dl dt h4 sup{
 font-family: "Shippori Mincho", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.3rem;
	vertical-align: top;
}

.shittori{
 font-family: "Shippori Mincho", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.4rem;
  border-radius: 5px;
  padding: 0.2em 0;
  text-align: center;
  width: 100px;
  margin: 15px 0;
}


.curved_section_01{
width: 250%;
margin-left: -75%;
  background-image: linear-gradient(180deg, rgba(249, 222, 227, 1), rgba(244, 198, 199, 1));
  border-top-left-radius: 100% 1000px; /* 左下の角を楕円で丸める */
  border-top-right-radius: 100% 1000px; /* 右下の角を楕円で丸める */
  /* または、上にカーブをつけたい場合は border-top-... を使用 */
  overflow: hidden; /* 要素の子要素がはみ出さないように */
  padding: 10% 0 5% 0;
  margin-top: 50px;
}

.midashi_02{
 font-family: "Shippori Mincho", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 2.4rem;
  text-align: center;
  margin-bottom: 20px;
}


.dl_01{
background: #fff;
width: 35%;
margin: 0 auto;
padding: 2% 0;
}

.dl_01 dt{
padding: 0 4%;
}
.dl_01 dd{
padding: 0 4%;
 font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  margin-top: 30px;
}


.list_03{
width: 35%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 50px;
margin-bottom: 30px;
}

.list_03 li{
width: 100%;
margin-bottom: 40px;
}


.list_03 li p:nth-of-type(1){
 font-family: "Shippori Mincho", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.8rem;
  text-align: center;
  border-top: #000000 1px solid;
  border-bottom: #000000 1px solid;
  padding: 0.7em 0;
  margin-bottom: 10px;
}

.list_03 li h5{
 font-family: "Shippori Mincho", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 2.0rem;
  text-align: center;
  margin-bottom: 10px;
}

.list_03 li img{
margin-bottom: 10px;
}

.list_03 li p:nth-of-type(2){
 font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
}

.caution_01{
width: 35%;
margin: 0 auto;
 font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2rem;
}

.caution_02{
width: 90%;
margin: 0 auto;
 font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2rem;
  color: #fff;
  text-align: right;
  margin-top: 20px;
}

.img_15{
width: 100%;
margin: 0 auto;
display: block;
margin-top: 50px;
}

.section_04{
background: url("../img/ba_04.jpg") no-repeat center top;
background-size: cover;
padding: 5% 0;
  margin-top: -30px;
}

.section_04 h2{
 font-family: "Shippori Mincho", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 2.8rem;
  text-align: center;
  margin-bottom: 20px;
}

.section_04 div{
width: 90%;
margin: 0 auto;
background: #fff;
padding: 12% 0 4% 0;
position: relative;
}

.section_04 div h3{
 font-family: "Shippori Mincho", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 2.8rem;
  text-align: center;
  margin-bottom: 20px;
  color: #c11731;
}

.check01{
position: absolute;
top: 0;
left: 0;
width: 150px;
}


.section_04 div dl{
width: 90%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}

.section_04 div dl dt{
width: 100%;
}

.section_04 div dl dt p{
margin-bottom: 20px;
}

.section_04 div dl dd{
width: 100%;
text-align: center;
background: url("../img/ba_05.png") no-repeat center center;
background-size: 100%;
padding: 2% 0;
}

.section_04 div dl dd p:nth-of-type(1){
 font-family: "Shippori Mincho", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.8rem;
}

.section_04 div dl dd p:nth-of-type(2){
 font-family: "Shippori Mincho", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 2.0rem;
  color: #c11731;
}

.section_05{
background: #EDF6FC url("../img/ba_05.jpg") no-repeat center top;
background-size: 100% 30%;
padding: 5% 0 5% 0;
}

.section_05 h2{
 font-family: "Shippori Mincho", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 3.0rem;
  text-align: center;
  margin-bottom: 40px;
}

.section_05 h2 span{
 font-family: "Shippori Mincho", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.8rem;
  text-align: center;
}


.section_05 > div{
background: #fff;
width: 80%;
margin: 0 auto;
padding: 5% 5%;
position: relative;
}

.img_20{
width: 40%;
position: absolute;
top: -1%;
right: 0%;
}

.section_05 > div h3{
width: 100%;
margin: 0 auto;
 font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 2.8rem;
  color: #c11731;
  border-left: 7px #c11731 solid;
  padding-left: 3px;
  margin-bottom: 30px;
}


.dl_02{
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.dl_02 dt{
width: 100%;
}

.dl_02 dd{
width: 100%;
}


.dl_02 dd ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 20px;
margin-top: 10px;
}

.dl_02 dd ul li{
width: 22%;
 font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 1.5rem;
  border: #c1e9f0 2px solid;
  border-radius: 500px;
  padding: 10% 3%;
  margin-right: 10px;
  text-align: center;
}

.dl_02 dd > p{
 font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4rem;
}

.dl_02 dd > p b{
 font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
background:linear-gradient(transparent 60%, #f9d2dc 60%);
}


.line_01{
width: 100%;
margin: 8% auto;
border-bottom: #000000 1px solid;
}

.dl_03{
background: url("../img/ba_06.jpg") no-repeat center center;
background-size: 100% 100%;
padding: 5% 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-top: 25px;
}

.dl_03 dt{
width: 25%;
}

.dl_03 dd{
width: 66%;
}


.dl_03 dd h4{
 font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 2.0rem;
}

.dl_03 dd p{
 font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4rem;
}


.catch_01{
color: #fff;
 font-family: "Shippori Mincho", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.8rem;
  text-align: center;
  border-bottom: #fff 2px solid;
  display: block;
  margin: 0 auto;
  padding-bottom: 8px;
  margin-bottom: 5px;
  width: 150px;
}

.midashi_03{
color: #fff;
 font-family: "Shippori Mincho", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 3.0rem;
  text-align: center;
  margin-bottom: 50px;
}


.section_06 > div{
width: 90%;
margin: 0 auto;
padding: 0 0 0 0;
background: #fff;
border-radius: 20px;
position: relative;
}

.dl_04{
background: #E9DABE;
padding: 8% 8%;
border-radius: 20px 20px 0 0;
}

.dl_04 dt{
background: #fff;
 font-family: "Shippori Mincho", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.8rem;
  padding: 0.5em 1%;
  margin-bottom: 10px;
  width: 100%;
  text-align: center;
}
.dl_04 dd{
 font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  width: 100%;
  margin-bottom: 10px;
}
.img_21{
width: 80%;
margin: 0 auto;
display: block;
position: relative;
top: auto;
right: auto;
}


.list_05{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 5% 8%;
}


.list_05 li{
width: 100%;
}


.list_05 li p:nth-of-type(1){
background: #E9DABE;
 font-family: "Shippori Mincho", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.6rem;
  padding: 0.2em 3%;
  margin-bottom: 10px;
}

.list_05 li p:nth-of-type(1) b{
 font-family: "Shippori Mincho", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 2.0rem;
}

.list_05 li p:nth-of-type(2){
 font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
}

.list_05 li img{
width: 80%;
margin: 0 auto;
display: block;
margin-top: 10px;
margin-bottom: 30px;
}

.img_22{
margin-top: 10px!important;
}



/* アコーディオン全体 */
.accordion {
width: 90%;
margin: 0 auto;
border-top: #fff 1px solid;
border-bottom: #fff 1px solid;
margin-top: 50px;
margin-bottom: 20px;
}

/* 常に表示される見出し部分 */
.accordion__summary {
 font-family: "Shippori Mincho", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 2.0rem;
  color: #fff;
  list-style: none; /* デフォルトの三角アイコンを非表示にする */
  padding: 15px 40px 15px 15px;
  cursor: pointer;
  position: relative;
}

/* Safariなど一部ブラウザのデフォルトアイコンを非表示 */
.accordion__summary::-webkit-details-marker {
  display: none;
}

/* --------------------
   プラス・マイナス アイコンの実装
   -------------------- */

/* アイコン用のスペースと位置の調整 */
.accordion__summary::after {
  content: '+'; /* 閉じているときはプラス (+) */
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.2em;
  line-height: 1;
  transition: transform 0.2s; /* アニメーションを追加 */
   font-family: "Shippori Mincho", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 2.0rem;
}

/* detailsが開いた時のアイコンの切り替え */
.accordion[open] .accordion__summary::after {
  content: '−'; /* 開いているときはマイナス (-) */
  /* content: '−'; /* 全角のマイナスを使うとより線に見える場合があります */
   font-family: "Shippori Mincho", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 2.0rem;
}

/* --------------------
   開閉する本文部分
   -------------------- */

.accordion__content {
  padding: 0 15px 15px 15px;
  /* スムーズな開閉アニメーションを実現したい場合は、JavaScriptを使うか、
     CSSでmax-heightとtransitionを組み合わせる必要があります。
     ここではシンプルな表示・非表示のみに留めます。*/
}

.accordion__content p {
    margin-top: 20px;
       font-family: "Shippori Mincho", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.6rem;
  color: #fff;
}

.section_07 h2{
 font-family: "Shippori Mincho", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 2.0rem;
  border-bottom: 3px solid #37b0a6;
  display: block;
  margin: 0 auto;
  width: 200px;
  text-align: center;
  padding-bottom: 5px;
  margin-bottom: 20px;
}

.img_25{
width: 80%;
margin: 0 auto;
display: block;
}

.section_07 div{
width: 90%;
margin: 0 auto;
background: #e0f1ef;
padding: 20% 0 2% 0;
margin-top: -80px;
}

.section_07 div h3{
 font-family: "Shippori Mincho", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 2.0rem;
  color: #6f6e6f;
  text-align: center;
}

.section_07 div ul{
width: 90%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 40px;
}

.section_07 div ul li{
width: 100%;
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: #000000 1px dotted;
}

.section_07 div ul li:last-child{
border-bottom: none;
margin-bottom: 0px;
padding-bottom: 40px;
}

.section_07 div ul li h4{
 font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 2.0rem;
  color: #37b0a6;
  text-align: center;
  margin-bottom: 15px;
}

.section_07 div ul li p{
 font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  margin-top: 10px;
}

.copy_01{
 font-family: "Shippori Mincho", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 2.2rem;
  color: #6f6e6f;
  text-align: center;
  margin-top: 50px;
}


.section_09{
margin-top: 0px;
background: #080D44;
padding: 5% 0;
}

.section_09 dl{
width: 90%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}

.section_09 dl dt{
width: 100%;
}

.section_09 dl dd{
width: 100%;
}

.txt_02{
text-align: center;
 font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.8rem;
  color: #fff;
  margin-top: 40px;
  margin-bottom: 10px;
}

.price_02{
text-align: center;
 font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 2.5rem;
  font-feature-settings: "palt";
  margin-bottom: 10px;
  color: #fff;
}

.price_02 span{
text-align: center;
 font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 2.0rem;
  color: #fff;
}

.biko_02{
text-align: center;
 font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4rem;
  color: #fff;
}


/* ボタン全体をまとめるコンテナのスタイル */
.fixed-buttons-group {
  /* 画面に固定する */
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 999;
  
  /* ボタンを縦に並べるための設定 (任意) */
  display: flex;
  flex-wrap: wrap;
justify-content: center;
  gap: 10px; /* ボタン間の間隔 */
  
  /* 初期状態: 非表示（透明） */
  opacity: 0;
  visibility: hidden;

  /* フェードイン/アウトのアニメーションを設定 */
  transition: opacity 0.5s, visibility 0.5s;
  
  background: rgba(0,0,0,0.7);
  width: 90%;
  padding: 3% 5%;
}

/* ボタンが表示される時のクラス */
.fixed-buttons-group.show {
  opacity: 1;
  visibility: visible;
}

/* 個別ボタンの共通スタイル */
.purchase-button {
  display: block;
  padding: 10px 0;
  text-align: center;
  font-weight: bold;
  font-size: 1.5rem;
  text-decoration: none;
  border-radius: 15px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  width: 100%;
}

/* 公式オンラインボタンの個別スタイル */
.official-btn {
  background-color: #F4AFBE; /* 青系 */
  color: #000000;
}

/* Amazonボタンの個別スタイル */
.amazon-btn {
  background-color: #ff9900; /* Amazonカラー */
  color: #000000;
}
}