@charset "UTF-8";

/*---------------------------
/* Base Font
---------------------------*/
body {
    font-family: 'Noto Sans JP', sans-serif;
}

/*---------------------------
/*top
---------------------------*/

.copy-sp{display: none;}

.top-Cont {
    position: relative;
    height: 100vh; }


/*

.sec-Svs-Voice__Slick li { 
	margin: 30px 10px 10px; 
	background-color: #fff; 
	padding: 3rem; 
	border-radius: 20px; 
	box-shadow: 0px 0px 15px 0px #a9a9a9; }

.sec-Svs-Voice__Slick li figure { text-align: center; margin: -50px 0 10px; }
.sec-Svs-Voice__Slick li figure img { margin: 0 auto; }
.sec-Svs-Voice__Slick li h3 { text-align: center; color: #29af3b; margin-bottom: 0px; }
.sec-Svs-Voice__Slick li h4 { text-align: center; margin-bottom: 10px; font-weight: 700; }*/

/* Modal */  
/*モーダル本体の指定 + モーダル外側の背景の指定*/
/* モーダルを開くボタン */
.modal-open{
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    appearance: none;
    color:#000; 
    background-color: transparent;
    padding: 0.8rem 0.6rem;
  }
  
  /* モーダルと背景の指定 */
  .modal{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    text-align: center;
    background: rgba(0,0,0,50%);
    padding: 40px 20px;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    box-sizing: border-box;
    z-index: 9999;
  }
  
  /* モーダルの擬似要素の指定 */
  .modal:before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    margin-left: -0.2em;
  }
  
  /* クラスが追加された時の指定 */
  .modal.is-active{
    opacity: 1;
    visibility: visible;
  }
  
  /* モーダル内側の指定 */
  .modal-container{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    max-width: 600px;
    width: 90%;
  }
  
  /* モーダルを閉じるボタンの指定 */
  .modal-close{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -20px;
    right: -20px;
    width: 40px;
    height: 40px;
    color: #fff;
    background: #000;
    border-radius: 50%;
    cursor: pointer;
  }
  
  /* モーダルのコンテンツ部分の指定 */
  .modal-content{
    background: #fff;
    text-align: left;
    line-height: 1.8;
    padding: 20px;
  }
  
  /* モーダルのコンテンツ部分のテキストの指定 */
  .modal-content p{
    margin: 1em 0;
  }




.top__News-Wrap {
    position: absolute;
    bottom: 44px;
    left: -1px;
    height: 56px; 
    width: 740px; }

.top__News-Wrap::before {
    content:"";
    display: block;
    width: 56px;
    height: 56px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #F2F2F2;
    border: 1px solid #000;
    border-right: none;
    background-image: url("../images/common/news-prev_disabled.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.top__News-Wrap::after {
    content:"";
    display: block;
    width: 56px;
    height: 56px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #F2F2F2;
    border: 1px solid #000;
    border-left: none;
    background-image: url("../images/common/news-next_disabled.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.top__News-Body{
	text-align: center;
	padding: 0 56px;
	height: 56px; 
  
	li{
		text-align: center;
	position: relative;
    background-color: #fff;
    padding: 1.4rem 0rem 1.4rem 0rem;
    border-top: 1px solid #000; 
	height: 100%;
	width: 100%;
    
		p{display: inline-block ; a{display: block; text-decoration: underline; text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden; max-width: 340px;}} } }

    
    
    
    .top__News-List{
            display: inline-block;
			margin-right: 5px;
        	padding: 0 0.6rem;
			position: relative;
            display: flex;
            gap: 12px;
			
            time{
				position: relative;
				font-family: 'Poppins', sans-serif; font-weight: 500;
				padding-right: 10px;
				
				&:before { 
				content:" "; 
				display: block;
				width: 1px;
				height: 26px;
                background-color: #000;
				position: absolute; 
				top: 0; 
				right:0;}
            }
			
            div{font-family: 'Poppins', sans-serif; font-weight: 500;display: inline-block;}
            span{
                display: block;
				white-space: nowrap;
				color: #fff;
				text-align: center!important;
				font-weight: 600;
				background-color: #EB641E;
                padding: 0.4rem 0.8rem 0;
            }
    } 

/**/
@media (max-width: 959px) {
.top-Cont {
    height: 100%;
}

.copy-sp{
    display: block;
    position: absolute;
    bottom: 82px;
    right: 15px;
	width: 16px; 
	padding: 0.6rem 0;
	
	background-color: #fff;
	writing-mode: vertical-rl;
	}
	
.top__News-Wrap  {position: fixed;height: 55px; width: 100%; left: 0px; bottom:0px;z-index:999; }
.top__News-Wrap::before {
    content:"";
	display: block;
    width: 46px;
    height: 56px;
    position: absolute;
    left: -1px;
    bottom: -1px;
    background-color: #F2F2F2;
    border: 1px solid #000;
    border-right: none;
    background-image: url("../images/common/news-prev_disabled.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.top__News-Wrap::after {
    content:"";
	display: block;
    width: 46px;
    height: 56px;
    position: absolute;
    right: -1px;
    bottom: -1px;
    background-color: #F2F2F2;
    border: 1px solid #000;
    border-left: none;
    background-image: url("../images/common/news-next_disabled.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.top__News-Body{padding: 0 45px;
li{padding: 0.6rem 1rem; height: 55px;
p{ display: block ; font-size: 1.2rem;a{display: block;}} }}

.top__News-List{ padding: 0; margin-bottom: 2px; text-align: left;
time{font-size: 1.2rem;}
time::before {
    height: 16px;
    top: 2px;
}
div{font-size: 1.2rem;}
span{font-size: 1rem;margin-left: 0px;padding: 0.2rem 0.8rem;} } 

}


/*---------------------------
/*sec-cmn
---------------------------*/

/**/
.news-List2 { 
    
    li{
        position: relative;
		
		display: flex; flex-direction: column;/*揃え*/
		width: calc(33.33333333334% + 1px);
		border: 2px solid #000; 
		margin-top: -2px;
		margin-left: -1px;
		 background-color: #fff;
        
        
        .news-List-Tx{
            position: relative;
            width: 100%;
            height: 100%;
            aspect-ratio: 1/1;
            
            
        a{
            display: block; 
            padding: 8px;
            transition: 0.25s;
            width: 100%;
            height: 100%;
            aspect-ratio: 1/1;
			
			.news-List-Floor{
				display: inline-block;
				background-color: #000;
				text-align: center;
				color:#fff;
				padding: 0.3rem 1rem;}
            
            figure{ 
                transition: 0.25s;
                position:absolute;
				top:50%;
				left:50%;
				transform: translate(-50%,-50%);
                
                img {
				  display: block; }}}
            
            
            
            p{
                position:absolute;
				top:50%;
				left:50%;
				transform: translate(-50%,-50%); 
            
                font-weight: 600;
                font-family: 'Poppins', sans-serif; font-weight: 500;}}}}

.news-List2 a:hover{ p{color: #EB641E;}}

/**/
@media (max-width: 959px) { 
.news-List2 { 
li{ width: calc(50% + 1px);}}
}

/**/
@media (max-width: 768px) { 
.news-List2 { 
li{ width: calc(100% + 1px);}}
}









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

/*sec-news

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

/**/
.nav-News{
	position: relative;
    margin: 0 auto;
    width: 100%;
    padding: 0rem 2rem;
    z-index:999; }

.nav-News__List{
    margin: 0 0 40px auto;
	max-width: 800px;}

.nav-News li{
    position: relative;
        display: flex; flex-direction: column;/*揃え*/
    width: calc(25% + 1px);
    border: 1px solid #000; 
    margin-top: -1px;
    margin-left: -1px;} 

.nav-News li a{
	display: block;
	transition: all 0.2s;
    background-color: #fff;
    text-align: center;
    
    padding: 1.2rem 2.4rem;
	font-size:1.6rem;
	line-height:1.2;
	font-weight:500;
	letter-spacing: 0.01em; }

.nav-News li a .icon-btm:before { 
    transition: all 0.2s;}


.nav-News li a:link {color: #000 !important;}
.nav-News li a:hover{color: #fff !important; background-color: #000;}
.nav-News li .nav-News__curent{display: block;color: #fff!important; background-color: #000!important}

.nav-News li .nav-News__curent:before { 
    content: url("../images/common/icon-btm.png"); 
    position: absolute;
    bottom:-2px;
    left:50%;
    width: 15px;
    height: 9px;
    transform: translateX(-50%);}


/**/
@media screen and (max-width: 959px) {.nav-News{display: none; } }


.news-List {
	
    
    li{
        position: relative;
        width : calc((100% / 3));
		margin-bottom: 40px;
        
        
        .news-List-Tx{
            position: relative;
			
			a{
            display: block; 
            transition: 0.25s;
            text-decoration: none;
			
			
				figure{ 
                    margin-bottom: 16px;
                    position: relative;
					width: 100%;
					height: 100%;
					aspect-ratio: 4/2.8;
					border: 1px solid #000000;
					/*border-top: 1px solid #000000;
                    border-right: 0px solid #000000;
                    border-bottom: 1px solid #000000;
                    border-left: 1px solid #000000;*/
					background-color: #fff;
					overflow: hidden;
					
					display: flex;
					align-items: center; /*上下*/
					justify-content: center;/*中央*/
                    
                    .news-List-Tag{
					position: absolute;
                    top:0;
                    left:0;  
                    font-size: 12px;
					color: #fff;
					font-family: 'Poppins', sans-serif; font-weight: 300; 
					text-align: center!important;
					font-weight: 600;
                    z-index: 10;
					
					background-color: #EB641E;
					padding: 0.8rem 1.6rem;}

					img {
						transition: 0.25s;
					    display: block;
					    width: 100%;
					    height: 100%;
						text-align: center;
                        object-fit: cover; /* FIX Eri.T 09/02 */
                    }}

                time{margin-top: 16px;transition: 0.25s; padding: 0 1vw 0 0;}
				
				h2{margin-top: 4px; font-weight: 500!important;transition: 0.25s;padding: 0 1vw 0 0 ; line-height: 1.4;}
            }
        }
    }
    li + li {
        margin-left: -1px;
    }
}


.news-List a:hover img:hover{
  transform:scale(1.1,1.1);
}

.news-List a:hover time{color: #EB641E;}
.news-List a:hover h2{color: #EB641E;}

/*
.bd-R{border-right: 1px solid #000000!important; }
.bd-R2{border-right: 0px solid #000000; }

@media (max-width: 959px) { 
.bd-R{border-right: 0px solid #000000!important; }
.bd-R2{border-right: 1px solid #000000!important; }
}*/

/**/
@media (max-width: 959px) { 
.news{position: relative; margin-top: 0px;}
.news-List {
li{width : calc((100% / 2));margin-bottom: 20px;
        
.news-List-Tx{
a{
figure{ 
    margin-bottom: 4px;
    .news-List-Tag{padding: 0.4rem 1rem; font-size: 10px;}
	
	/*
    border-top: 1px solid #000000;
                    border-right: 0px solid #000000;
                    border-bottom: 1px solid #000000;
                    border-left: 1px solid #000000;*/
img {object-fit: cover;}}

time{margin-top: 8px; padding: 0 2vw ;}
h2{margin-top: 0px; font-weight: 600!important;padding: 0 2vw ;} }}}}
	
}






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

/*sec-shop

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


.nav-wrap {
    position: fixed;
    top: 48px;
	left:0%;
	width: 100%;
    z-index:999;
}


.scroll-nav {
        margin: 0 auto;
        width: 100%;
        overflow-x: auto;
        padding: 0 2rem;
        -webkit-overflow-scrolling: touch; /* 慣性スクロール */}


.scroll-nav ul {
      min-width: 768px; /* メニューの最小幅 */
      height: 40px;
      line-height: 40px;
      margin: 0 0 0 auto;
      display: flex;
      overflow: hidden;
      width: 60%;

     li {
        position: relative;
        text-align: center;
        flex: 1;
        background-color: #fff;
        border: 1px solid #000000;
        margin-left: -1px;
    } }

    .next-btn {
      display: none; /* 右側の固定部分を非表示 */
    }

    .scroll-nav ul li:hover {
      background: #000; /* マウスホバー時の背景色 */
    }
    .scroll-nav ul li a {
        transition: 0.25s;
      display: block;
      text-decoration: none;
    }

.bd-L{border-left: 2px solid #000000!important; }


.scroll-nav ul li a:link {color: #000 !important;}
.scroll-nav ul li a:visited {color: #000 !important;}
.scroll-nav ul li a:hover{color: #fff !important; background-color: #000;}
.scroll-nav ul li a.active{color: #fff!important; background-color: #000;}


@media only screen and (max-width: 959px) { 
.nav-wrap {
    position: sticky;
    
    top:54px;
	left:0%;
	width: 100%;
	z-index:999; }}	
	
@media only screen and (max-width: 768px) { 
	
.nav-wrap {
    position: fixed;
    
    top:auto;
	bottom: 0;
	left:0%;
        width: 100%;
    z-index:999; }
    
.scroll-nav {
    padding: 0;
        margin: 0 32px 0 auto;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch; /* 慣性スクロール */}
	
.scroll-nav ul {
    width: calc(100% - 47px);
      min-width: auto; /* メニューの最小幅 */
      height: 48px;
      line-height: 48px;
      margin: 0;

     li {
        position: relative;    
        text-align: center;
        background-color: #fff;
        border: 1px solid #000000;
        border-bottom: none;
        margin-left: -1px;

        a > span {
            display: none;
        }
    }
}

    .next-btn { 
		display: none; /* 右側の固定部分を非表示 */
        /*border-top: 1px solid #000000;
        display: block;
      position: absolute;
      top: 0;
      right: 0;
      width: 25px; 
      height: 49px; 
      line-height: 49px;
      background: #fff;
      color: #555;*/
    }
    }



/**/
.nav-Floor{
	position: sticky;
    top:0;
	left:0%;
	width: 100%;
	padding: 1.6rem 2rem 0;
    z-index:999; }

.nav-Floor__List{
    margin: 0 0 0 auto;
	width: 80%; }

.nav-Floor li{
	text-align: center;
	margin:0;
	width: 14.285%;}  /* FIX Eri.T 09/02 */

.nav-Floor li a{
	display: block;
	transition: all 0.2s;
    background-color: #fff;
    text-align: center;
    
    padding: 0.8rem 2.4rem;
	font-size:1.6rem;
	line-height:1;
	font-weight:500;
	letter-spacing: 0.01em; }


.nav-Floor li a:link {color: #000 !important;}
.nav-Floor li a:visited {color: #000 !important;}
.nav-Floor li a:hover{color: #fff !important; background-color: #000;}
.nav-Floor li a.active{color: #fff!important; background-color: #000;}


.containing-block {
  transform: translate(0);
}


/*- @media 959px-*/
@media screen and (max-width: 959px){
.nav-Floor{
	position: sticky;
    top:48px;
    left: 0;
	width: 100%;
	padding: 0rem 0rem 0;
    z-index:99; }

.nav-Floor__List{width: 100%; }
.nav-Floor li{text-align: center;margin:0; } 
.nav-Floor li a{ padding: 1rem 1.085rem;font-size:1.2rem;line-height:1;}
}




/**/

.shop{
	position: relative;}


.shop-List {
	
    
    li{
        position: relative;
        width : calc((100% / 3));
		margin-bottom: 40px;
        
        
        .shop-List-Tx{
            position: relative;
			
			a{
            display: block; 
            transition: 0.25s;
            margin-right: -1px; /* ADD Eri.T 09/02 */
			
			
				figure{ 
					width: 100%;
					height: 100%;
					aspect-ratio: 16/9;
					border-top: 1px solid #000000;
                    border-right: 1px solid #000000; /* FIX Eri.T 09/02 */
                    border-bottom: 1px solid #000000;
                    border-left: 1px solid #000000;
					background-color: #fff;
					
					display: flex;
					align-items: center; /*上下*/
					justify-content: center;/*中央*/
                    
                    

					img {
					transition: 0.25s;
					  display: block;
					  width: 10vw;
						text-align: center;}}

            	.shop-List-Tag{
					display: table;
					color: #fff;
					font-family: 'Poppins', sans-serif; font-weight: 300; 
					font-weight: 500;
                    font-size: 12px;
                    line-height: 1.4;
					
					background-color: #EB641E;
					padding: 0.8rem 1.6rem;}
				
				h2{margin-top: 10px; font-weight: 600!important; transition: 0.25s;}

                span { /* ADD Eri.T 09/02 */
                    display: block;
                    font-weight: 400;
                    font-size: 12px;
                }
            
            }}}}


.shop-List a:hover{color: #EB641E;}
.shop-List a:hover img{transform:scale(1.1,1.1);}

/* logo_B101とlogo_B102を大きく表示（全デバイス） */
.shop-List .logo-large img {
    width: 16vw !important;
}

/* スマホ版では少し調整 */
@media (max-width: 959px) {
    .shop-List .logo-large img {
        width: 28vw !important;
        max-width: 150px;
    }
}


.bd-R{border-right: 1px solid #000000!important; }
.bd-R2{border-right: 0px solid #000000; }

@media (max-width: 959px) { 
.bd-R{border-right: 0px solid #000000!important; }
.bd-R2{border-right: 1px solid #000000!important; }
}

/**/
@media (max-width: 959px) { 
.shop{}
.shop-List {
li{width : calc((100% / 2));margin-bottom: 24px;
        
.shop-List-Tx{
a{
figure{ 
	aspect-ratio: 1/1;border-top: 1px solid #000000;
                    border-right: 1px solid #000000; /* FIX Eri.T 09/02 */
                    border-bottom: 1px solid #000000;
                    border-left: 1px solid #000000;
img {width: 20vw;}}

.shop-List-Tag {
    padding: 0.8rem 1rem;
    font-size: 10px;
}
h2{margin-top: 8px; font-weight: 600!important;} }}}}


}

@media (max-width: 959px) {
    .shop:last-of-type {
        margin-bottom: 60px;
    }
}





/*---------------------------
/*l-hero //横スライド
---------------------------*/
@media (max-width: 959px) {
    .single-store {
        .main-Area {
            padding-top: 46px;
        }
    }
}

.main-Body{position: relative; }

/**/

.wrapper {
    overflow: hidden;
    border-top: 20px solid #fff;
	border-bottom: 20px solid #fff; 
	
    position: relative;
    height: 95vh; }

.container {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  height: 100%;
}

.section {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  width: 80vw;
  height: 100%;
    
  /*@media screen and (min-height: 700px) {
    width: 1200px;
  }*/
}


/**/
@media (max-width: 959px) { 
    
.wrapper {
    border-top: 0px solid #fff;
	border-bottom: 0px solid #fff; 
    position: relative;
    height: auto; }

.container {
  position: relative;
  display: block;
  align-items: center;
  height: auto;
}

 
    
}


/**/
.section2 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  width: 680px;
  height: 100%;
  background-color: #fff; }


.section3 {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    /*width: min(100vw,1000px);*/
    aspect-ratio: 4/3;
    height: 100%; }

.section4 {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    width: min(100vw,700px);
    height: 100%; }


.section5 {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    width: min(100vw,700px);
    height: 100%; }

/**/
@media (max-width: 959px) { 
.section {
    position: relative;
  flex-shrink: 0;
  display: block;
  align-items: center;
  width: 100%;
 height: auto;}   
    
/**/
.section2 {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto; }


.section3 {
    flex-shrink: 0;
    display: block;
    align-items: center;
    width: min(100vw,1000px);
   height: auto; }

.section4 {
    flex-shrink: 0;
    display: block;
    align-items: center;
    width: min(100vw,700px);
    height: auto; }


.section5 {
    flex-shrink: 0;
    display: block;
    align-items: center;
    width: min(100vw,700px);
    height: auto; } 
}




/*panel-1
-----------------------------*/

.panel-1 {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 0;
    isolation: isolate;
}

.panel-1__Scroll{
   position: absolute;
    top: 50%;
    right:0px;
    transform: translateY(-50%);
    z-index: 10;
    width: 100px;

    img{}}


.panel-1__Tx a:hover{text-decoration: none;}


.panel-1__bg {
    width: 100%;
    height:100%;
    position:absolute;
    top:0%;
    left:0%;
    z-index: 1;
    
    img{
    width: 100%;
    height:100%;
    object-fit:cover;
    filter: brightness(0.5); }}

.panel-1__Body {
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    z-index: 10;
    
    width: 100%;
    color: #fff;
    font-family: 'Poppins', sans-serif; font-weight: 500; 

    figure{
        display: block;
        text-align: center; 
        width: auto;
        max-width: 240px;
        margin: 0 auto;
        
        img {
            display: block;
            width: 100%;
            height: auto;
            max-width: 100%;
        }
    }
    
    h2{text-align: center; letter-spacing: 0.1em; font-family: 'Poppins', sans-serif; font-weight: 500; margin-bottom: 0px; padding: 20px 0 10px;}
    h3{text-align: center; font-family: 'Poppins', sans-serif; font-weight: 300; letter-spacing: 0.08em;margin-bottom: 24px;}
    p{width: fit-content; margin: 0 auto; font-family: 'Poppins', sans-serif; font-weight: 300; margin-top: 0.6rem;letter-spacing: 0.1em; a{display: block; color: #fff; text-decoration: underline;letter-spacing: 0.08em; transition: 0.25s;} }
	
	.panel-1__Tx{
		margin: 0 auto;
    	/* width: 340px; */
    
    .panel-1__Tx-floor{
        margin: 80px 0 0px;
        span{
        margin: 0 auto;
        display: block;
        width: 60px;
        padding: 0rem 0.8rem;
        text-align: center;
        border: 1px solid #fff; 
        font-family: 'Poppins', sans-serif; font-weight: 500; }}}
}

/**/
@media (max-width: 959px) {
.panel-1 {position: relative;width: 100%;height: calc(100vh - 46px);}

.panel-1__Scroll{display: none;}
	
.panel-1__Scroll2{
   position: absolute;
    width: 34px;
	z-index: 10;
	
	bottom:5%;
	left:50%;
	transform: translateX(-50%); 

    img{}}

.panel-1__Body {
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    z-index: 10;
    
    width: 100%;
    color: #fff;
    font-family: 'Poppins', sans-serif; font-weight: 500; 

    figure{
        display: block;
        text-align: center; 
        width: auto;
        max-width: 240px;
        margin: 0 auto;
        
        img {
            display: block;
            width: 100%;
            height: auto;
            max-width: 60%;
            margin: 0 auto;
        }
    }
    
    h2{text-align: center; letter-spacing: 0.1em; font-family: 'Poppins', sans-serif; font-weight: 500; margin-bottom: 0px;}
    h3{text-align: center; font-family: 'Poppins', sans-serif; font-weight: 300; letter-spacing: 0.08em;margin-bottom: 16px;}
    p{max-width: 280px; margin: 0 auto; font-family: 'Poppins', sans-serif; font-weight: 300; margin-top: 0.6rem;letter-spacing: 0.1em; a{display: block; color: #fff; text-decoration: underline;letter-spacing: 0.08em; transition: 0.25s;} }
	
	.panel-1__Tx{
		margin: 0 auto;
    	width: 100%;
    
    .panel-1__Tx-floor{
        margin: 32px 0 10px;
        span{
        margin: 0 auto;
        display: block;
        width: 60px;
        padding: 0rem 0.8rem;
        text-align: center;
        border: 1px solid #fff; 
        font-family: 'Poppins', sans-serif; font-weight: 500; }}}
    }
}

.bg-img-nike {
    position:absolute;
    top:0%;
    left:0%;
    z-index: 1;
    
    img{
    width: 100%;
    height:100%;
    object-fit:cover; }}


/*panel-2
-----------------------------*/

.panel-2 {
    position: relative;width: 100%;height: 100%;
    padding: 5rem 3.2rem; 
    background-color: #fff;}

.panel-2__Body {position: relative; }

.panel-2__Name {position: relative;
    
    .panel-2__Name-floor{
        margin-bottom: 26px;
        text-align: center;
        
        span{
        margin: 0 auto;
        display: block;
        width: 60px;
        padding: 0rem 0.8rem;
        text-align: center;
        border: 1px solid #000; 
        font-family: 'Poppins', sans-serif; font-weight: 500; } }

        figure{width: 120px; margin: 0 auto; img{}} 
    
    
        h2{
            text-align: center; 
            letter-spacing: 0.1em; 
            font-family: 'Poppins', sans-serif; font-weight: 500;
            margin-top: 16px;
            margin-bottom: 24px;
        
            span{display: block; margin-top: 0px;}} }

/**/
        
    .panel-2__Tx{

        h3{ letter-spacing: 0.08em;}

        p{
            font-family: 'Poppins', sans-serif; font-weight: 300;
            margin-top: 20px;
            letter-spacing: 0.02em; line-height: 1.6;} }

/**/
.panel-2__News {
    margin-top: 32px;
    position: relative;
    /*overflow-y: scroll;*/
    /*height: 170px;*/
    
    .panel-2__News-List{
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px dotted #000000; 
		
		&:last-child{border-bottom: none; }
        
        dt{
        margin-bottom: 0px; font-family: 'Poppins', sans-serif; font-weight: 500; } }
    
    
        dd{
            letter-spacing: 0.08em; 
            line-height: 1.5;
        
            a{display: block; text-decoration: underline; transition: 0.25s;}} }

.panel-2__News a:hover{text-decoration: none;}

/**/
.panel-2__pager{
	position: relative;
	width: 100%;
	text-align: center;

	 li{
	text-align: center;
	margin:0;
	display: inline-block; } 

	 a{
	display: block;
	transition: all 0.2s;
    background-color: #fff;
    text-align: center;
    
    padding: 1.2rem 1.6rem;
	font-size:1.6rem;
	line-height:1;
	font-weight:500;
		 letter-spacing: 0.01em; } }


.panel-2__pager li a:link {color: #000 !important;}
.panel-2__pager li a:visited {color: #000 !important;}
.panel-2__pager li a:hover{color: #fff !important; background-color: #000;}
.panel-2__pager li a.active{color: #fff!important; background-color: #000}




/**/
@media (max-width: 959px) { 
    
.panel-2 {padding: 4rem 1.6rem; }
.panel-2__Name {position: relative;
.panel-2__Name-floor{margin-bottom: 16px; }

figure{width: 120px; margin: 0 auto; img{}} 
h2{ margin-top: 10px; margin-bottom: 16px;
span{display: block; margin-top: -5px;}} }  
.panel-2__Tx{
p{margin-top: 1.6rem;} }
.panel-2__News {margin-top: 16px;position: relative;overflow-y:inherit;height: auto; }    
}



/*panel-3
-----------------------------*/
.panel-3 {
		position: relative;width: 100%;height: 100%;

        figure{ width: 100%; height: 100vh;
            
            img{
              display: block;
              width: 100%;
              height: 100%;
              object-fit: cover;}} }

/**/
@media (max-width: 959px) { 
.panel-3 {
figure{ width: 100%; height: auto;} }
}



/*panel-4
-----------------------------*/
.panel-4, .panel-5 {
		position: relative;width: 100%;height: 100%;
    
    .panel-4__List, .panel-5__List{
        height: 100vh;

        li{
            width: 100%; 
            height: 50%;
			position: relative;
            
            figure{ width: 100%;
                  height: 100%; 
				
				span{
					display: block; 
					width: 80px;
					height: 80px;
					position:absolute;
					top:50%;
					left:50%;
					transform: translate(-50%,-50%);
					
					img{}}

                .panel-4__img1, .panel-4__img2, .panel-5__img1, .panel-5__img2{
                  display: block;
                  width: 100%;
                  height: 100%;
                  object-fit: cover;}} }}}

/**/
@media (max-width: 959px) {

.panel-4, .panel-5 {position: relative;width: 100%;height: auto;
.panel-4__List, .panel-5__List{height: auto;
li{width: 100%; height: auto;
figure{ width: 100%;height: 100%; 
span{width: 80px;height: 80px;top:50%;left:45%;transform: translate(-50%,-50%);
img{}}
.panel-4__img1, .panel-4__img2{}} }}}

}



/*panel-5
-----------------------------*/
/*
.panel-5 {
		position: relative;width: 100%;height: 100%; 
        
        figure{ width: 100%; height: 100vh;
       
            img{
              display: block;
              width: 100%;
              height: 100%;
              object-fit: cover;}} }
*/
/**/
/*
@media (max-width: 959px) { 
.panel-5 {position: relative;width: 100%;height: 100%; 
figure{ width: 100%; height: auto;} }    
    
}
*/


/*msm-section (Multi Shop Manager)
-----------------------------*/
.msm-section {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    width: min(100vw, 1000px);
    height: 100%; }

.msm-panel-single {
    position: relative; width: 100%; height: 100%;

    figure { width: 100%; height: 100vh;

        img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover; } } }

.msm-panel-dual {
    position: relative; width: 100%; height: 100%;

    .msm-panel-dual__List {
        display: flex;
        flex-direction: column;
        height: 100%;
        margin: 0;
        padding: 0;
        list-style: none;

        li {
            width: 100%;
            flex: 1;
            min-height: 0;
            position: relative;
            overflow: hidden;

            figure { width: 100%;
                  height: 100%;

                span {
                    display: block;
                    width: 80px;
                    height: 80px;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%,-50%);

                    img {} }

                img {
                  display: block;
                  width: 100%;
                  height: 100%;
                  object-fit: cover; } } } } }

/**/
@media (max-width: 959px) {
    .msm-section { display: block; width: 100%; height: auto; }
    .msm-panel-single { figure { height: auto; } }
    .msm-panel-dual { height: auto;
        .msm-panel-dual__List { height: auto;
            li { height: auto;
                figure { width: 100%; height: 100%;
                    span { width: 80px; height: 80px; top: 50%; left: 45%; transform: translate(-50%,-50%);
                        img {} } } } } }
}



/*---------------------------
/*sec-cmn
---------------------------*/
.cmn-Sns { 
    position: relative; 
    width: 80px;
    margin: 20px auto 0;
    text-align: center;
    
    li{
        width: 38px;
        display: inline-block;
        text-align: center;
        a{color: #fff; font-size: 2rem;text-align: center;}
        
    }
}


/*---------------------------
/*news
---------------------------*/
.news { position: relative; 
    
    article { position: relative; 
    section { position: relative; } } }

.news .inner-bg {
    max-width: 1200px; /* ADD Eri.T 09/02 */
}

.news a {
    text-decoration: underline; /* ADD Eri.T 09/02 */
}

/**/
.mv-Ttl{
            margin-bottom: 32px;
            figure{border: 1px #eee solid; margin-top: 24px;margin-bottom: 24px; img{width: 100%;}}
            h2{margin-bottom: 0px; font-weight: 600;line-height: 1.4;
                margin-bottom: 0.6em; font-size: 40px;}
            @media (max-width: 768px) {
                h2 { font-size: 20px; }
            }
            
            
            .mv-Ttl__Wrap{
            
            .news-List-Tag{
					display: inline-block;
                   
					color: #fff;
					font-family: 'Poppins', sans-serif; font-weight: 300; 
					text-align: center!important;
					font-weight: 600;
					font-size: 12px;
					background-color: #EB641E;
					padding: 0.8rem 1.6rem;
                    margin-right: 8px;}
            
            time{display: inline-block;font-family: 'Poppins', sans-serif; font-weight: 500;} }
        
		.back__Btn{margin-top: 5vw;}}

/**/
.tx-Wrap{
	max-width: 940px;
	margin: 0 auto;
            figure{margin-top: 32px; margin-bottom: 24px; text-align: center; border: 1px #eee solid;}
            p{margin-top: 24px; margin-bottom: 24px; font-weight: 400;}}

/**/
@media screen and (max-width: 959px) { 
.news { position: relative; 
    
    article { position: relative;
    section { position: relative; } } }
}








/**/
.profile__Body { 
	position: relative; margin: 0; 

	h2{text-align: center; color:#fff; font-weight: 800; }

	.profile__tx{
	margin-top:60px; text-align: center; color:#fff!important; font-weight: 800;}}

/**/
.profile__List { 
	position: relative;
	margin-top: 100px;
	width: 100%; 


	li { 
		position: relative; 
		width: 32%; 
		background-color: #fff; 
		box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2); 
		padding: 3.2rem;
		
		figure{
			width: 80%;
			position: absolute; 
			top:-60px;
			left:50%;
			transform: translateX(-50%);
		}
	
		p{margin-top: 16px;}
	}}

/**/
.profile__Card-Tx { 
	margin-top: 180px; 
	
	div{margin-bottom: 16px; font-weight: 800;}
	
	h4 { margin-bottom: 8px; line-height: 1;  font-weight: 800;}
	span{display: block; font-weight: 800;} }


/**/
@media screen and (max-width: 959px) { 
	
.profile__Body { 
.profile__tx{margin-top:16px; text-align: left; color:#fff!important; font-weight: 800;}}	
	
/**/
.profile__List { margin-top: 32px;
li { width: 100%; padding:0rem 1.6rem 1.6rem 1.6rem; margin-bottom: 10px;
figure{position: relative; top:0px;width:250px;}
p{margin-top: 8px;}}}

/**/
.profile__Card-Tx { margin-top: 10px; 
	
	div{margin-bottom: 8px; font-weight: 800;}
	
	h4 { margin-bottom: 8px; line-height: 1;  font-weight: 800;}
	span{display: block; font-weight: 800;} }
}







/*---------------------------
/*access
---------------------------*/

.access { position: relative; }

.access .inner-bg {
    max-width: 1200px; /* ADD Eri.T 09/02 */
}


/**/
.nav-Access{
    margin-bottom: 40px;
	width: 100%;
    z-index:999; }

.nav-Access__List{
    margin: 0 ;
	width: 100%; }

.nav-Access li{
	display: flex; flex-direction: column;/*揃え*/
	width: calc(33.33333333334% + 1px);
	border: 1px solid #000; 
	margin-top: -1px;
	margin-left: -1px; } 

.nav-Access li a{
	display: block;
	transition: all 0.2s;
    background-color: #fff;
    text-align: center;
    
    padding: 1.2rem 2.4rem;
	font-size:1.6rem;
	line-height:1;
	font-weight:500;
	letter-spacing: 0.01em; 

	div{display: inline-block;}}


.nav-Access li a:link {color: #000 !important;}
.nav-Access li a:visited {color: #000 !important;}
.nav-Access li a:hover{color: #fff !important; background-color: #000;}
.nav-Access li a.active{color: #fff!important; background-color: #000}

/**/
@media screen and (max-width: 959px) {
/**/
.nav-Access {
	position: fixed;
	top:auto;
	left:0;
	bottom:0;
    margin-bottom: 0px;
	width: calc(100% - 47px);
    z-index:999;
}

.nav-Access__List{
    margin: 0 ;
	width: 100%; }

.nav-Access li{
	display: flex; flex-direction: column;/*揃え*/
width: calc(33.33333333334% + 1px);
border: 1px solid #000; 
margin-top: -1px;
margin-left: -1px;
height: 48px;	
	} 

.nav-Access li a{
	display: block;
	transition: all 0.2s;
    background-color: #fff;
    text-align: center;
    
	height: 48px;	
    padding:1.6rem 0.8rem;
	font-size:1.4rem;
	line-height:1;
	font-weight:500;
	letter-spacing: 0.01em; 
	
	div{display: none;}}

}


/**/
.access__Body {
    position: relative; 

    .access__Info { 
        margin-bottom: 48px;text-align: center; 
        .g-Map{
            margin-bottom: 24px; 
            height: 30vw;
            max-height: 600px; /* ADD Eri.T 09/02 */
            filter: grayscale(1);
            iframe{display: block;
                  width: 100%;
                height: 100%;}}
        
        p{margin-bottom: 10px; text-align: center; font-weight: 800; letter-spacing: 0.05;} 
        a{display: block; text-decoration: underline; text-align: center;  font-weight: 800;}
        
    }
        
        
    .access__Cmn {
        margin-bottom: 48px;
        h2{font-weight: 800; margin-bottom: 32px; position: relative;}
        figure{margin-bottom: 24px; img{text-align: center; }}
        p{padding-left: 56px;} 
        p + p {
            margin-top: 0.8em;
        }
        a{display: block; text-decoration: underline; transition: 0.25s;}
        .access__Cmn-Bike{
            max-width: 800px;
        }
        .access__Cmn-List{
            margin: 32px 0;
            padding-left: 56px;
            
            dl{
                width: 100%;
                margin-bottom: 20px;
                padding-bottom: 20px;
                border-bottom: 1px solid #000000; 
                
                &:last-child{border-bottom: none;margin-bottom: 0px;padding-bottom: 0px;}
                
                dt{
                    width: 140px;
                    font-weight: 800;
                    
                    h4{
						font-weight: 800;
                    background-color: #000;
                    padding: 0.8rem;
                    color: #fff;}}
                
                dd{
                    padding-top: 8px;
                    width: calc(100% - 170px);
                    
                    .access__Cmn-Tx{
                        margin-bottom: 20px; 
                        b{font-weight: 800!important; display: block; margin-bottom: 10px; }
						
                        span{color: #666666; margin-top: 10px; margin-bottom: 10px; padding-left: 16px; line-height: 2;padding-left:2.5em;
text-indent:-1.3em;} }
                    
                    a{display: inline-block; transition: 0.25s;}
                
                    span{display: block;}}}}} }

.moji{color: #666666; line-height: 2; margin-top: 10px;padding-left:2.5em;
text-indent:-1.3em;}


.access__Cmn a{transition: 0.25s;}
.access__Cmn a:hover{text-decoration: none; }

.access__Cmn [class^="icon-"],
.access__Cmn [class*=" icon-"] {
    font-size: 0;
    vertical-align: super;
}
.access .icon-train:before { 
    content: "";
    background-image: url("../images/common/icon-train.svg");
    background-size: contain;
    vertical-align: middle;
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-right: 12px;
    margin-left: 8px;
}

.access .icon-car:before { 
    content: "";
    background-image: url("../images/common/icon-car.svg");
    background-size: contain;
    vertical-align: middle;
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-right: 12px;
    margin-left: 8px;
}

.access .icon-bike:before { 
    content: "";
    background-image: url("../images/common/icon-bike.svg");
    background-size: contain;
    vertical-align: middle;
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-right: 12px;
    margin-left: 8px;
}



/**/
@media screen and (max-width: 959px) { 
    
.access { position: relative; }
	
.access__Body {
    position: relative; 

    .access__Info { 
        margin-bottom: 24px;text-align: center; 
        figure{margin-bottom: 24px; img{text-align: center;}}
        p{margin-bottom: 10px; text-align: center; font-weight: 800;} 
        a{display: block; text-decoration: underline; text-align: center;  font-weight: 800;}
        
    }
        
        
    .access__Cmn {
        padding-left: 0px;
        margin-bottom: 32px;
        h2{font-weight: 800; margin-bottom: 12px; padding-bottom: 4px; }
        figure{margin-bottom: 24px; img{text-align: center; }}
        p{padding-left: 0px;} 
        a{display: block; text-decoration: underline;}
        .access__Cmn-List{
            margin: 32px 0;padding-left: 0px;
            
            dl{
                width: 100%;
                
                margin-bottom: 20px;
                padding-bottom: 20px;
                
                dt{width: 100%; h4{width: 140px;}}
                dd{width: 100%;
                    
                    .access__Cmn-Tx{margin-bottom: 20px;}
                    
                    a{display: inline-block;}
                
                    span{display: block;}}}}} }

    .access .icon-train:before,
    .access .icon-car:before,
    .access .icon-bike:before { 
        width: 28px;
        height: 28px;
        margin-right: 12px;
        margin-left: 0;
    }
}





/*---------------------------
/*privacy
---------------------------*/

.privacy { position: relative; }

.privacy .inner-bg {
    max-width: 1200px;
}

.privacy__PageTitle {
    font-size: 40px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 32px;
}

.privacy__Body {
    position: relative;
    max-width: 940px;
    margin: 0 auto;

    > p { margin-bottom: 32px; }
}

.privacy__Section {
    margin-bottom: 48px;
}

.privacy__Heading {
    font-weight: 800;
    margin-bottom: 32px;
    position: relative;
    padding-bottom: 16px;
    border-bottom: 1px solid #000000;
}

.privacy__SubHeading {
    font-weight: 800;
    margin-bottom: 24px;
}

.privacy__Block {
    p { margin-bottom: 16px; }
    p + p { margin-top: 0.8em; }
}

.privacy__ItemHeading {
    font-weight: 800;
    margin-top: 24px;
    margin-bottom: 12px;
}

.privacy__OrderedList {
    margin-bottom: 16px;
    margin-left: 1em;
    list-style: none;
    counter-reset: privacy-counter;

    > li {
        counter-increment: privacy-counter;
        padding-left: 1.5em;
        position: relative;
        margin-bottom: 8px;

        &::before {
            position: absolute;
            left: 0;
            width: 1.5em;
        }

        &:nth-child(1)::before { content: "\2460"; }
        &:nth-child(2)::before { content: "\2461"; }
        &:nth-child(3)::before { content: "\2462"; }
    }
}

.privacy__SubList {
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 1em;
    list-style: none;

    li {
        padding-left: 1.5em;
        position: relative;
        margin-bottom: 4px;

        &::before {
            content: "・";
            position: absolute;
            left: 0;
        }
    }
}

.privacy__Links {
    margin-top: 24px;
    list-style: none;

    li { margin-bottom: 8px; }
}

.privacy a {
    text-decoration: underline;
    transition: 0.25s;
}

.privacy a:hover {
    text-decoration: none;
}

.privacy__FloorImages {
    margin-top: 48px;
}

.privacy__FloorItem {
    margin-bottom: 32px;

    figure {
        img {
            width: 100%;
            height: auto;
            display: block;
        }
    }
}

.privacy__FloorHeading {
    font-weight: 800;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid #000000;
}

.privacy__Contact {
    margin-top: 24px;
    padding: 24px;
    border: 1px solid #000000;

    p { margin-bottom: 4px; }
}

@media screen and (max-width: 959px) {
.privacy__PageTitle {
    font-size: 20px;
    margin-bottom: 24px;
}

.privacy__Body {
    > p { margin-bottom: 24px; }
}

.privacy__Section {
    margin-bottom: 32px;
}

.privacy__Heading {
    margin-bottom: 24px;
    padding-bottom: 12px;
}

.privacy__Block {
    p { margin-bottom: 12px; }
}

.privacy__Contact {
    padding: 16px;
}
}


/*---------------------------
/*gallery
---------------------------*/

.gallery { position: relative; } /* ADD Eri.T 09/02 */

.gallery .inner-bg {
    max-width: 1200px; /* ADD Eri.T 09/02 */
    padding: 8rem;
}


/**/
.sub-ttl {margin-bottom: 40px;}

/**/
.sub-ttl2 {
	margin-bottom: 20px;
}

.sub-ttl2 h2 {
	font-family: 'Poppins', sans-serif;
}

/**/
.g-text {
    margin-bottom: 12px;
}
.g-text h3 {
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
    margin-bottom: 0;
    font-weight: 600;
}

.g-text p {
	font-size: 14px;
    line-height: 1.6;
}

.g-text [class^="icon-"],
.g-text [class*=" icon-"] {
    font-size: 20px;
}

#g-contact a,
#g-archive a {
    text-decoration: underline;
}

@media (max-width: 768px) {
	.g-text h3,
	.g-text p {
		font-size: 12px;
	}
}

/**/
@media (max-width: 959px) {
.sub-ttl {margin-bottom: 16px;}

.sub-ttl2 {
	margin-bottom: 16px;
	h2 {margin-bottom: 8px;}
}
}


/**/
.slider-container{width:100%;margin:0 auto;}

.top__News-Body li {
    display: flex !important;
    justify-content: center;
}

#slider{
	
	> div{
        border: 1px solid #000;
    }
	img{ 
        width: 100%;
        height: 100%;
        object-fit: contain;
        aspect-ratio: 3 / 2;
        background-color: #000;
    }
}

@media (max-width: 769px) {
    #slider img {
        aspect-ratio: 1 / 1;
    }
}

/* #thumbs 共通スタイル */
#thumbs.slick-initialized {
    .slick-list, .slick-track, .slick-slide, .slick-slide > div {
        height: auto !important;
    }
}

/* モバイル版 背景固定対応（iOS Safari対策） */
@media (max-width: 768px) {
    .bg-Main {
        background-attachment: scroll !important;
        position: relative;
    }

    .bg-Main::before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url("../images/common/bg_main.gif") repeat left top;
        z-index: -1;
    }
}

.slick-slider {
    line-height: 0;
}

/* PC版 折り返しモード（スライダーなし） */
@media (min-width: 769px) {
    #thumbs.thumbs-wrap {
        display: flex !important;
        flex-wrap: wrap;
        gap: 0;
    }

    #thumbs.thumbs-wrap > .thumb-img {
        flex: 0 0 calc(100% / 7);
        max-width: calc(100% / 7);
    }
}

#thumbs .thumb-img {
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border: 3px solid transparent;

    img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }
}

#thumbs .thumb-img.active {
    border: 3px solid #000;
}

@media (max-width: 768px) {
    #thumbs .thumb-img,
    #thumbs .thumb-img.active {
        border-width: 2px;
    }
}

/* サムネイルエリア（横並び） */
.thumbs-area {
    display: flex;
    gap: 5%;
    margin-top: 20px;
}

.thumbs-area #thumbs {
    flex: 0 0 55%;
}

/* PC版のみスライダーを左寄せ */
@media (min-width: 769px) {
    #thumbs.slick-initialized .slick-track {
        margin-left: 0;
        margin-right: auto;
    }
}

.thumbs-description {
    flex: 1;
}

@media (max-width: 768px) {
    .thumbs-area {
        flex-direction: column;
        gap: 0;
        margin-top: 8px;
    }

    .thumbs-area #thumbs {
        flex: none;
        width: calc(100% - 96px);
        margin: 0 auto;
    }

    .thumbs-description {
        padding: 20px;
    }

    #thumbs .slick-arrow {
        width: 12px !important;
        height: 21px !important;
    }

    /* gallery-detail専用 */
    .inner-bg:has(.slider-container) {
        padding: 0;

        > .sub-ttl2 {
            display: none;
        }
    }

    #back-button-pc {
        display: none;
    }

    #slider .slick-arrow {
        display: none !important;
    }
}

/* PC版 7件超えの折り返し表示 */
#thumbs.thumbs-wrap {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: flex-start;
    height: fit-content;

    > .thumb-img {
        width: 14%;
        cursor: pointer;
    }
}

.slick-prev,.slick-next{z-index:2;}
.slick-prev{left:0!important;}
.slick-next{right:0!important;}





/* Gallery List */
.gallery-List {
    li {
        position: relative;
        width: calc((100% / 3) - 40px);
        margin-left: -1px;
        margin-bottom: 40px;

        .gallery-List-Tx {
            position: relative;

            a {
                display: block;
                transition: 0.25s;

                figure {
                    margin-bottom: 1rem;
                    width: 100%;
                    height: 100%;
                    aspect-ratio: 3/2;

                    img {
                        display: block;
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        border: 1px #000 solid;
                    }
                }

                h2 {
                    margin-top: 10px;
                    font-weight: 600 !important;
                }
            }
        }
    }
}

.gallery-List a:hover {
    opacity: 0.8;
}

.bd-R {
    border-right: 1px solid #000000 !important;
}

.bd-R2 {
    border-right: 0px solid #000000;
}

@media (max-width: 959px) {
    .bd-R {
        border-right: 0px solid #000000 !important;
    }

    .bd-R2 {
        border-right: 1px solid #000000 !important;
    }

    .gallery {
        position: relative;
        margin-top: 0px;
    }

    .sub-ttl {
        margin-bottom: 32px;
    }

    .gallery-List {
        li {
            position: relative;
            width: 50%;
            margin-bottom: 20px;

            .gallery-List-Tx {
                position: relative;

                a {
                    display: block;
                    transition: 0.25s;

                    figure {
                        margin-bottom: 1rem;
                        width: 100%;
                        height: 100%;
                        aspect-ratio: 3/2;

                        img {
                            display: block;
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                        }
                    }

                    h2 {
                        margin-top: 8px;
                        margin-right: 8px;
                        font-weight: 600 !important;
                        font-size: 12px;
                    }
                }
            }
        }
    }
}




/*---------------------------
/*404
---------------------------*/

.nf-404{padding-top: 5vw;}

/**/
.nf-404__Body {
	text-align: center;
	
	h2 {margin-bottom: 80px;text-align: center;}
	p {text-align: center;}

}


/**/
@media (max-width: 959px) { 
.nf-404{padding-top: 80px;}
.nf-404__Body {text-align: center;
h2 {margin-bottom: 40px;text-align: center;}
p {text-align: center;}}
}


/**/
@media (max-width: 768px) { 
.nf-404{padding-top: 80px;}
.nf-404__Body {text-align: center;
	h2 {margin-bottom: 40px;text-align: center;img{width: 50%;}}
p {text-align: left;}}
}


/*---------------------------
/*Shop Detail
---------------------------*/

/* メインタイトル */
.main-Ttl--shop {
	padding: clamp(45px, 5.6vh, 60px) 0px;
}

/* ふりがな表示 */
.shop-furigana {
	text-align: center;
	margin-top: -1em;
	margin-bottom: 1em;
}

/* カテゴリー表示 */
.shop-category {
	text-align: center;
	margin-bottom: 1.6em;
}

/* ニュースがない場合のメッセージ */
.shop-no-news {
	color: #999;
}