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

   #shoplist_shoplist

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

#shoplist_shoplist {padding: 90px 5%;position: relative; z-index: 1;}

@media only screen and (max-width: 960px) {
#shoplist_shoplist {padding: 80px 5%; }
}
@media only screen and (max-width: 738px) {
#shoplist_shoplist {padding: 70px 5%; }
}





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

   .shoplistArea

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

.shoplistArea { position: relative; z-index: 0;}

/* .area_area */
.shoplistArea .area_area { position: relative; z-index: 0;}

/* .descriptionArea */
.descriptionArea { margin-bottom: 60px; text-align: center;}

@media only screen and (max-width: 960px) {
.descriptionArea { margin-bottom: 50px; text-align: center;}	
}
@media only screen and (max-width: 738px) {
.descriptionArea { margin-bottom: 45px; padding: 0 2.5%; text-align: left; text-align: center; }	
.descriptionArea p {display: inline-block; text-align: left;}
.descriptionArea p .sp_none {display: none;}
.descriptionArea p .br_sp_none {display: none;}
}


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

   .navArea

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

.shoplistArea .navArea { position: relative; z-index: 1;}

/* ul.list_shoplist_area */
ul.list_shoplist_area { list-style: none; font-size: 0; margin: 1px 1px 0 0; text-align: left;}
ul.list_shoplist_area li { display: inline-block; width: 33.333%; margin: -1px -1px 0 0; border: #111 1px solid; text-align: center;}
ul.list_shoplist_area li a,
ul.list_shoplist_area li span.current{ display: block; font-size: 14px; line-height: 60px; letter-spacing: 0.05em; position: relative; z-index: 1;}
ul.list_shoplist_area li a:before { position:absolute; top:50%; right:10px; font-size:1em; font-family:themify;content:"\e649";font-weight:normal; z-index:0; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); }
ul.list_shoplist_area li span.current { color: #fefefe; background: #111;}
ul.list_shoplist_area li span.current:before { position: absolute; top: 50%; left: 15px;font-size: 20px; font-family:themify; content:"\e64c"; z-index: 0;-webkit-transform: translate(0,-50%); transform: translate(0,-50%); }

/* ul.list_shoplist_all */
ul.list_shoplist_all li a,
ul.list_shoplist_all li span.current{ font-size: 15px;line-height: 90px;}

@media (min-width: 961px) and (hover: hover) {
ul.list_shoplist_area li a:hover { color: #fefefe; background: #111;}
}
@media only screen and (max-width: 960px) {
ul.list_shoplist_area li a,
ul.list_shoplist_area li span.current{ font-size: 14px;}
ul.list_shoplist_area li a:before { font-size:10px; }
ul.list_shoplist_area li span.current:before { font-size: 18px;}
    
/* ul.list_shoplist_all */
ul.list_shoplist_all li a,
ul.list_shoplist_all li span.current{line-height: 80px;}
}
@media only screen and (max-width: 738px) {
ul.list_shoplist_area { text-align: left;}
ul.list_shoplist_area li { width: 50%; text-align: center;}
ul.list_shoplist_area li a,
ul.list_shoplist_area li span.current{ font-size: 13px; line-height: 50px; }
ul.list_shoplist_area li span.current:before {left: 10px; font-size: 14px; }
ul.list_shoplist_area li a:before { right:10px; }

/* ul.list_shoplist_all */
ul.list_shoplist_all li a,
ul.list_shoplist_all li span.current{ font-size: 13px;line-height: 50px;}
}




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

   .subNavArea

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

.shoplistArea .subNavArea { margin-top: 50px; }
.shoplistArea .subNavArea .txtArea { text-align: center;}
.shoplistArea .subNavArea .txtArea p {display: inline-block;margin: 0 auto; text-align: left;}
.shoplistArea .subNav { margin-top: 40px;}

/* ul.list_shoplist_sub */
ul.list_shoplist_sub {list-style: none; display: flex; flex-wrap: wrap; gap:10px; }
ul.list_shoplist_sub li{width: calc((100% - 6 * 10px) / 7); }
ul.list_shoplist_sub li a { display: block; font-size: 13px; line-height: 35px; letter-spacing: 0.05em; background: #fefefe; border: #111 1px solid; text-align: center; position: relative; z-index: 0;}
ul.list_shoplist_sub li a:before { position: absolute; left: 10px; font-size:13px; font-family: 'Libre Baskerville'; font-weight: 400; content:"#";}

ul.list_shoplist_sub li.l_overseas { width: calc((100% - 5 * 10px) / 6); }
ul.list_shoplist_sub li.l_overseas a.australia { padding: 0 0 0 2px; letter-spacing: 0; }

@media (min-width: 961px) and (hover: hover) {
ul.list_shoplist_sub li a:hover { color: #fefefe; background: #111;}
}
@media only screen and (max-width: 1024px) {
ul.list_shoplist_sub li.l_overseas a.australia { padding: 0 0 0 5px; letter-spacing: 0; }
}
@media only screen and (max-width: 960px) {
.shoplistArea .subNavArea { margin-top: 40px; }
.shoplistArea .subNav { margin-top: 40px; }
ul.list_shoplist_sub {gap:7px;}
ul.list_shoplist_sub li{width: calc((100% - 3 * 7px) / 4); }
ul.list_shoplist_sub li.l_overseas{width: calc((100% - 3 * 7px) / 4); }
ul.list_shoplist_sub li.l_overseas a.australia { padding: 0; letter-spacing: 0; }
}
@media only screen and (max-width: 738px) {
.shoplistArea .subNavArea { margin-top: 35px; }
.shoplistArea .subNavArea .txtArea { text-align: center;}
.shoplistArea .subNav { margin-top: 35px; }
ul.list_shoplist_sub {gap:4px;}
ul.list_shoplist_sub li{width: calc((100% - 2 * 4px) / 3); }    
ul.list_shoplist_sub li.l_overseas{width: calc((100% - 2 * 4px) / 3); }
ul.list_shoplist_sub li a { font-size: 13px; line-height: 35px; }
ul.list_shoplist_sub li a:before { left: 5px; font-size:12px;}
}
@media only screen and (max-width: 640px) {
ul.list_shoplist_sub li.l_overseas{width: calc((100% - 1 * 4px) / 2); }
}






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

   .superior_nav_area

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

.superior_nav_area { margin-top: 65px; }
.superior_nav_area .superior_item { margin: 0 auto; max-width: 650px; border: #111 1px solid; position: relative; z-index: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.superior_nav_area .superior_item a {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;}
.superior_nav_area .superior_item .img_area {position: absolute; top: 5px; left: 5px; bottom: 5px; right: 50%; z-index: 0;}
.superior_nav_area .superior_item .img_area .img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url("../images/shoplist/2023_08_31_BJ4289_.jpg") top 35% center; background-size: cover; z-index: 0;-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}

.superior_nav_area .superior_item .txt_area { float: right; width: 50%; margin: 0; padding: 15px 0 25px; text-align: center;}
.superior_nav_area .superior_item .txt_area .img_logo {display: block; margin: 0 auto;width: 58px; height: 58px;  position: relative; z-index: 0; font-size: 0;}
.superior_nav_area .superior_item .txt_area .img_logo:before { position: absolute; top: 0 ;right: 0; bottom: 0 ;left: 0; content: "";background: url("../images/shoplist/logo_superior_b.png") center center no-repeat; background-size: contain; z-index: 0;-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.superior_nav_area .superior_item .txt_area .img_logo:after { position: absolute; top: 0 ;right: 0; bottom: 0 ;left: 0; content: "";background: url("../images/shoplist/logo_superior_w.png") center center no-repeat; background-size: contain; z-index: 0; opacity: 0;-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.superior_nav_area .superior_item .txt_area .t_en {display: block; margin: 5px 0 0; font-size: 16px; font-family: 'Libre Baskerville', serif;font-weight: 400;letter-spacing: 0.05em; line-height: 1.5}
.superior_nav_area .superior_item .txt_area .t_jp { margin: 5px 0 0; display: block; font-size: 13px; letter-spacing: .05em; line-height: 1; }

@media (min-width: 961px) and (hover: hover) {
.superior_nav_area .superior_item:hover { background: #111; color: #fefefe;} 
.superior_nav_area .superior_item:hover .img_area .img {opacity: .3;}
.superior_nav_area .superior_item:hover .txt_area .img_logo:before { opacity: 0;}
.superior_nav_area .superior_item:hover .txt_area .img_logo:after { opacity: 1;}
.superior_nav_area .superior_item:hover .txt_area .btn_superiorroom:after {border-color: #fefefe;}
}
@media only screen and (max-width: 960px) {
.superior_nav_area { margin-top: 55px; }
.superior_nav_area .superior_item .txt_area .img_logo { width: 48px; height: 48px;} 
}
@media only screen and (max-width: 738px) {
.superior_nav_area { margin-top: 50px; }
.superior_nav_area .superior_item .img_area { top: 5px; left: 5px; bottom: 5px; right: 50%;}
.superior_nav_area .superior_item .txt_area { width: 50%; padding: 10px 0 16px;}
.superior_nav_area .superior_item .txt_area .t_en { margin: 5px 0 0; font-size: 15px;}
.superior_nav_area .superior_item .txt_area .t_jp { margin: 3px 0 0;font-size: 12px;}
}
@media only screen and (max-width: 640px) {
.superior_nav_area { margin-top: 45px; }
.superior_nav_area .superior_item .img_area { right: 65%;}
.superior_nav_area .superior_item .txt_area { width: 65%; padding: 10px 0 16px;}
.superior_nav_area .superior_item .txt_area .t_en { margin: 5px 0 0; font-size: 14px;}
.superior_nav_area .superior_item .txt_area .t_jp { margin: 3px 0 0;font-size: 12px;} 
}



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

   .accordion_area

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

.accordion_area {margin: 30px auto -5px;text-align: center;}

.accordion_area .accordion_header { display: inline-block; padding: 0 28px; font-size: 15px;line-height: 1.5; letter-spacing: 0.05em;position: relative;z-index: +1;cursor: pointer;}
.accordion_area .accordion_header:after { position: absolute; bottom: 0; left: 28px; right: 28px; height: 0; content: ""; border-bottom: #111 1px solid; z-index: 0;}
.accordion_area .accordion_header .icon_arrow { position: absolute; top: 50%; left: 0; width: 20px; height: 20px; line-height: 19px; background: #fefefe; border: #111 1px solid;color: #111; z-index: 0; -webkit-transform:translate(0, -50%);transform:translate(0, -50%); -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.accordion_area .accordion_header .icon_arrow:after {position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-size: 10px; font-family:themify;content:"\e64b"; letter-spacing: 0; z-index: 1;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.accordion_area .accordion_header.open .icon_arrow {background: #111; color: #fefefe;}
.accordion_area .accordion_header.open .icon_arrow:after { -webkit-transform: rotate(180deg); transform: rotate(180deg);}

.accordion_area .accordion_inner {display: none;box-sizing: border-box; padding: 15px 0 0;}
.accordion_area .description_area { text-align: center; }

@media (min-width: 961px) and (hover: hover) {
.accordion_area .accordion_header:hover .icon_arrow {background: #111; color: #fefefe;}
}
@media only screen and (max-width: 960px) {
.accordion_area .accordion_header {line-height: 1.6; }
}
@media only screen and (max-width: 738px) {
.accordion_area  {margin: 25px auto -5px;}
.accordion_area .accordion_header .icon_arrow:after {font-size: 10px;}
.accordion_area .accordion_inner { padding: 10px 2.5% 0;}
.accordion_area .description_area { text-align: left; }
.accordion_area .description_area p .br_sp_none {display: none;}
}





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

   .superior_area_all

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

.superior_area_all  { margin-top: 90px; }

@media only screen and (max-width: 960px) {
.superior_area_all  { margin-top: 70px; }
}
@media only screen and (max-width: 738px) {
.superior_area_all  { margin-top: 60px; }
}



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

   .superior_archive

  ----------------------------------------------------------- */
.superior_archive {width: 100%; display: flex; flex-wrap: wrap;}
.superior_box { margin: 0 auto; border: #111 1px solid; position: relative; z-index: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.superior_box a {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;}
.superior_box .img_area {position: absolute; top: 15px; left: 15px; bottom: 15px; right: 52.5%; z-index: 0;}
.superior_box .img_area .img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url("../images/shoplist/2023_08_31_BJ4289_.jpg") top 10% center; background-size: cover; z-index: 0;-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}

.superior_box .txt_area { float: right; width: 41.5%; margin: 35px 5% 55px 7.5%; text-align: center;}
.superior_box .txt_area .img_logo {display: block; margin: 0 auto; width: 115px; height: 110px; position: relative; z-index: 0; font-size: 0;}
.superior_box .txt_area .img_logo:before { position: absolute; top: 0 ;right: 0; bottom: 0 ;left: 0; content: "";background: url("../images/shoplist/logo_superior_b.png") center center no-repeat; background-size: contain; z-index: 0;-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.superior_box .txt_area .img_logo:after { position: absolute; top: 0 ;right: 0; bottom: 0 ;left: 0; content: "";background: url("../images/shoplist/logo_superior_w.png") center center no-repeat; background-size: contain; z-index: 0; opacity: 0;-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.superior_box .txt_area p {margin: 20px 0 0; line-height: 2; text-align: left;}
.superior_box .txt_area .btn_superiorroom { margin: 20px 0 0; display: inline-block; font-size: 14px;line-height: 1.5; letter-spacing: 0.05em;position: relative;z-index: 0;}
.superior_box .txt_area .btn_superiorroom:after { position: absolute; bottom: 0; left: 0; right: 0; height: 0; content: ""; border-bottom: #111 1px solid; z-index: 0;-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}

@media (min-width: 961px) and (hover: hover) {
.superior_box:hover { background: #111; color: #fefefe;} 
.superior_box:hover .img_area .img {opacity: .3;}
.superior_box:hover .img_area:before { -webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:scale(1,1);transform:scale(1,1)}
.superior_box:hover .img_area:after { -webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:scale(1,1);transform:scale(1,1)}
.superior_box:hover .txt_area .img_logo:before { opacity: 0;}
.superior_box:hover .txt_area .img_logo:after { opacity: 1;}
.superior_box:hover .txt_area .btn_superiorroom:after {border-color: #fefefe;}
}
@media only screen and (max-width: 960px) {
.superior_archive {flex-direction: column;}
.superior_box { padding:25px}
.superior_box .img_area {position: relative; top: auto; left: auto; bottom: auto; right: auto; width: 100%; height: 50vw; z-index: 0;}
.superior_box .img_area .img { background: url("../images/shoplist/2023_08_31_BJ4289_.jpg") top 15% center; background-size: cover;}
.superior_box .txt_area { float: none; width: 100%; margin: 30px 0 0; padding: 0 10% 25px;}
.superior_box .txt_area .img_logo { width: 100px; height: 100px; }
.superior_box .txt_area p {margin: 20px 0 0;}
.superior_box .txt_area .btn_superiorroom { margin: 20px 0 0; display: inline-block; font-size: 13px;line-height: 1.5;}
}
@media only screen and (max-width: 738px) {
.superior_box { padding:2.5vw}
.superior_box .img_area {width: 100%; height: 40vw; z-index: 0;}
.superior_box .img_area .img { background: url("../images/shoplist/2023_08_31_BJ4289_.jpg") top 30% center; background-size: cover;}
.superior_box .txt_area { margin: 15px 0 0; padding: 0 5% 30px;}
.superior_box .txt_area .img_logo { width: 80px; height: 80px; }
.superior_box .txt_area p {margin: 12px 0 0; line-height: 1.9;}
.superior_box .txt_area .btn_superiorroom { margin: 20px 0 0; }
}
@media only screen and (max-width: 560px) {
.superior_box .txt_area { margin: 15px 0 0; padding: 0 5% 30px;}
.superior_box .txt_area .img_logo { width: 70px; height: 70px; }  
.superior_box .txt_area p {margin: 10px 0 0;}
}






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

   .scroll_position

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

.scroll_position {padding: 130px 0 0 ; margin: -130px 0 0;}

@media only screen and (max-width: 960px) {
.scroll_position {padding: 120px 0 0 ; margin: -120px 0 0;}
}
@media only screen and (max-width: 738px) {
.scroll_position {padding: 100px 0 0 ; margin: -100px 0 0;}
}




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

   .wrapperArea

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

.shoplistArea .wrapperArea { margin-top: 90px; }

/* .areaArea */
.shoplistArea .areaArea { margin-top: 90px; padding-top: 90px; border-top: #111 1px solid; }

@media only screen and (max-width: 960px) {
.shoplistArea .wrapperArea { margin-top: 80px; }
.shoplistArea .areaArea { margin-top: 80px; padding-top: 80px;}
}
@media only screen and (max-width: 738px) {
.shoplistArea .wrapperArea { margin-top: 70px; }
.shoplistArea .areaArea { margin-top: 70px; padding-top: 70px;}
}




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

   .headline

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

.wrapperArea .areaArea .headline { margin-bottom: 50px;}
.wrapperArea .areaArea .headline h2.title{ font-size: 14px; }
.wrapperArea .areaArea .headline h2.title_jp {font-size: 40px; font-family: 'Shippori Mincho B1', serif; font-weight: 500; letter-spacing: .1em; line-height: 1.6; text-align: center;}

@media only screen and (max-width: 960px) {
.wrapperArea .areaArea .headline { margin-bottom: 45px;}
.wrapperArea .areaArea .headline h2.title{ font-size: 14px; }
.wrapperArea .areaArea .headline h2.title_jp { font-size: 35px;letter-spacing: .1em;}        
}
@media only screen and (max-width: 738px) {
.wrapperArea .areaArea .headline { margin-bottom: 35px;}
.wrapperArea .areaArea .headline h2.title{ font-size: 13px; }
.wrapperArea .areaArea .headline h2.title_jp { font-size: 30px;letter-spacing: .1em;}        
}
@media only screen and (max-width: 560px) {
.wrapperArea .areaArea .headline { margin-bottom: 25px;}
.wrapperArea .areaArea .headline h2.title{ font-size: 12px; }
.wrapperArea .areaArea .headline h2.title_jp { font-size: 25px;letter-spacing: .1em;}    
}




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

   .blockArea

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

.shoplistArea .blockArea { font-size: 0; display: flex; flex-wrap: wrap;}
.shoplistArea .blockArea+.blockArea {margin-top: 65px;}

/* .blockBox */
.shoplistArea .blockBox { width: 33.333%; padding: 40px 3.5% 45px; position: relative; z-index: 1;}
.shoplistArea .blockBox:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; border-bottom: #111 1px dotted;border-right: #111 1px dotted;  z-index: -1;}
.shoplistArea .blockBox:first-of-type::after {border-left: #111 1px dotted;}
.shoplistArea .blockBox:first-of-type::after,
.shoplistArea .blockBox:nth-of-type(2)::after,
.shoplistArea .blockBox:nth-of-type(3)::after{ border-top: #111 1px dotted;}
.shoplistArea .blockBox:nth-of-type(3n+1)::after { border-left: #111 1px dotted;}

/* _____ .headline_superiorroom _____ */
.shoplistArea .headline_superiorroom { width: 100%; margin-top: -10px; margin-bottom: 50px; text-align: center;}
.shoplistArea .headline_superiorroom .t_ttl_superior_en { font-size: 25px;font-family: 'Libre Baskerville'; font-weight: 400; line-height: 1;letter-spacing: .05em;}
.shoplistArea .headline_superiorroom .btn_superiorroom { margin: 15px 0 0; display: inline-block; border-bottom: #111 1px solid;font-size: 14px;line-height: 1.5; letter-spacing: 0.05em;position: relative;z-index: 0;}

/* _____ .blockBox_superiorroom _____ */
.shoplistArea .blockBox_superiorroom { width: 50%;}
.shoplistArea .blockBox_superiorroom:nth-of-type(3)::after{ border-top: none;}
.shoplistArea .blockBox_superiorroom:nth-of-type(3n+1)::after { border-left: none;}
.shoplistArea .blockBox_superiorroom:nth-of-type(odd)::after{ border-left: #111 1px dotted;}

@media (min-width: 961px) and (hover: hover) {
.shoplistArea .headline_superiorroom .btn_superiorroom:hover { color: #fefefe; background: #111;}
}
@media only screen and (max-width: 960px) {
.shoplistArea .blockArea+.blockArea {margin-top: 45px;}
    
.shoplistArea .blockBox { width: 50%; padding: 35px 5% 40px; }
.shoplistArea .blockBox:nth-of-type(3)::after{ border-top: none;}
.shoplistArea .blockBox:nth-of-type(3n+1)::after { border-left: none;}    
.shoplistArea .blockBox:nth-of-type(odd)::after{ border-left: #111 1px dotted;}  
    
.shoplistArea .headline_superiorroom { margin-bottom: 40px; }
.shoplistArea .headline_superiorroom .t_ttl_superior_en { font-size: 22px; }
.shoplistArea .headline_superiorroom .btn_superiorroom { margin: 15px 0 0; font-size: 13px;line-height: 1.6;}    
}
@media only screen and (max-width: 738px) {
.shoplistArea .blockArea+.blockArea {margin-top: 40px;}    
.shoplistArea .blockBox { width: 100%; padding: 35px 6.5% 35px; }	
.shoplistArea .blockBox:after { border: #111 1px dotted;border-bottom: none; }
.shoplistArea .blockBox:nth-of-type(3)::after{ border-top: #111 1px dotted;}
.shoplistArea .blockBox:nth-of-type(3n+1)::after { border-left: #111 1px dotted;}    
.shoplistArea .blockBox:last-of-type::after {border-bottom: #111 1px dotted;}
.shoplistArea .blockBox_superiorroom:after {border: #111 1px dotted;border-bottom: none;}
.shoplistArea .blockBox_superiorroom:nth-of-type(3)::after{ border-top: #111 1px dotted;}
.shoplistArea .blockBox_superiorroom:nth-of-type(3n+1)::after { border-left: #111 1px dotted;}
.shoplistArea .blockBox_superiorroom:last-of-type::after {border-bottom: #111 1px dotted;}
.shoplistArea .headline_superiorroom { margin-bottom: 30px; }
.shoplistArea .headline_superiorroom .t_ttl_superior_en { font-size: 18px; }
.shoplistArea .headline_superiorroom .btn_superiorroom { margin: 12px 0 0; }
}




/* span.area */
.shoplistArea .blockBox span.area { color: #999; font-size: 12px; font-family: 'Libre Baskerville';font-weight: 400; letter-spacing: 0.035em;line-height: 1; font-style: italic;display: block;}
/* h4 */
.shoplistArea .blockBox h4 {font-size: 15px; font-weight: 500; letter-spacing: .05em; line-height: 1.8; margin-top: 15px;}
/* dl */
.shoplistArea .blockBox dl { display: block flex; flex-wrap: wrap; margin-top: 20px; padding-top: 20px; border-top: #111 1px dotted;font-size: 13px; letter-spacing: .065em; line-height: 1.7;}
.shoplistArea .blockBox dl dt { /*clear: left; float: left;*/ margin: 5px 0 0; width: 45px; color: #999;vertical-align: 0;text-transform: uppercase;}
.shoplistArea .blockBox dl dd{ margin: 5px 0 0; width: calc(100% - 45px); word-break: break-all;vertical-align: 0;}
.shoplistArea .blockBox dl dd a { border-bottom: #111 1px solid;}

@media (min-width: 961px) and (hover: hover) {
.shoplistArea .blockBox dl dd a:hover { color: #fefefe; background: #111;}
}
@media only screen and (max-width: 960px) {
.shoplistArea .blockBox h4 {font-size: 15px; margin-top: 15px;}
.shoplistArea .blockBox dl {margin-top: 20px; padding-top: 20px; border-top: #111 1px dotted;}
}
@media only screen and (max-width: 738px) {
.shoplistArea .blockBox span.area { font-size: 12px; }
.shoplistArea .blockBox h4 {margin-top: 12px;}
.shoplistArea .blockBox dl { margin-top: 15px; padding-top: 15px; border-top: #ededed 1px solid; font-size: 14px;}
}

/* _____ .blockBox_superiorroom _____ */
.shoplistArea .blockBox_superiorroom:before { position: absolute; top: 30px; right: 6.5%; width: 58px; height: 58px; content: ""; background:url("../images/shoplist/logo_superior_b.png") center center no-repeat; background-size: contain; z-index: 0;}
.shoplistArea .blockBox_superiorroom h4 {padding: 0 65px 0 0;}

@media only screen and (max-width: 960px) {
.shoplistArea .blockBox_superiorroom:before { top: 35px; right: 10%; width: 48px; height: 48px;} 
}
@media only screen and (max-width: 738px) {
.shoplistArea .blockBox_superiorroom:before {top: 30px; right: 6.5%; width: 48px; height: 48px;} 
.shoplistArea .blockBox_superiorroom h4 {padding: 0 62px 0 0;}
}







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

   .distributorArea
   Distributor（販売代理店）欄

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

.distributorArea {margin: 0 0 60px;font-size: 0; position: relative; z-index: 0;}

.distributorArea .blockBox { display:inline-block; width: 100%; padding: 45px 5% 50px 38%;text-align: left;position: relative; z-index: 1;}
.distributorArea .blockBox:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: "";border: #111 1px dotted;  z-index: -1;}
.distributorArea .blockBox+.blockBox:after {border-top: none;}
.distributorArea .headline_disributor { position: absolute; top: 45px; left: 5%; z-index: 0;}
.distributorArea .headline_disributor .t_disributor_en {font-size: 25px; font-family: 'Libre Baskerville', serif; font-weight: 400; letter-spacing: 0.035em; line-height:1; font-style: italic}
.distributorArea .headline_disributor .t_disributor_jp {margin: 12px 0 0; font-size: 16px; font-family:'Shippori Mincho B1', serif; font-weight: 500; letter-spacing: 0.05em; line-height: 1;}
/* span.area */
.distributorArea .blockBox span.area { color: #999; font-size: 12px; font-family: 'Libre Baskerville';font-weight: 400; letter-spacing: 0.035em;line-height: 1; font-style: italic;display: block;}
/* h4 */
.distributorArea .blockBox h4 {font-size: 15px; font-weight: 500; letter-spacing: .05em; line-height: 1.8; margin-top: 15px;}

/* dl */
.distributorArea .blockBox dl { display: block flex; flex-wrap: wrap; margin-top: 20px; padding-top: 20px; border-top: #111 1px dotted;font-size: 13px; letter-spacing: .065em; line-height: 1.7;}
.distributorArea .blockBox dl dt { margin: 5px 0 0; width: 65px; color: #999;vertical-align: 0;text-transform: uppercase;}
.distributorArea .blockBox dl dd{ margin: 5px 0 0; width: calc(100% - 65px); word-break: break-all;vertical-align: 0;}
.distributorArea .blockBox dl dd a { border-bottom: #111 1px solid;}

@media (min-width: 961px) and (hover: hover) {
.distributorArea .blockBox dl dd a:hover { color: #fefefe; background: #111;}
}

@media only screen and (max-width: 960px) {
.distributorArea {margin: 0 0 35px; text-align: left;}
.distributorArea .blockBox { width: 100%; padding: 35px 5% 45px 35%;}
.distributorArea .headline_disributor { top: 40px;}
.distributorArea .headline_disributor .t_disributor_en {font-size: 20px; }
.distributorArea .headline_disributor .t_disributor_jp {margin: 10px 0 0; font-size: 15px;}
.distributorArea .blockBox h4 {font-size: 15px; margin-top: 15px;}
.distributorArea .blockBox dl {margin-top: 20px; padding-top: 20px; border-top: #111 1px dotted;}
}
@media only screen and (max-width: 738px) {
.distributorArea {margin: 0 0 25px;}
.distributorArea .blockBox { padding: 30px 7.5% 35px;}
.distributorArea .headline_disributor { position: static; margin: 0 0 30px;}
.distributorArea .headline_disributor .t_disributor_en {font-size: 18px;}
.distributorArea .headline_disributor .t_disributor_jp {margin: 12px 0 0; font-size: 14px;}
.distributorArea .blockBox span.area { font-size: 12px; }
.distributorArea .blockBox h4 {margin-top: 12px;}
.distributorArea .blockBox dl { margin-top: 15px; padding-top: 15px; border-top: #ededed 1px solid; font-size: 14px;}
.distributorArea .blockBox dl dt { width: 45px; }
.distributorArea .blockBox dl dd{ width: calc(100% - 45px);}
}