body { -webkit-text-size-adjust: 100%;}

/* ---------------------------------------------------------------------------------------------------   

　#header

   --------------------------------------------------------------------------------------------------- */

#header {background: transparent;  -webkit-transition: all 0.7s ease; transition: all 0.7s ease;}
#header.fixed { background: #fefefe;}

#header h1.logo a {background: url("../images/common/logo2020_hover.png") center center no-repeat; background-size:115px 29px;}
#header h1.logo a:before {background: url("../images/common/logo2020.png") center center no-repeat; background-size:115px 29px;}
#header h1.logo a:after {background: #fefefe;}

#header.fixed h1.logo a {background: url("../images/common/logo2020.png") center center no-repeat; background-size:115px 29px;}
#header.fixed h1.logo a:before {background: url("../images/common/logo2020_hover.png") center center no-repeat; background-size:115px 29px;}
#header.fixed h1.logo a:after {background: #111;}

#header .sf-menu { color: #fefefe;}
#header.fixed .sf-menu { color: #111;}
#header .sf-mega {color: #111;}
.sf-menu li a:before { border-color: #fefefe; }
#header.fixed .sf-menu li a:before { border-color: #111;  }

#header .navArea ul.list_series li{ color: #111;}
#header .navSubArea .sf-inset li{ color: #111;}
#header .langArea .sf-menu li ul li{ color: #111;}

@media only screen and (max-width: 960px) {
#header { background: #fefefe; }
#header h1.logo a { background: url("../images/common/logo2020.png") center center no-repeat;background-size:115px 29px;}
#header h1.logo a:before { background: url("../images/common/logo2020_hover.png") center center no-repeat;background-size:115px 29px; }
#header h1.logo a:hover:before { opacity: 1; }
#header h1.logo a:after { background: #111;}
}

/* ---------------------------------------------------------------------------------------------------   

　#page_superiorroom

   --------------------------------------------------------------------------------------------------- */

#page_superiorroom {position: relative; z-index: 0;}

@media only screen and (max-width: 738px) {
#page_superiorroom { padding: 0; }
}





/* ---------------------------------------------------------------------------------------------------   

　.block_mv

   --------------------------------------------------------------------------------------------------- */

.block_mv { height: 100vh; min-height: 100%; position: relative; z-index: 2; /*overflow: hidden;*/ }

/* .inner_area */
.block_mv .inner_area { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #202020; }
.block_mv .visual { position: absolute;top:60px; right: 0; bottom: 60px; left: 27.5%; background: url("../images/shoplist/2023_08_31_BJ4289_.jpg") top 15% right 15%; background-size: cover; z-index: 0;}
.block_mv .visual:before { position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 2; content: "";
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,.2) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,.2) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,.2) 100%); }

/* .logo_area */
.block_mv .logo_area {position: absolute; top: 50%; left: 0; width: 27.5%; z-index: 3;-webkit-transform:translate(0, -50%);transform:translate(0, -50%); color: #fafafa; text-align: center;}
.block_mv .logo_area .img_logo { display: block; width: 50%; max-width: 180px; margin: 0 auto; }
.block_mv .logo_area .t_ttl_superior_jp { display: inline-block;margin: 1.15em 0 0; padding: 0 12px; color: #9e8f79; font-size: 1.65vw; font-size: 20px;  font-family: 'Shippori Mincho B1', serif; font-weight: 500; line-height: 1.4; letter-spacing: .015em; position: relative; z-index: 0;}
.block_mv .logo_area .t_ttl_superior_jp:before { position: absolute; top: 1px; left: 0; width: 7px; height: 8px; content: ""; border-top:#9e8f79 1px solid; border-left: #9e8f79 1px solid; z-index: -1;}
.block_mv .logo_area .t_ttl_superior_jp:after { position: absolute; bottom: 0; right: 0; width: 7px; height: 8px; content: ""; border-bottom:#9e8f79 1px solid; border-right: #9e8f79 1px solid; z-index: -1;}
.block_mv .logo_area .t_date { margin: 20px 0 0; font-size: 1.4vw; font-family: 'Inter', sans-serif; font-weight: 300; line-height: 1; letter-spacing: .035em;}
.block_mv .logo_area .t_date .t_jp {font-family: 'Shippori Mincho B1', serif;font-weight: 500; font-size: .85em; vertical-align: 0;  }
.block_mv .logo_area .t_open { margin: 10px 0 0; font-size: 1.25vw; font-family: 'Shippori Mincho B1', serif; line-height: 1; letter-spacing: .05em}
.block_mv .logo_area .t_open .t_kana {letter-spacing: -.05em;}

/* .txt_area */
.block_mv .txt_area { position: absolute; bottom: 42px; right: 5%; z-index: 3; }
.t_copy_mv {  font-size:2.95vw; font-family: 'Shippori Mincho B1', serif; font-weight: 400; line-height: 1.75; text-align: left; letter-spacing: .01em;}
.t_copy_mv .bg_color { padding: 0 0 0 10px; position: relative; z-index: 0; display: inline-block;}
.t_copy_mv .bg_color:after {position: absolute;top: .075em;right: 0;left: 0;bottom: .075em;content: "";background: #fefefe;z-index: -1;}
.t_copy_mv .t_kana {letter-spacing: -.065em;}
.t_copy_mv .t_kana_2 {letter-spacing: -.15em;}
.t_copy_mv .t_kana_3 {letter-spacing: .085em; margin-left: .075em;}
.t_copy_mv .t_point { letter-spacing: -.25em;}
.t_copy_mv .t_bj {margin: 0 .05em;}
.t_copy_mv .t_kana_4 {letter-spacing: .045em;margin-left: .025em;}

@media only screen and (min-width: 1600px) {
.block_mv .logo_area .t_date { margin: 25px 0 0; font-size: 22px; }
.block_mv .logo_area .t_open { margin: 12px 0 0; font-size: 20px; }
}
@media only screen and (max-width: 1150px) {
.block_mv .logo_area .t_date { font-size: 1.65vw; }
.block_mv .logo_area .t_open { font-size: 1.45vw } 
}
@media only screen and (max-width: 960px) {
.block_mv { height: auto; min-height: auto;}
.block_mv .inner_area { background: #202020; position: static; top: 0; right: auto; left: auto; bottom: auto; padding: 60px 0 3.5vw;}
.block_mv .visual {  background: url("../images/shoplist/2023_08_31_BJ4289_.jpg") top 25% center; background-size: cover;position: relative; top: 0; right: auto; bottom: auto; left: auto; height: 57.5vw;}

.block_mv .logo_area {position: static; width: 100%; -webkit-transform:translate(0,0);transform:translate(0,0); text-align: center; padding: 30px 0 40px;-webkit-border-radius: 1px;border-radius: 1px; display: block;}    
.block_mv .logo_area .img_logo { width: 150px;width: 17.5vw;  margin: 0 auto; }
.block_mv .logo_area .t_ttl_superior_jp { margin: .5em 0 0; padding: 0 12px; font-size: 4.25vw;line-height: 1.2; }
.block_mv .logo_area .t_date { margin: 1em 0 0; font-size: 2.45vw; letter-spacing: .035em;}
.block_mv .logo_area .t_date .t_jp {  font-size: .85em; vertical-align: 0;  }
.block_mv .logo_area .t_open { margin: .65em 0 0; font-size: 2.2vw; letter-spacing: .05em}
.block_mv .logo_area .t_open .t_kana {letter-spacing: -.05em;}

/* .txt_area */
.block_mv .txt_area {bottom: 0; left: 5%; right: auto;}
.t_copy_mv {  font-size:4.5vw;line-height: 1.65; letter-spacing: .01em;}
.t_copy_mv .bg_color { padding: 0 0 0 10px;}
.t_copy_mv .t_kana {letter-spacing: -.065em;}
.t_copy_mv .t_kana_2 {letter-spacing: -.15em;}
.t_copy_mv .t_kana_3 {letter-spacing: .085em; margin-left: .075em;}
.t_copy_mv .t_point { letter-spacing: -.25em;}
.t_copy_mv .t_bj {margin: 0 .05em;}
.t_copy_mv .t_kana_4 {letter-spacing: .045em;margin-left: .025em;}
}
@media only screen and (max-width: 738px) {
.block_mv .inner_area { padding: 50px 0 3.5vw;}
.block_mv .visual {  background: url("../images/shoplist/2023_08_31_BJ4289_.jpg") top 15% center; background-size: cover; height: 65vw;}
.block_mv .logo_area { padding: 30px 0 35px;}    
.block_mv .logo_area .img_logo { width: 150px;width: 120px;}
.block_mv .logo_area .t_date { margin: 1em 0 0; font-size: 3.5vw;}
.block_mv .logo_area .t_open { margin: .65em 0 0; font-size: 3vw; }
.block_mv .logo_area .t_open .t_kana {letter-spacing: -.05em;}
.block_mv .txt_area {bottom: 0; left: 5%; right: auto;}
.t_copy_mv {  font-size:5.5vw;line-height: 1.75;}
.t_copy_mv .bg_color { padding: 0 0 0 .25em;}
}
@media only screen and (max-width: 640px) {
.block_mv .inner_area { padding: 50px 0 6vw;}
.block_mv .visual {  background: url("../images/shoplist/2023_08_31_BJ4289_.jpg") top 15% center; background-size: cover; height: 80vw;}
.block_mv .logo_area { padding: 30px 0 35px;}    
.block_mv .logo_area .img_logo { width: 150px;width: 120px; width: 32.5vw;}
.block_mv .logo_area .t_date { margin: 1em 0 0; font-size: 4.5vw;}
.block_mv .logo_area .t_open { margin: .65em 0 0; font-size: 4vw; }
.block_mv .logo_area .t_open .t_kana {letter-spacing: -.05em;}
.block_mv .txt_area {bottom: 0; left: 5%; right: auto;}
.t_copy_mv {  font-size:6.5vw;line-height: 1.7;}
.t_copy_mv .bg_color { padding: 0 0 0 .25em;}
}




/* ---------------------------------------------------------------------------------------------------   

　#breadcrumb

   --------------------------------------------------------------------------------------------------- */

#breadcrumb { margin: 0; padding: 2.5vw 5% 0;padding: 70px 5%; padding: 45px 5% 70px; z-index:1; background: #202020;}
#breadcrumb:after { position: absolute; bottom: 0; left: 5%; right: 5%; height: 0; content: "";z-index: -1;}
#breadcrumb li {color: #f0f0f0;position: relative; z-index: 0; background: #202020; }
#breadcrumb li:after { position: absolute; top: 50%; left: 100%; width: 10px; height: 0; content: ""; border-top: #aaa 1px solid; z-index: -1;}
#breadcrumb li a:before {border-color: #f0f0f0;}
#breadcrumb li a:after { background: #f0f0f0;}
#breadcrumb li a:hover { color: #111;}

@media only screen and (max-width: 960px) {	
#breadcrumb {padding: 55px 5% 60px; }
#breadcrumb li a:hover { color: #f0f0f0;}
}
@media only screen and (max-width: 738px) {
#breadcrumb {padding: 45px 5% 50px;border-bottom: none; }
}






/* ---------------------------------------------------------------------------------------------------   

　.block_superiorroom

   --------------------------------------------------------------------------------------------------- */

.block_superiorroom { padding: 10px 0 105px; position: relative; z-index: 0;overflow: hidden; }

/* .about_area */
.block_superiorroom .about_area { padding: 0 0 0 5%;}

@media only screen and (max-width: 900px) {	
.block_superiorroom { padding: 10px 0 70px;}
.block_superiorroom .about_area { padding: 0 0 0 5%;}
}
@media only screen and (max-width: 738px) {	
.block_superiorroom { padding: 0 0 60px;}
.block_superiorroom .about_area { padding: 0 0 0 5%; padding: 0;}
}

/* .img_area */
.block_superiorroom .about_area .img_area { padding: 0 0 110px; font-size: 0; position: relative; z-index: 0;}
.block_superiorroom .about_area .img_area:after{position: absolute; top: -15px; right: 0;bottom: 0; left: -100%; content: ""; background: #202020; z-index: -1;}
.block_superiorroom .about_area .img_item { width: 100%; position: relative; z-index: 0;}

.slick-slide{height: auto!important;-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;}
.superiorroom_slider { margin: 0; position: relative;z-index: 0; font-size: 0;}
.superiorroom_slider .slick-track {margin: 0;}
.superiorroom_slider .slick-list {padding: 0 32.5% 0 0!important;}
.superiorroom_slider .slide {margin: 0 10vw 0 0; vertical-align: middle; }

@media only screen and (max-width: 960px) {	
.block_superiorroom .about_area .img_area { padding: 0;}
.superiorroom_slider .slick-list {padding: 0 20% 0 0!important;}
.superiorroom_slider .slide {margin: 0 5vw 0 0; }
.superiorroom_slider {  padding-bottom: 130px; }
}
@media only screen and (max-width: 738px) {	
.block_superiorroom .about_area .img_area { padding: 0;}
.superiorroom_slider .slick-list {padding: 0 10% 0 0!important;padding: 0 5%!important;}
.superiorroom_slider .slide {margin: 0 2.5vw 0 0; margin: 0 1.5vw;}
.superiorroom_slider {  padding-bottom: 110px; }
}
@media only screen and (max-width: 640px) {	
.block_superiorroom .about_area .img_area { padding: 0;}
}


/* ___ slick-counter ___ */
.superiorroom_slider .slick-counter { position: absolute; bottom: -23px; left: 2.5%; height: 46px; width: 150px; background: #fefefe; font-size: 14px; font-family:'Libre Baskerville', serif; font-weight:400; text-align: center; line-height: 46px; z-index: 1;  -webkit-border-radius: 1px;border-radius: 1px;}
.superiorroom_slider .slick-counter .current,
.superiorroom_slider .slick-counter .total{ display: inline-block;width: 16px; vertical-align: 0;}
.superiorroom_slider .slick-counter .counter_line { font-size: 18px; vertical-align: 0; font-family: 'courier_prime_sansregular'; font-weight: normal; letter-spacing: 0}

@media only screen and (max-width: 960px) {	
.superiorroom_slider .slick-counter { bottom: 60px; left: 0; height: 40px; width: 150px;font-size: 13px;line-height: 40px;}
.superiorroom_slider .slick-counter .current,
.superiorroom_slider .slick-counter .total{ width: 16px; }
.superiorroom_slider .slick-counter .counter_line { font-size: 18px;}   
}
@media only screen and (max-width: 738px) {	
.superiorroom_slider .slick-counter { position: absolute; bottom: 50px; left: 2.5%; right: 2.5%; width: auto; text-align: center;background: none; color: #f0f0f0;}
}

/* ___ Arrows ___ */
.superiorroom_slider .slick-prev,
.superiorroom_slider .slick-next { font-size: 0; display: block; position: absolute; bottom:-23px;left: 2.5%; width: 30px; height: 46px; padding: 0;cursor: pointer; background: none; line-height: 46px;border: none; z-index: 2;  }
.superiorroom_slider .slick-prev:before,
.superiorroom_slider .slick-next:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: #111; font-family: 'themify'; font-size: 12px;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.superiorroom_slider .slick-prev { padding:0; }
.superiorroom_slider .slick-prev:before { content: "\e64a"; }
.superiorroom_slider .slick-next { margin: 0; margin-left: 120px; }
.superiorroom_slider .slick-next:before { content: "\e649"; }

@media only screen and (max-width: 960px) {	
.superiorroom_slider .slick-prev,
.superiorroom_slider .slick-next { bottom:60px;left: 0; width: 30px; height: 40px; line-height: 40px;}
.superiorroom_slider .slick-prev:before,
.superiorroom_slider .slick-next:before { font-size: 12px; }
}
@media only screen and (max-width: 738px) {	
.superiorroom_slider .slick-prev,
.superiorroom_slider .slick-next { bottom:50px;left: 10%; width: 30px; }    
.superiorroom_slider .slick-next { left: auto; right: 10%;}
.superiorroom_slider .slick-prev:before,
.superiorroom_slider .slick-next:before {color: #f0f0f0; font-size: 14px; }
}



/* _________ .about_box _________ */
.block_superiorroom .about_area .about_box { display: block; margin: 75px 10% 0 5%; padding: 30px 0 0;text-align: left; position: relative; z-index: 0; font-size: 0;}
.block_superiorroom .about_area .about_box .logo_area { position: absolute; top: 0; left: 0;width: 180px; }
.block_superiorroom .about_area .about_box .txt_area { margin: 0; padding: 0 0 0 31%;}
.block_superiorroom .about_area .about_box .t_ttl_superior_en { font-size: 45px;font-family: 'Libre Baskerville'; font-weight: 400; line-height: 1.6;letter-spacing: 2px;}
.block_superiorroom .about_area .about_box .t_ttl_superior_en b { display: block; font-size: .69em; font-weight: 500;}
.block_superiorroom .about_area .about_box .t_ttl_superior_jp {font-size: 18px; font-family: 'Shippori Mincho B1', serif; font-weight: 500; letter-spacing: 1px; line-height: 1.8;}
.block_superiorroom .about_area .about_box .description_area { margin: 45px 0 0; padding: 0 5% 0 0;}
.block_superiorroom .about_area .about_box .txt_area p { font-size: 17px; font-family: 'Shippori Mincho B1', serif; font-weight: 400;line-height: 2.1; letter-spacing: 0.05em;}
.block_superiorroom .about_area .about_box .txt_area p+p {margin: 1.25em 0 0;}
.block_superiorroom .about_area .about_box .txt_area p .t_small { font-size: 0.85em; vertical-align: 0;}

@media only screen and (max-width: 960px) {
.block_superiorroom .about_area .about_box { margin: 50px 5% 0 0; padding: 35px 0 0; }
.block_superiorroom .about_area .about_box .logo_area {left: auto; right: 0; width: 125px; }
.block_superiorroom .about_area .about_box .txt_area { margin: 0; padding: 0;}
.block_superiorroom .about_area .about_box .t_ttl_superior_en { padding: 0 100px 0 0; font-size: 35px;}
.block_superiorroom .about_area .about_box .t_ttl_superior_jp { font-size: 18px; }
.block_superiorroom .about_area .about_box .description_area { margin: 35px 0 0; padding: 0;}
.block_superiorroom .about_area .about_box .txt_area p { font-size: 17px; line-height: 2; letter-spacing: 0.05em;}
}
@media only screen and (max-width: 738px) {
.block_superiorroom .about_area .about_box { margin: 60px 5% 0; padding:0; }
.block_superiorroom .about_area .about_box .logo_area { position: static; margin: 0 auto; width: 110px; }
.block_superiorroom .about_area .about_box .txt_area { margin: 15px 0 0; padding: 0; text-align: center;}
.block_superiorroom .about_area .about_box .t_ttl_superior_en { padding: 0; font-size: 25px;}
.block_superiorroom .about_area .about_box .t_ttl_superior_jp { font-size: 16px; }
.block_superiorroom .about_area .about_box .description_area { margin: 25px 0 0; padding: 0; text-align: left;}
.block_superiorroom .about_area .about_box .txt_area p { font-size: 15px; letter-spacing: 0.035em;}
}
@media only screen and (max-width: 640px) {
.block_superiorroom .about_area .about_box { margin: 50px 5% 0; padding:0; }
.block_superiorroom .about_area .about_box .logo_area {  width: 90px; }
.block_superiorroom .about_area .about_box .t_ttl_superior_en { font-size: 22px;}
}
@media only screen and (max-width: 320px) {
.block_superiorroom .about_area .about_box .t_ttl_superior_en { font-size: 21px;}  
}





/* ---------------------------------------------------------------------------------------------------   

　#shoplist_shoplist.page_superiorroom

   --------------------------------------------------------------------------------------------------- */


#shoplist_shoplist.page_superiorroom {padding:0 5% 90px;position: relative; z-index: 1; overflow: hidden;}

.shoplistArea .navArea ul.list_area_superiorroom li a { line-height: 75px;}
.shoplistArea .navArea ul.list_area_superiorroom li a:before { position:absolute; top:50%; right:10px; width: 26px; height: 26px; font-size:11px; font-family:themify;content:"\e64b";font-weight:normal; line-height: 27px; z-index:0; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); border:#ddd 1px solid; -webkit-border-radius: 100%;border-radius: 100%;}

@media only screen and (max-width: 960px) {	
.shoplistArea .navArea ul.list_area_superiorroom li a { line-height: 60px;}
}
@media only screen and (max-width: 738px) {	
.shoplistArea .navArea ul.list_area_superiorroom li a { line-height: 50px;}
.shoplistArea .navArea ul.list_area_superiorroom li a:before {width: 22px; height: 22px; font-size:10px; line-height: 23px; }
}
@media only screen and (max-width:640px) {	
.shoplistArea .navArea ul.list_area_superiorroom li a:before { right: 8px; width: 18px; height: 18px; font-size:8px; line-height: 19px; }
}





/* -----------------------------------------------------------

   .area_item+.area_item

  ----------------------------------------------------------- */

.shoplistArea_superiorroom .area_item+.area_item { margin:75px 0 0; }

/* .headline_area */
.shoplistArea_superiorroom .headline_area {margin-bottom: 60px; text-align: center;}
.shoplistArea_superiorroom .headline_area .t_ttl_area { display: inline-block; margin: 0 auto; padding: 0 25px 0 27px; font-size: 25px;font-family: 'Shippori Mincho B1', serif; font-weight: 400; letter-spacing: 0.1em; line-height: 1.7; position: relative; z-index: 0;white-space: nowrap}
.shoplistArea_superiorroom .headline_area .t_ttl_area:before { position: absolute; top: 0; bottom: 0; left: 0; width: 5px; content: ""; border-top:#111 1px solid; border-bottom:#111 1px solid; border-left: #111 1px solid; z-index: -1;}
.shoplistArea_superiorroom .headline_area .t_ttl_area:after { position: absolute; top: 0; bottom: 0; right: 0; width: 5px; content: ""; border-top:#111 1px solid; border-bottom:#111 1px solid; border-right: #111 1px solid; z-index: -1;}

@media only screen and (max-width: 960px) {
.shoplistArea_superiorroom .area_item+.area_item { margin:60px 0 0; }
.shoplistArea_superiorroom .headline_area {margin-top: -10px; margin-bottom: 50px;}
.shoplistArea_superiorroom .headline_area .t_ttl_area { padding: 0 22px 0 24px; font-size: 22px;}
}
@media only screen and (max-width: 738px) {
.shoplistArea_superiorroom .area_item+.area_item { margin:50px 0 0; }
.shoplistArea_superiorroom .headline_area {margin-top: -15px; margin-bottom: 45px;}
.shoplistArea_superiorroom .headline_area .t_ttl_area { padding: 0 20px 0 22px; font-size: 20px;}   
}
@media only screen and (max-width: 560px) {
.shoplistArea_superiorroom .area_item+.area_item { margin:45px 0 0; }
.shoplistArea_superiorroom .headline_area { margin-top: -15px; margin-bottom: 40px;}
.shoplistArea_superiorroom .headline_area .t_ttl_area { padding: 0 16px 0 18px; font-size: 17px;}   
}





/* -----------------------------------------------------------

   .linkArea_superiorroom

  ----------------------------------------------------------- */

.linkArea_superiorroom { margin-top: 70px; padding: 70px 0 0; border-top: #111 1px solid;}

@media only screen and (max-width: 960px) {
.linkArea_superiorroom { margin-top: 60px; padding: 60px 0 0;}
}
@media only screen and (max-width:738px) {
.linkArea_superiorroom { margin-top: 50px; padding: 50px 0 0;}
}