@charset "UTF-8";


/* -----------------------------------------------------------
	movie
----------------------------------------------------------- */

.movie_box{
    margin-top:60px;
}

.movie_box .movie_title{
    font-size: 24px;
    margin-bottom:20px;
    font-family: var(--sub-font);
    letter-spacing: 0.2em;
}


video {	
width: 100%;	
height: auto; /* アスペクト比維持で高さ自動調整 */	
display: block; /* 余計な隙間防止 */	
}	
	

.video-box {	
    position: relative;	
    aspect-ratio: 16 / 9;
}	
.video-box .video {	
    top: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;	
}	
.video-box .video iframe {	
position: absolute;	
top: 0;	
left: 0;	
width: 100%;	
height: 100%;	
}	
.video-box .video.pe-none {	
pointer-events: none;	
}	
.video-box .playstop {	
position: absolute;	
right: 1rem;	
bottom: 1rem;	
z-index: 2;	
}	
.com-playstop {	
width: 1.7rem;	
height: 1.7rem;	
}	
.com-playstop img {	
transition: all 0.3s ease;	
position: absolute;	
top: 0;	
left: 0;	
opacity: 0;	
}	
.com-playstop.play img:nth-of-type(1) { opacity: 1; }  /* PLAYアイコン */
.com-playstop.stop img:nth-of-type(2) { opacity: 1; }  /* STOPアイコン */
.com-volume-onoff {	
width: 1.7rem;	
height: 1.7rem;	
}	
.com-volume-onoff img {	
transition: all 0.3s ease;	
position: absolute;	
top: 0;	
left: 0;	
opacity: 0;	
}	
.com-volume-onoff.on img:nth-of-type(1) {	
opacity: 1;	
}	
.com-volume-onoff.off img:nth-of-type(2) {	
opacity: 1;	
}	


.video object,
.video embed {
  pointer-events: none;
}
@media screen and  (max-width: 1200px) {
	
}
@media screen and  (max-width: 1000px) {

}
@media screen and (max-width: 767px) {
    .mv {
        margin-top: 20px;
    }

.video-box .video iframe {
    max-width: 100% !important;
    height: 100% !important;
    }
.video-box .playstop {
    bottom: .6rem;
    }  
.video iframe,
.video object,
.video embed {
  pointer-events: none !important; /* 動画へのタッチを無効化 */
}
.com-playstop {	
    width: 2.6rem;	
    height: 2.6rem;	
    }	
.com-volume-onoff {	
    width: 2.6rem;
    height: 2.6rem;
    }	
.movie_box .movie_title {
    font-size: 18px;
    }
}






/* -----------------------------------------------------------
	LOCATION ACCESS共通
----------------------------------------------------------- */
main {
    font-family: var(--main-font);
    padding: 185px 0 50px;
}
h2{
    
}
h2 img{
    
}
h3{
    font-size: 20px;
    margin-bottom:20px;
}

.global-navigation_list li.location a{
    background-color: #403f44;
}
header .global-navigation_list li span.new {
    background: #fff;
    color: #403f44;
}

.cap{
    font-size:10px;
}
#access .access_area .image_box .cap,
#access .caraccess_area .flex_box .image .cap{
    position: absolute;
    right: 10px;
    bottom: 2px;
    color: #fff;
}
#access .caraccess_area .flex_box .image .cap{
    color: #000;
}
.main_area {
    width: 100%;               /* 横幅100% */
    height: 400px;             /* 高さ200px固定 */
        background-image: url(../../location/img/main.jpg); /* 適宜パス変更 */
    background-size: cover;  /* 見切れないように全体表示 */
    background-repeat: no-repeat; /* 繰り返さない */
    background-position: center center; /* 中央寄せ */
    position: relative;
}
.main_area .cap{
    font-size:10px;
    color:#fff;
    position: absolute;
    right: 10px;
    bottom:5px;
}
@media screen and (max-width: 1000px) {
.main_area {
    height: 260px;
}
    }
@media screen and (max-width: 767px) {
.main_area {
    height: 200px;
}
    
    }


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


	共通タブ


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

.tab_list_wrapper{
	padding-top: 64px;
}

ul.tab_list{
	display: flex;
	width: fit-content;
	margin: 0 auto 0;
	border-bottom: 1px solid #4a484e;
    border-top: 1px solid rgb(74, 72, 78);
}

ul.tab_list li.tab_item{
	width: 290px;
	text-align: center;
	font-size: 24px;
	line-height: 1;
	    margin-block: 14px;
	color: #4a484e;
	position: relative;
}
ul.tab_list li.tab_item:nth-child(1){
	border-right: 1px solid #4a484e;
}

ul.tab_list._location .tab_item:first-of-type::before{
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	background-color: #4a484e;
	position: absolute;
	left: 0;
	bottom: -15px;
}

ul.tab_list._access .tab_item:last-of-type::before{
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	background-color: #4a484e;
	position: absolute;
	left: 0;
	bottom: -15px;
}
ul.tab_list._location .tab_item img,
ul.tab_list._access .tab_item img{
    width: auto;
    height:15px;
}

@media screen and (max-width: 767px) {

}
/* -----------------------------------------------------------


	共通タイトル


----------------------------------------------------------- */
.h3_area h3{
    text-align:center;
}
.h3_area h3 img{
    width: auto;
    height:15px;
}


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


	共通エリア


----------------------------------------------------------- */
.location_area,.access_area{
    padding:40px 0 200px;
}

.h3_outer{
    text-align:center;
}
.h3_outer .title{
    font-size:26px;
    font-family: var(--sub-font);
    padding: 0 0 35px;
    letter-spacing: 0.2em;
}
.h3_outer .text{
    line-height: 2.2;
}

@media screen and (max-width: 1000px) {
.location_area, .access_area {
    padding: 40px 0 150px;
    }
}
@media screen and (max-width: 767px) {
.h3_outer .text {
    letter-spacing: -0.02em;
    }
.location_area, .access_area {
    padding: 40px 0 100px;
}
}



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


	LOCATION


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





#location{
    margin-bottom:100px;
}
.location_box{
   margin-top: 200px;
    max-height: 100%;
}


.location_box .text .title{
    font-size: 20px;
    font-family: var(--sub-font);
    padding: 0 0 20px;
    letter-spacing: 0.2em;
    line-height: 2em;
}


.location_box .text h4{
  text-align: left;
  margin-bottom: 30px;
}

/* 共通 */
.location_box_inner {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.location_box .text {
  flex: 0 0 auto;
  z-index: 2;
  position: relative;
    
    line-height: 2em;
    font-size: 14px;
}
.location_box .image_01 {
  flex: 1;
  display: flex;
  position: relative;
}
.location_box .image_01 .cap{
    font-size: 10px;
    position: absolute;
    bottom: -21px;
    left: 0;
    z-index: 3;
}

/* HILL */

.hill_box {
  position: relative;
  margin-top: 100px;
}
.hill_box .image_01{
    
}
.hill_box .image_02 {
    width: 130px;
    position: absolute;
    bottom: 0;
    left: -165px;
}
/*.hill_box {
  position: relative;
  margin-top: 100px;
}
.hill_box .image_02 {
    width: 9vw;
    position: absolute;
    bottom: 0;
    right: 79%;
}*/
/* HILL *//* EDUCATION *//* CULTURE */
.education_box .image_01,
.culture_box .image_01 {
    justify-content: flex-end;
    position: relative;
    margin-right: calc((100vw - 900px) / -2);
}

.education_box .image_01 img.img_01,
.culture_box .image_01 img.img_01 {
     width: 54vw;
     max-width: 900px;
}
.hill_box .text,
.education_box .text,
.culture_box .text {
    padding-right: 8%;
}
/* PARKS *//* SHOPPING */
.parks_box .location_box_inner,
.shopping_box .location_box_inner {
  flex-direction: row-reverse;
}
.parks_box .image_01 img,
.shopping_box .image_01 img {
    width: 54vw;
    height: auto;
    max-width: 900px;
    margin-left: calc((100vw - 900px) / -2);
}
.parks_box .text,
.shopping_box .text{
  padding-left: 8%;
}




@media screen and (max-width: 1000px) {
.location_box {
    margin-top: 120px;
}
.hill_box .image_01, .education_box .image_01, .culture_box .image_01 {
    margin-right: calc((100vw - 100%) / -2);
}
.parks_box .image_01 img, .shopping_box .image_01 img {
    margin-left: calc((100vw - 86vw) / -2);
}

}
@media screen and (max-width: 767px) {
#location {
    margin-bottom: 50px;
    }
.location_box_inner {
    flex-direction: column;
    }
.location_box .text .title {
    font-size: 18px;
    letter-spacing: 0.06em;
    line-height: 1.6em;
    padding: 0 0 15px;
    }
.hill_box .image_01, .education_box .image_01, .culture_box .image_01 {
    margin-right: auto;
    }
.location_box .image_01 {
    display: block;
    width: 100%;
}
.hill_box .image_02 {
    width: 70px;
    position: absolute;
    bottom: 3px;
    left: auto;
    right: 3px;
}
.parks_box .location_box_inner, .shopping_box .location_box_inner {
    flex-direction: column;
}

.parks_box .image_01 img, .shopping_box .image_01 img {
    margin-left: auto;
    width: 100%;
    }
.parks_box .text,
.shopping_box .text,
.hill_box .text,
.education_box .text,
.culture_box .text{
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 30px;
    width: 100%;
    letter-spacing: -0.02em;
    font-size: 13px;
}
.location_box .text h4 {
    margin-bottom: 30px;
}
.location_box {
    margin-top: 100px;
    }
}

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


	INFORMATION


----------------------------------------------------------- */
.lifeinfo_area h3{
    margin-bottom:20px;
}
 .tab_list2{
    display: flex;
    font-size: 12px;
    font-weight: 600;
    } 
#map1, #map2,#map3,#map4, #map5,#map6{
    width: 63%;
    height: 440px;
    margin-bottom: 20px;
    }
.tab {
    display: inline-block;
    padding: 10px;
    cursor: pointer;   
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    width: calc(100% / 6);
    text-align: center;

    }
 .tab:first-child{
     border-left: 1px solid #ddd;
    }

.tab::before {
  content: ""; 
  display: inline-block; 
  background-size: contain;
  width: 12px;
  height: 15px;
  margin-right: 6px;
  vertical-align: middle;
}
.tab:nth-child(1)::before {
  background: url("../../location/img/icon_1.svg") no-repeat center;
}
.tab:nth-child(2)::before {
  background: url("../../location/img/icon_2.svg") no-repeat center;
}
.tab:nth-child(3)::before {
  background: url("../../location/img/icon_3.svg") no-repeat center;
}
.tab:nth-child(4)::before {
  background: url("../../location/img/icon_4.svg") no-repeat center;
}
.tab:nth-child(5)::before {
  background: url("../../location/img/icon_5.svg") no-repeat center;
}
.tab:nth-child(6)::before {
  background: url("../../location/img/icon_6.svg") no-repeat center;
}


.tab.active {
    background: #4a484e;
    color: #fff;  
    }
.list {
    display: none;
    }
.list.active {
    display: flex;
    justify-content: space-between;
    }
.scroll_box{
    width:37%;
    height: 440px;
    overflow: scroll;

    padding-left: 2%;
    font-size: 12px;
    padding: 10px 15px;
    
    box-shadow: inset 6px 6px 6px rgb(0 0 0 / 3%), inset -5px -8px 10px rgb(0 0 0 / 3%);
    }

.spot {
    position: relative;
    padding-left: 24px;
    margin: 12px 0;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    line-height: 1.2em;
    gap: 5px;
}

/* 番号を①、②、③…で表示 */
.spot::before {
  content: counter(spot-counter);
    counter-increment: spot-counter;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 50%;
    color: #ffffff;
    font-weight: bold;
    font-size: 10px;
}
.spot span{
    font-size: 10px;
    text-align: right;
    white-space: nowrap;
}
        
#shopping .spot::before {
  background-color: #bb797e; /* 背景色 */
}
#gourmet .spot::before {
  background-color: #b18f3d; /* 背景色 */
}
#parks .spot::before {
  background-color: #80a689; /* 背景色 */
}
#education .spot::before {
  background-color: #a788a7; /* 背景色 */
}
#medical .spot::before {
  background-color: #8cb0a8; /* 背景色 */
}
#public .spot::before {
  background-color: #8190ad; /* 背景色 */
}
        
/* カウンター初期化 */
.list {
  counter-reset: spot-counter;
}
        
/* InfoWindowの閉じるボタンを右上に小さく配置 */
.gm-ui-hover-effect {
    width: 18px !important;
    height: 18px !important;
    top: 4px !important;    /* 上からの位置 */
    right: 4px !important;  /* 右からの位置 */
}

.gm-ui-hover-effect img {
    width: 100% !important;
    height: 100% !important;
    
}
    

@media screen and (max-width: 1000px) {
.list.active {
    flex-direction: column;
    }
#map1, #map2, #map3, #map4, #map5, #map6 {
    width: 100%;
    margin-bottom: 2px;
    height: 240px;
    }
.scroll_box {
    width: 100%;
    height: 200px;
    padding-left:0;
    padding: 10px 15px;
    
}
}
@media screen and (max-width: 767px) {
.tab_list2 {
    flex-wrap: wrap;
    font-size: 11px;
}
.tab {
    width: calc(100% / 3);
    padding: 8px 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: none;
    line-height: 1.2em;
}
.tab:nth-child(1),.tab:nth-child(4){
    border-left: 1px solid #ddd;
}
.tab::before {
    content: "";
    display: inline-block;
    background-size: contain;
    width: 12px;
    height: 15px;
    margin-right: 4px;
    }
.scroll_box {
    font-size: 12px;
    padding: 10px 10px;
    }
.spot {
    margin: 20px 0;   
    }

}


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


	ACCESS


----------------------------------------------------------- */
/*access_area*/
#access .access_area{
    padding-bottom:80px;
}

#access .access_area .image_box{
    margin:50px auto;
    position: relative;
}

    
#access .access_area .train_box{
    
}
#access .access_area .train_box .title{
    font-family: var(--sub-font);
    font-size:20px;
    margin-bottom:30px;
}

#access .access_area .train_box .flex_box{
    display: flex;
    gap:5%;
    align-items: center;
}
#access .access_area .train_box .image{
    width:42%;
}
#access .access_area .train_box .text{
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
#access .access_area .train_box .text p{
    width:100%;
    border:1px solid #5c7d7c;
    margin:20px 0;
}

/*caraccess_area*/
#access .caraccess_area{
   background: #f9f8f4;
    padding:90px 0;
}
#access .caraccess_area .flex_box .text{
   flex:1;
}
#access .caraccess_area .flex_box .image{
   width:53%;
    position: relative;
}
#access .caraccess_area h4 {
    text-align: left;
    margin-bottom: 30px;
}
#access .caraccess_area h4 p{
    font-size: 12px;
}
#access .caraccess_area .flex_box{
   display: flex;
    gap:2%;
    margin-bottom:50px;
        align-items: center;
}

#access .caraccess_area .text_car{
    padding:20px 0;
    border-top:1px solid #4a484e;
    border-bottom:1px solid #4a484e;
    display: flex;
    gap:15px;
    flex-direction: column;
     margin-bottom:80px;
    align-items: center;
    
}
#access .caraccess_area .text_car img{
    max-width: 710px;
    
}
#access .caraccess_area .gainen{
    margin-bottom:80px;
}
#access .caraccess_area .gainen .cap{
   text-align: right;
   display: block;
}
#access .caraccess_area .ic{
    
}
#access .caraccess_area .ic .title{
    font-family: var(--sub-font);
    font-size:20px;
    margin-bottom:20px;
}
#access .caraccess_area .cap{
    margin-top:50px;
    text-indent: -1em;
    padding-left:1em;
}



@media screen and (max-width: 1000px) {
#access .caraccess_area .gainen {
    margin-bottom: 60px;
}
.h3_outer .title {
    font-size: 24px;
}
    }
@media screen and (max-width: 767px) {

main {
        padding: 100px 0 0;
    }
ul.tab_list {
    width: 86%;
    }
ul.tab_list._location .tab_item img, ul.tab_list._access .tab_item img {

    height: 10px;
}
.tab_list_wrapper {
    padding-top: 30px;
}  
    
ul.tab_list._location .tab_item:first-of-type::before,
ul.tab_list._access .tab_item:last-of-type::before{
    bottom: -14px;
}
ul.tab_list li.tab_item {
    margin-block: 14px;
}
h3 {
    margin-bottom: 10px;
}
.h3_outer .title {
        font-size: 16px;
    }  
.h3_area h3 img {
    height: 12px;
}
    
.area-info {
    margin: 0 auto 80px;
    flex-direction: column;
}
.area-info__col {
    width: 100%;
}
#access .access_area .train_box .text {
    width: 100%;
    margin-top: 50px;
}
#access .access_area .train_box .image {
    width: 100%;
}
#access .access_area .train_box .text p {

    margin: 5px 0;
}
#access .caraccess_area {
    padding: 50px 0;
}
#access .access_area .train_box .title {

    font-size: 16px;
            text-align: center;
}
#access .access_area .train_box .flex_box {
    flex-direction: column;
}
#access .caraccess_area .flex_box {
    flex-direction: column;
    align-items: flex-start;
}
#access .caraccess_area .flex_box .image {
    width: 100%;
}
 #access .caraccess_area .flex_box .text {


}   
#access .caraccess_area .flex_box .image {
    margin-top: 20px;
}
#access .caraccess_area .ic .title {
    font-size: 14px;
}
#access .caraccess_area .gainen {
    margin-bottom: 40px;
}
#access .caraccess_area .text_car {
    margin-bottom: 50px;
}
.area-info tr {
    font-size: 11px;
    padding: 10px 0;
}
.area-info {
    margin: 0 auto;
}
.area-info__col {
    margin-bottom: 50px;
}
#access .caraccess_area .text_car img:nth-child(4){
    margin-top:10px;
}
#access .caraccess_area h4{
    margin-bottom: 20px;
}  
#access .caraccess_area .cap{
    margin-top:30px;
}
}

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


	FLAT


----------------------------------------------------------- */
/*flat_area*/
#access .flat_area{
    padding-bottom:80px;
}
#access .flat_area .h4_outer {
    text-align: left;
}
#access .flat_area .h4_outer h4 {
    margin-bottom: 30px;
}
#access .flat_area .image_box{
    margin-top:-20px;
    position: relative;
    z-index: -1;
}
@media screen and (max-width: 1000px) {
}
@media screen and (max-width: 767px) {
#access .flat_area .image_box {
    margin-top: 0;
    }
#access .flat_area .h4_outer h4 {
    margin-bottom: 20px;
}
}
/* -----------------------------------------------------------


	TAXI


----------------------------------------------------------- */
/*taxi_area*/
#access .taxi_area{
    padding-bottom:80px;
}
#access .taxi_area .h4_outer .flex_box{
    display: flex;
}
#access .taxi_area .h4_outer {
    text-align: left;
}
#access .taxi_area .h4_outer h4 {
    display: flex;
    align-items: baseline;
    margin-bottom: 30px;
}

#access .taxi_area .h4_outer p.kome{
     padding-left:10px;
    font-size:12px;
}
#access .taxi_area .image_box{
    margin-top:60px;
}
#access .taxi_area .cap{
    margin-top:50px;
    text-indent: -1em;
    padding-left:1em;
}
@media screen and (max-width: 767px) {
#access .taxi_area .h4_outer p.kome {
    font-size: 10px;
    }
#access .taxi_area .h4_outer h4 {
    margin-bottom: 20px;
}
#access .taxi_area .image_box {
    margin-top: 30px;
}
#access .taxi_area .cap {
    margin-top: 30px;
}
}
/* -----------------------------------------------------------


	slider


----------------------------------------------------------- */
.slick-slider {
    margin-top:100px;
}

.slider div{
   position: relative;
}

.slider .cap{
    position: absolute;
    right:8px;
    bottom:6px;
    color: #fff;
    text-shadow:
        2px 2px 3px rgba(0,0,0,0.9),
        -2px 2px 3px rgba(0,0,0,0.9),
        2px -2px 3px rgba(0,0,0,0.9),
        -2px -2px 3px rgba(0,0,0,0.9);
    text-align: right;
    }
.slick-slide img {
    width: 100%;
    height: auto;
    display: block;
}

.slick-dots {
    display: flex !important;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: -45px;
}


.slick-dots li {
    position: relative;
    width: 12px;
    height: 12px;
    background: #ccc;
    margin: 0 5px;
    border-radius: 50%;
    overflow: hidden;
}
.slick-dots li .progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0%;
    background: #333;
    border-radius: 50%;
}

.slick-dots button {
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

@keyframes progressAnim {
    from { width: 0%; }
    to { width: 100%; }
}

    
    .slick-dots li {
    position: relative;
    width: 12px;
    height: 12px;
    background: #ffffff;
    margin: 0 5px;
    border-radius: 50%;
    overflow: hidden;
    transition: width 0.3s ease;
}

.slick-dots li.active {
    width: 30px;
    border-radius: 6px; /* 丸みを少し減らす */
}

.slick-dots li .progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0%;
    background: #b3b3b3;
    border-radius: 50%;
    transition: border-radius 0.3s ease;
}

.slick-dots li.active .progress-bar {
    border-radius: 6px;
}

    
    
/* デフォルトの矢印文字を消す */
.slick-prev:before,
.slick-next:before {
  content: "" !important;
}


/* 矢印位置設定 */
.slick-prev, .slick-next {
  position: absolute;
  bottom: -8px; /* ドットの横に合わせたい場合調整 */
  width: 30px;
  height: 20px;
  background: transparent;
  cursor: pointer;
  z-index: 10;
  user-select: none;
}

/* 左矢印（＜） */
.slick-prev::before,
.slick-prev::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 10px;
  background: #fff;
  top: 7px;
  left: 14px;
  border-radius: 1px;
}

.slick-prev::before {
  transform: rotate(-45deg);
  top: 4px;
}

.slick-prev::after {
  transform: rotate(45deg);
  top: -2px;
}

/* 右矢印（＞） */
.slick-next::before,
.slick-next::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 10px;
  background: #fff;
  top: 7px;
  left: 14px;
  border-radius: 1px;
}

.slick-next::before {
  transform: rotate(-135deg);
  top: 4px;
}

.slick-next::after {
  transform: rotate(135deg);
  top: -2px;
}

/* 左右位置調整：ドットの左右に配置 */
.slick-prev {
  left: calc(50% - 80px); /* 必要に応じて微調整 */
}

.slick-next {
  right: calc(50% - 80px); /* 必要に応じて微調整 */
}
button {

    border:0;
}
.slick-prev,
.slick-next {
  text-indent: -9999px; /* テキストを画面外に追い出す */
  overflow: hidden;     /* テキストのはみ出しを非表示 */
}
@media screen and (max-width: 1000px) {
.slick-slider {
    margin-top: 60px;
    }
}
@media screen and (max-width: 767px) {

.contents_wrapper .image_box .slider .cap{
    bottom:22px;
}
.slick-slider {
    margin-top: 50px;
}
.slick-dots {
    margin-top: 10px;
}
.slick-prev {
    left: calc(50% - 100px);
}
.slick-next {
    right: calc(50% - 100px);
}

.slick-dots li {
    background: #ebebeb;
}
/* 左矢印（＜） */
.slick-prev::before,
.slick-prev::after {
  background: #ebebeb;
}
/* 右矢印（＞） */
.slick-next::before,
.slick-next::after {
  background: #ebebeb;
}
}
    
    
    
    
    
    

h4 img{
  height:23px;
  width: auto;
}
/* SHOPPING */
.shopping_box .text h4 img{
  height:86px;
  width: auto;
}
@media screen and (max-width: 1000px) {
h4 img {
    height: 18px;
    }
.shopping_box .text h4 img {
    height: 60px;
    }
}
@media screen and (max-width: 767px) {
h4 img {
    
    }
}




@media screen and (min-width: 1280px) {
h4 img {
    height: 28px;
    }
.shopping_box .text h4 img {
    height: 92px;
    }
.location_box .text .title {
    font-size: 24px;
    }
.location_box .text {
    font-size: 16px;
}
}