.site-header{
  background-color: #ffffffba;
}
.ul_box02{
  font-family: none;
}
.flex-box-span_la{
  display: block !important;
}
.shop_bg{
  padding: 9% 0% 5% 0%;
}
.shop_box{
  width: 100% !important;
  margin: 0 auto 3% auto !important;
}
.shop_bg{
  font-family: 'Optima';
}
.shop_box{
  width: 50%;
}
/**/
.shop_flex {
  display: flex;
  margin-bottom: 5%;
  margin: 0 auto;
  max-width: 1000px;
}
.flex-box{
  margin: 0 auto;
  max-width: 1000px;
  margin-bottom: 3.5%;
}
.flex-box p{
  line-height: 1.6;
}
.flex-box02 {
  width: 58%;
}
.flex-box02 h1{
  font-size: 2.2rem;
  font-weight: 100;
  color: #231815;
  letter-spacing: 1.3px;
  margin-bottom: 2%;
  font-family: 'Optima','Marcellus','Helvetica','HelveticaNeue', serif;
}
.flex-box02 h2{
  font-size: 1rem;
  color: #231815;
  font-weight: 100;
  margin-bottom: 13%;
}
.shop_text{
  font-size: 1.2rem;
  line-height: 1.4;
  font-weight: 100;
  margin-bottom: 6%;
}
.links:hover{
  opacity: 0.5;
  transition: 0.3s;
}
.flex-child:hover{
  opacity: 0.5;
  transition: 0.3s;
}
 .flex-box-span{
  display: flex;
  justify-content: space-between;
 }
 .flex-box-span p{
  font-weight: 400;
  line-height: 1.7;
  font-size: 1.2rem;
 }
 .spase{
  margin-bottom: 5%;
 }
 .dotted-line {
  height: 0;
  border-top: 1px dotted #666;
  position: relative;
  margin-bottom: 8%;
}
.dotted-line02 {
  width: 68%;
  height: 0;
  border-top: 1.3px solid #666;
  position: relative;
  margin: 0 auto 0 15.3%;
}
.flex-box02 h3{
  padding: 0rem 0.7rem;
  border-left: 4px solid #BFA773;
  font-size: 1.6rem;
  color: #BFA773;
  font-weight: 400;
  margin-bottom: 4%;
}
.spase_box{
  display: flex;
  justify-content: space-between;
  font-size: 1.2rem;
  line-height: 1.5;
}
.links a{
  text-decoration: none;
  color: black;
  font-size: 1.1rem;
}
.links p{
  color: black;
}
.links span{
  color: #BFA773;
}
.spase_box {
  display: flex;
  margin-bottom: 6%;
  line-height: 1.7;
}
.ul_box01 {
  padding-left: 0;
  list-style: none;
  width: 30%;
  display: flex;
  align-items: center;
}
.ul_box02 {
  padding-left: 0;
  list-style: none;
  width: 73%;
  display: flex;
  align-items: center;
  font-weight: 200;
}
.spase_box ul li {
  display: flex;
  flex-direction: column;
  text-align: left;
}
/*その他*/
.related{
  font-size: 1.9rem;
  text-align: center;
  color: #231815;
  margin-bottom: 2%;
}
.related_bg{
  padding: 0% 5% 5% 5%;
  font-family: 'Optima' !important;
}
a{
  text-decoration: none;
}
.inner {
  width: 100%;
  margin: 0 auto;
}
.flex {
  display: flex;
  flex-wrap: wrap;
  max-width: 1070px;
  margin: 0 auto;
}
.flex-child {
  width: 18%;
  margin-bottom: 2.3%;
  margin-right: 2%;
}
.txt-box{
  font-size: 1.7rem;
  color: #333;
  margin-bottom: 2%;
}
.flex-child img{
  margin-bottom: 3%;
}
.shop_box_text{
  font-size: 1rem;
   color: #333;
}
.shop_text02{
  display: none;
}
.swiper{
  position: relative;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: 'next';
  color: #ffffffd0;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  color: #ffffffd0;
}
:root {
  --swiper-navigation-size: 39px !important;
}
.swiper--wrapper {
  /* wrapperのサイズを調整 */
  width: 100%;
  height: 300px;
}
:root {
  --swiper-theme-color: #ffffff !important;
}
.swiper-slide {
  /* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
  color: #ffffff;
  width: 100%;
  height: 100%;
  text-align: center;
  text-align: center;
}
.swiper{
  margin-right: 3% !important;
}

.brand_spase{
  margin-left: -2%!important;
}

@media (max-width: 1200px){
.related_bg {
  padding: 0% 10% 5% 10%;
}
.flex-child {
  width: 18%;
}
.txt-box {
  font-size: 1.3rem;
}
.dotted-line02 {
  width: 78.3%;
  margin: 0 auto 0 10.3%;
}
}

@media (max-width: 1100px){
  .ul_box02 {
    width: 79%;
  }
  .shop_text {
    font-size: 1rem;
    width: 80%;
  }
  .ul_box01,.ul_box02{
    font-size: 1rem;
  }
  .links {
    font-size: 1rem;
  }
  .ul_box02 {
    width: 68%;
  }
.dotted-line02 {
  width: 84%;
  margin: 0 auto 0 7.3%;
}
.flex-box-span{
  width: 80%;
}
.dotted-line{
  width: 80%;
}
.flex-box-span p {
  font-size: 1rem;
}
.shop_flex {
  max-width: 1000px;
}
}
@media (max-width: 950px){
  .flex-box-span p {
    font-size: 0.8rem;
}
.shop_text {
  font-size: 0.8rem;
}
}
@media (max-width: 1040px){
  .shop_flex,.flex-box {
    margin-left: 6%;
  }
  .shop_bg {
    padding: 9% 0% 5% 0%;
}
}
@media (max-width: 770px){
  .fonts{
    font-family:
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif !important;
  }
  .ul_box01_text{
    font-weight: 600 !important;
  }
  .flex-box-span{
    font-weight: 500;
  }
  .shop_flex {
    display: block;
}
.swiper{
  margin-bottom: 3%;
}
.flex-box p{
  display: none;
}
.shop_text02{
  font-size: 1.2rem;
  width: 97%;
  display: block;
}
.shop_text {
  font-size: 1.4rem;
    line-height: 1.6;
}
.flex-box02 h2 {
  margin-bottom: 3%;
}
.shop_text {
  width: 97%;
}
.shop_text {
  margin-bottom: 3%;
  font-weight: 200;
}
.flex-box-span p {
  font-size: 1.4rem;
}
.flex-box-span {
  width: 95%;
  height: 4.8vw;
}
.dotted-line{
  display: none;
}
.flex-box02 h3 {
  font-size: 1.8rem;
}
.ul_box01 {
  font-size: 1.4rem;
}
.ul_box02{
  font-size: 1.4rem;
  width: 100%;
}
.ul_box01{
  width: 25%;
  font-weight: 500 !important;
}
.spase_box{
  margin-bottom: 5%;
}
.links {
  font-size: 1.4rem;
}
.shop_text02 {
  font-size: 1.2rem;
  width: 97%;
  margin-top: 4%;
  line-height: 1.6;
}
.flex-child {
  width: 31%;
}
}
@media (max-width: 770px){
  .flex-box-span p {
    font-weight: 500;
}
  .flex-child {
    width: 48%;
    margin-bottom: 7%;
}
.related_bg {
    padding: 0% 4% 5% 5%;
}
.shop_text02{
  font-weight: 100;
  margin-bottom: 10%;
}
.links p{
  font-weight: 100;
}
.sp_herder {
  position: fixed;
  background-color: #ffffffba;
  height: 40px;
  top: 0px;
  width: 100%;
  height: 90px;
}
 .swiper{
  margin-right: 0% !important;
 }
 .flex-box02{
  width: 100%;
 }
.shop_bg {
    padding: 25% 0% 13% 0%;
}
.shop_flex {
width: 90%;
}
.shop_flex{
margin-left: 0%;
width: 88% !important;
margin: 0 auto;
}
.flex-box02 h1{
  margin-bottom: 2.5%;
}
.flex-box-span {
  width: 95%;
  height: auto;
}
}
@media (max-width: 590px){
  .sp_herder {
    height: 77px;
}
}
@media (max-width: 509px){
  .sp_herder {
    height: 69px;
}
}
@media (max-width: 430px){
.flex-box02 h2 {
  margin-bottom: 5%;
}
:root {
  --swiper-navigation-size: 36px !important;
}
.shop_text {
  margin-bottom: 5%;
}
.spase {
  margin-bottom: 11%;
}
.ul_box02 {
  width: 73%;
}
.shop_text02 {
  margin-top: 9%;
}
.related {
  margin-bottom: 6%;
  font-size: 2.2rem;
}
.shop_text {
  font-size: 1.2rem;
}
.flex-box-span p {
  font-size: 1.2rem;
}
.ul_box02 {
  font-size: 1.2rem;
  width: 100%;
}
.ul_box01 {
  font-size: 1.2rem;
}
.flex-box02 h3 {
  font-size: 1.6rem;
}
.links {
  font-size: 1.2rem;
}
.shop_text02 {
  font-size: 1rem;
}
}
@media (max-width: 393px){
  .sp_herder {
    height: 63px;
}
}
@media (max-width: 390px){
  .sp_herder {
    height: 55px;
}
.flex-box-span p,.ul_box01,.links,.ul_box02 {
  font-size: 1.3rem;
}
.shop_text {
  font-size: 1.1rem;
}
.flex-box-span p, .ul_box01, .links, .ul_box02 {
font-size: 1.1rem;
}
}
@media (max-width: 349px){
  .flex-box-span p, .ul_box01, .links, .ul_box02 {
    font-size: 1rem;
}
.shop_text {
  font-size: 1rem;
}
}
@media (max-width: 315px){
  .flex-box-span p, .ul_box01, .links, .ul_box02 {
    font-size: 0.8rem;
}
.shop_text {
  font-size: 0.8rem;
}
.flex-box02 h1 {
  font-size: 1.8rem;
}
.flex-box02 h2 {
  font-size: 0.9rem;
}
.shop_text02 {
  font-size: 0.7rem;
}
.flex-box02 h1{
  font-size: 1.8rem;
}
.flex-box02 h3 {
font-size: 1.4rem;
}
.shop_text02 {
margin-top: 5%;
}
}