@charset "utf-8";
h1{
background:rgba(242,239,227,0.6);
text-align:center;
width:100%;
height:110px;
position:relative;
z-index:10;
}

h2{
font-size:33px;
width:330px;
max-width:90%;
margin:-110px auto 0;
text-align:center;
background:url(../../common/img/h2_bg.png) no-repeat center center;
background-size:cover;
color:#fff;
padding:180px 0 80px;
letter-spacing: 0.1em;
}
h2 span{
font-size:15px;
display: block;
}
h2 span:before{
content:"";
display: block;
background:#fff;
height:2px;
width:40px;
margin:10px auto 20px;
}

.concept_main{
width:100%;
margin-bottom:70px;
}
.concept_main img{
width:100%;
}

.concept_room h3{
text-align:center;
font-size:32px;
color:#1a1311;
margin-bottom:70px;
}

@media screen and (max-width: 950px) {
h1{
text-align: center;
position:static;
transform: translateX(0);
z-index:10;
width:auto;
background:transparent;
}

h2{
font-size:9vw;
width:100%;
max-width:100%;
margin:0 auto;
padding:10% 0;
}
h2 span{
font-size:4vw;
}
h2 span:before{
margin:3% auto;
}

.concept_room h3{
text-align:center;
font-size:4vw;
color:#1a1311;
margin-bottom:70px;
}

}
.gallery_box{
padding:0 110px 0 0;
}
.gallery_wrap{
max-width: 1150px;
margin: 0 auto;
position: relative;
}
.gallery{
max-width: 1080px;
margin: 0 auto;
overflow:hidden;
}

.swiper-slide {
  position: relative;
}
.swiper-slide::before {
  content: "";
  display: block;
/*  padding-top: calc(128 / 96 * 100%);*/
}
.swiper-slide img {
/*  position: absolute;*/
/*  top: 50%;*/
/*  left: 50%;*/
/*  transform: translate(-50%, -50%);*/
}

.gallery-slider {
position:relative;
margin-bottom:30px;
}
.gallery-thumbs{
position:relative;
}
.gallery-thumbs .swiper-slide{
/*opacity: 0.4;*/
}
.gallery-thumbs .swiper-slide img{
width:100%;
}
.gallery-thumbs .swiper-slide-thumb-active {
opacity: 1;
}

.slide_note{
margin-top:40px;
text-align:right;
font-size:13px;
padding:0 110px 0 0;
max-width: 1200px;
margin:40px auto 0;
}

.swiper-button-next,
.swiper-button-prev {
--swiper-navigation-color: #42210b;
}
.swiper-button-prev::after,
.swiper-button-next::after {
  bottom: 0;
  content: "";
  height: 0;
  margin: auto;
  position: absolute;
  top: 0;
  width: 0;
--swiper-navigation-size:0;
}
/* 前への矢印カスタマイズ */
.swiper-button-prev::after {
  border-bottom: 30px solid transparent;
  border-right: 15px solid #42210b;
  border-top: 30px solid transparent;
}
/* 次への矢印カスタマイズ */
.swiper-button-next::after {
  border-bottom: 30px solid transparent;
  border-left: 15px solid #42210b;
  border-top: 30px solid transparent;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev{
right: 0px!important;
left: auto;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next{
left: 0px!important;
right: auto;
}

/* 画像サイズ調整 */
.swiper-slide img {
  height: auto;
  width: 100%;
}

@media screen and (max-width: 950px) {
.gallery_box{
padding:0 0 0 0;
}

.gallery_wrap{
max-width: 100%;
position: relative;
}
.gallery{
max-width: 86%;
margin: 0 auto;
overflow:hidden;
}
.swiper-button-next{
right: -5%;
left: auto;
}

.slide_note{
margin-top:5%;
text-align:left;
/*font-size:13px;*/
padding:0 0 0 0;
max-width: 86%;
margin:5% auto 0;
}
}