@charset "UTF-8";
.contents_shop{padding:60px 0 80px;}
.shop_list{ margin-top:60px;border-top:1px solid #cdcdcd;padding:60px 0 60px;margin-right:auto;margin-left:auto;max-width:980px; }
.shop_list ul{ display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap; }
.shop_list ul li{ /*width:180px;margin-right:48px;*/width:20.8%;margin-right:5.56%;margin-bottom:45px; }
.shop_list ul li:nth-child(4n){ margin-right:0; }
.shop_list ul li a{ text-decoration:none;height:100%;display:block;padding-bottom:26px;position:relative; }
.shop_list .image{ width: 100%;position: relative;margin-bottom:14px; }
.shop_list .image:before{ padding-top: 100%;content:"";display: block; }
.shop_list .image > span{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;display:block;background:url(../../images/logo.svg) 50% 50% no-repeat #fff;-webkit-background-size:120px auto;background-size:120px auto;border:2px solid #e1f0e6; }
.shop_list .image.on_img > span{border:none;-webkit-background-size:85% auto;background-size:85% auto;border: 2px solid #e1f0e6;}
.shop_list .name{ font-size:1.125rem;letter-spacing:-0.07rem; }
.shop_list .cate { display:-webkit-flex;display:flex;width:100%;height:26px;padding-top:5px;position:absolute;bottom:0;left:0; }
.shop_list .cate > span{ display:block; }
.shop_list .cate .type{ min-width:84px;display:block;padding:2px 2px 0;text-align:center;font-size:0.75rem;line-height:1.5;background-color:#4773a6;color:#fff;-webkit-border-radius: 12px; border-radius: 12px;margin-right:7px; }
.shop_list .cate .type_3{background-color:#4773a6;}
.shop_list .cate .type_4{background-color:#64996f;}
.shop_list .cate .type_5{background-color:#ca5c70;}
.shop_list .cate .type_6{background-color:#debd34;}
.shop_list .floor{ font-size:0.875rem; }

/* detail */
.contents_shop_detail article{ max-width:900px;margin-right:auto;margin-left:auto; }

.shop_title{ margin-bottom:25px;display:-webkit-flex;display:flex;align-items: center; }
.shop_title .image{ max-width:245px;margin-right:30px;display: flex;align-items: center; }
.shop_title .text{ }
.shop_title .cate { display:-webkit-flex;display:flex;margin-bottom:3px; }
.shop_title .cate > span{ display:block; }
.shop_title .cate .type{ min-width:136px;display:block;padding:2px 2px 0;text-align:center;font-size:0.8125rem;line-height:1.5;background-color:#FFAB00;color:#fff;-webkit-border-radius: 12px; border-radius: 12px;margin-right:7px; }
.shop_title .cate .type_3{background-color:#4773a6;}
.shop_title .cate .type_4{background-color:#64996f;}
.shop_title .cate .type_5{background-color:#ca5c70;}
.shop_title .cate .type_6{background-color:#debd34;}

.shop_title .floor{ font-size:1.0625rem; }
.shop_title  h1{ font-size:1.75rem;padding-left:5px; }

.shop_visual{margin-bottom:40px;text-align:center;position:relative;}
.shop_visual .view{ position: relative; }
.shop_visual .view:before{ padding-top: 66.6667%;content:"";display: block; }
.shop_visual ul{ position: absolute;top: 0;left: 0;width: 100%;height: 100%; }
.shop_visual ul li{width:100%;height:100%;display:none;position:absolute;top:0;left:0;}
.shop_visual ul li:first-child{display:block;}
.shop_visual ul li span{width:100%;height:100%;display:-webkit-flex;align-items:center;text-align:center;justify-content: center;}
.shop_visual ul li img{max-width:100%;max-height:100%;}

.shop_visual .lamp{margin-top:20px;}
.shop_visual ol{display:-webkit-flex;display:flex;justify-content: center;}
.shop_visual ol li{margin:0 5px;}
.shop_visual ol li span{display:block;width:14px;height:14px;border:1px solid #379d5a;-webkit-border-radius: 50%; border-radius: 50%;}
.shop_visual ol li.is_active span{background:#379d5a;}

.shop_visual.nonex .lamp,
.shop_visual.nonex .arrow{display:none;}

.shop_visual .arrow p{position: absolute;top: 0;width: 60px;height: calc(100% - 24px);background:url(../../images/top/arrow_slider.png) 50% 50% no-repeat;}
.shop_visual .prev{left: 0;transform: scale(-1, 1);}
.shop_visual .next{right: 0;}

.shop_explain{ margin-bottom:50px;font-size:1.0625rem; }
.shop_explain a{ color:#0073c1; }

.shop_table{ width:100%;border-top:1px solid #666; }
.shop_table th,.shop_table td{ padding:25px;font-size:1.125rem;border-right:1px solid #666;border-bottom:1px solid #666; }
.shop_table th{ border-left:1px solid #666;width:250px;  }
.shop_table td > a{ font-size:1rem;color:#0073c1; }

/* menu */
.shop_search h2.label{font-size: 0.9375rem;position: relative;}
.shop_search h2.label::before{content: "";display: block;position: absolute;left: 0;top: 0;width: 22px;height: 22px;background: url(../../images/top/icon_search.svg) no-repeat 50% 50%;}
.shop_search h3.in_label{color: #fff;padding: 3px 10px 4px;text-align: center;font-size: 16px;letter-spacing: 1rem;margin-bottom: 20px;}
.shop_search h3.is_east{background-color:#ff4b00;}
.shop_search h3.is_west{background-color:#0073c1;}

.shop_search_place ul{display: flex;}
.shop_search_place ul li a{display: grid;place-content: center;border: 1px solid #989898;}
.shop_search_place ul li.on a{border-color: #379d5a;background-color: #379d5a;color: #fff;}

.shop_search_place ul.hall li.on.is_east a{border-color:#ff4b00;background-color:#ff4b00;}
.shop_search_place ul.hall li.on.is_west a{border-color:#0073c1;background-color:#0073c1;}

.shop_search_place ul.floor li{display:none;}
.shop_search_place ul.floor.on_east li[direct_name='東館'],
.shop_search_place ul.floor.on_west li[direct_name='西館']{ display:list-item; }

.shop_search_name form{display: flex;align-items: center;}
.shop_search_name .button input[type="submit"]{border: none;background-color: #379d5a;color: #fff;font-family: "Noto Sans",sans-serif;-webkit-border-radius: 4px;border-radius: 4px;}
.shop_search_name input[type="search"]{border: 1px solid #989898;width: 100%;height: 44px;-webkit-border-radius: 5px;border-radius: 5px; padding: 0 20px;}

/* navi */
.shop_navi{margin:0 auto;display:-webkit-flex;display:flex;justify-content: space-between;max-width: 900px;}

.shop_navi li.next,
.shop_navi li.prev{visibility: hidden;}

.shop_navi li.next.on,
.shop_navi li.prev.on{visibility: visible;}

.shop_navi li a{display: flex;background-color: #379d5a;color: #fff;position: relative;justify-content: center;align-items: center;width: 100%;height: 34px;font-size: 0.75rem;}
.shop_navi li.next a::after,
.shop_navi li.prev a::after{content: "";display: block;position: absolute;top: 50%;width: 6px;height: 10px;background: url(../../images/arrow_news.svg) no-repeat 50% 50%;}
.shop_navi li.next a::after{right: 16px;transform: translateY(-50%);}
.shop_navi li.prev a::after{left: 16px;transform: translateY(-50%) scale(-1,1);}

.store_news{background-color:#e3f1e8;}
.store_news h3{text-align:center;margin-bottom:30px;}
.store_news h3 span{display: block;position: relative;font-family: "Montserrat", sans-serif;line-height:1;}

.news_list{}
.news_list ul{max-width:756px;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-right:auto;margin-left:auto;}
.news_list li a{display:block;background-color:#fff;display:block;-webkit-box-shadow: 2px 2px 2px #cfe7d7;box-shadow: 2px 2px 2px #cfe7d7;height:100%;}
.news_list li .image{ width: 100%;position: relative; }
.news_list li .image:before{ padding-top: 56.25%;content:"";display: block; }
.news_list li .image span{ display:block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:url(../../images/logo.svg) no-repeat 50% 50%;-webkit-background-size:110px auto;background-size:110px auto; }
.news_list li .image.on_img span{-webkit-background-size:cover;background-size:cover;}
.news_list li .text p.cate{font-size:0.75rem;padding:10px;display:inline-block;-webkit-border-radius: 5px; border-radius: 5px;margin-top:2px;padding:2px 5px;color:#fff;text-align:center;background-color:#379d5a;}

@media screen and (min-width:768px) {

	.shop_list ul li a{-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
	.shop_list ul li a:hover{-webkit-transform: translateY(-20px);transform: translateY(-20px);}
	.shop_list .name{margin-right:-30px;}

	.shop_search{max-width: 862px;margin: 0 auto;}
	.shop_search h2.label{padding-left: 30px;margin-bottom: 10px;}
	
	.shop_search_place ul{gap: 0 1.76vw;}
	.shop_search_place ul.hall,
	.shop_search_place ul.type,
	.shop_search_place ul.floor{margin-bottom: 25px;}
	.shop_search_place ul.hall li{width: 50%;}
	.shop_search_place ul.floor.on_east li{width: calc(100% / 6);}
	.shop_search_place ul.floor.on_west li{width: calc(100% / 4);}
	.shop_search_place ul li{width: 25%;}
	.shop_search_place ul li a{width: 100%;border-radius: 5px;height: 44px;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
	.shop_search_place ul li a:hover{border-color: #379d5a;background-color: #379d5a;color: #fff;}
	.shop_search_place ul.hall li.is_east a:hover{border-color:#ff4b00;background-color:#ff4b00;}
	.shop_search_place ul.hall li.is_west a:hover{border-color:#0073c1;background-color:#0073c1;}

	.shop_search_name .button input[type="submit"]{width: 153px;height: 44px;cursor: pointer;font-size: 1.0625rem;letter-spacing: 1rem;text-indent: 1rem;margin-left: 8px;-webkit-transition: background 0.4s ease-in-out;transition: background 0.4s ease-in-out;}
	.shop_search_name .button:hover input[type="submit"]{background-color:#006046;}

	.shop_search_name .input{width: 100%;max-width: calc(100% - 160px);}

	.shop_navi{margin-top:30px;}
	.shop_navi li{width:30%;}

	.contents_shop_detail{padding-top:80px;}
	
	.shop_visual ol li:hover span{cursor:pointer;background:#379d5a;}
	.shop_visual .arrow p{-webkit-transition: background-color 0.3s ease-in-out;transition: background-color 0.3s ease-in-out;}
	.shop_visual .arrow p:hover{cursor:pointer;background-color:rgba(255,255,255,0.2);}

	.store_news{padding:60px 0 80px;}
	.store_news h3{font-size: 0.9375rem;line-height: 2rem;}
	.store_news h3 span{font-size: 2.3125rem;}

	.contents_shop_detail .shop_navi{ padding-bottom:60px; }

	.news_list li{width:29.1%;margin-right:6.35%;}
	.news_list li:nth-child(3n){margin-right:0;}
	.news_list li:nth-child(n+4){margin-top:20px;}

	.news_list li a{-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
	.news_list li a:hover{-webkit-transform: translateY(-10px);transform: translateY(-10px);}

	.news_list li .text time{font-size:0.9375rem;}
	.news_list li .text p.ttl{font-size:1.0625rem;line-height:1.75;}
	.news_list li .text p.txt{font-size:0.9375rem;}
	.news_list li .text{padding:15px 10px;}
	
	
	/** 奈良中央信用金庫 **/
	#nara_chuo_shinkin_bank .shop_explain{position:relative;min-height:178px;padding:0 178px 0 40px;}
	#nara_chuo_shinkin_bank .shop_explain::after{width:140px;height:100%;position:absolute;content:"";display:block;top:0;right:100px;background:url(../img/nara_chuo_shinkin_bank_tamarisu.png); 50% 50% no-repeat;-webkit-background-size:auto 100%;background-size:auto 100%;}

	#nara_chuo_shinkin_bank .shop_explain .qr,
	#nara_chuo_shinkin_bank .shop_table tr#tbl_url td a,
	#nara_chuo_shinkin_bank .shop_table tr#tbl_line td a{position:relative;display:inline-block;}
	
	#nara_chuo_shinkin_bank .shop_explain .qr::after,
	#nara_chuo_shinkin_bank .shop_table tr#tbl_url td a::after,
	#nara_chuo_shinkin_bank .shop_table tr#tbl_line td a::after{content:"";position:absolute;bottom:0;left:100%;margin-left:20px;transform: translateY(10px);width:50px;height:50px;background:none 50% 50% no-repeat;-webkit-background-size:contain;background-size:contain;}
	
	#nara_chuo_shinkin_bank .shop_explain .qr::after{background-image:url(../img/nara_chuo_shinkin_bank_discovery.png);transform: translateY(0px);}
	#nara_chuo_shinkin_bank .shop_table tr#tbl_url td a::after{background-image:url(../img/nara_chuo_shinkin_bank_public.png);}
	#nara_chuo_shinkin_bank .shop_table tr#tbl_line td a::after{background-image:url(../img/nara_chuo_shinkin_bank_line.png);}

}

@media screen and (max-width:767px) {
	.contents_shop{padding:30px 0 40px;}

	.contents_shop .wrapper,
	.contents_shop_detail .wrapper{padding-right:20px;padding-left:20px;}

	.shop_list ul li{ width:48%;margin-right:4%;margin-bottom:30px; }
	.shop_list ul li:nth-child(2n){ margin-right:0; }
	.shop_list .image{margin-bottom:10px;}
	.shop_list .name{font-size:1rem;margin-right:-20px;}

	.shop_search{max-width: 862px;margin: 0 auto;}
	.shop_search h2.label{font-size: 1rem;padding-left: 30px;margin-bottom: 10px;}
	
	.shop_search_place ul{gap: 10px;flex-wrap: wrap;}
	.shop_search_place ul.hall,
	.shop_search_place ul.type,
	.shop_search_place ul.floor{margin-bottom: 20px;}
	.shop_search_place ul.floor li{width: calc((100% - 20px )/3);}
	.shop_search_place ul li{width: calc(50% - 5px);}
	.shop_search_place ul li a{width: 100%;border-radius: 5px;height: 44px;}

	.shop_search_name .button input[type="submit"]{width: 80px;height: 44px;cursor: pointer;font-size: 0.9375rem;letter-spacing: 0.5rem;text-indent: 0.5rem;margin-left: 8px;}
	.shop_search_name .input{width: 100%;max-width: calc(100% - 90px);}

	.contents_shop_detail .shop_navi{ padding-bottom:40px; }
	
	.shop_title{align-items: center;margin-bottom:20px;}
	.shop_title .image{max-width:100px;margin-right:20px;}
	.shop_title .cate .type{max-width:70px;font-size:0.8125rem;}
	.shop_title .floor{font-size:0.875rem;}
	.shop_title h1{font-size:1.125rem;font-weight:bold;}
	
	.shop_explain{font-size:0.9375rem;margin-bottom:30px;}
	.shop_table th{width:100px;}
	.shop_table th,
	.shop_table td{padding:7px;font-size:0.9375rem;}
	
	.shop_navi{margin-top:40px;padding:0 30px;}
	.shop_navi li{width:166px;}
	
	.contents_shop_detail{padding-top:40px;}
	
	.shop_visual{margin-bottom:20px;}
	.shop_visual .arrow{display:none;}
	
	.store_news{padding:40px 0 60px;}
	.store_news h3{font-size: 0.875rem;}
	.store_news h3 span{font-size: 1.75rem;line-height: 2rem;}

	.news_list li{width:48%;margin-right:4%;}
	.news_list li:nth-child(2n){margin-right:0;}
	.news_list li:nth-child(n+3){margin-top:20px;}

	.news_list li .text time{font-size:0.8125rem;}
	.news_list li .text p.ttl{font-size:1rem;font-weight:bold;}
	.news_list li .text p.txt{font-size:0.875rem;}
	.news_list li .text{padding:8px;}
  
	/** 奈良中央信用金庫 **/
	#nara_chuo_shinkin_bank .shop_explain::after{width:140px;height:178px;content:"";display:block;margin:20px auto 0;background:url(../img/nara_chuo_shinkin_bank_tamarisu.png); 50% 50% no-repeat;-webkit-background-size:auto 100%;background-size:auto 100%;}
	
}