@charset "utf-8";

/*SHOPSスタイル*/
.shopsIndex_inner_half { width:47.5%; }

.shopsIndex_col { width:47.5%; border:1px solid #d2eef1; border-radius:12px; padding-top:100px; color:#454545; padding:50% 0 0; margin-bottom:50px; background-repeat:no-repeat; background-position:top center; background-size:cover; position:relative; /*transition:0.3s;*/ }
	.shopsIndex_inner_half .shopsIndex_col { width:100%; height:100%; display:block; padding:100% 0 0; }
	
	
	@media print, screen and (min-width:1025px) {
		.shopsIndex_col:hover .shopsIndex_col_slide { padding:30px; background:rgba(255,255,255,1); transition:.3s; }
		.shopsIndex_col:hover .shops_col_info { height:auto; opacity:1; }
	}

.shopsIndex_col_slide { padding:30px 30px 10px; background:rgba(255,255,255,.9); border-radius:0 0 10px 10px; position:absolute; bottom:0; width:100%; height:auto; }
.shopsIndex_col_img_sp { display:none; }


.shops_col_title { font-size:20px; line-height:1.5; font-family:'rodin-B'; border-bottom:1px dotted #00a4b9; padding:0 10px 10px 0; position:relative; }
.shops_col_title:after { content:""; right:0%; top:15%; border:solid transparent; height:0; width:0; position:absolute; pointer-events:none; border-top:7px solid transparent; border-bottom:7px solid transparent; border-left:7px solid #00a0ba; }
.shops_col_info { height:0; padding:0; overflow:hidden; opacity:0; transition:0.3s; }

	@keyframes slideUp {
	    0% { height:0; opacity:0; }
	    100% { height:auto; opacity:1; }
	}

.shops_itemList { color:#00a4b9; margin:10px 0; }
.shops_itemList li { display:inline-block; position:relative; padding-left:40px; margin:10px 5px 10px 0; }
.shops_itemList li:before { content:""; position:absolute; top:-5px; left:0; width:36px; height:36px; background-position:center center; background-repeat:no-repeat; }
.shops_itemList li.accessory:before { background-image:url(../img/shops/ico_accessory.svg); }
.shops_itemList li.bag:before { background-image:url(../img/shops/ico_bag.svg); }
.shops_itemList li.book:before { background-image:url(../img/shops/ico_book.svg); }
.shops_itemList li.cd:before { background-image:url(../img/shops/ico_cd.svg); }
.shops_itemList li.cosme:before { background-image:url(../img/shops/ico_cosme.svg); }
.shops_itemList li.dvd:before { background-image:url(../img/shops/ico_dvd.svg); }
.shops_itemList li.fashion:before { background-image:url(../img/shops/ico_fashion.svg); }
.shops_itemList li.food:before { background-image:url(../img/shops/ico_food.svg); }
.shops_itemList li.goods1:before { background-image:url(../img/shops/ico_goods1.svg); }
.shops_itemList li.goods2:before { background-image:url(../img/shops/ico_goods2.svg); }
.shops_itemList li.goods3:before { background-image:url(../img/shops/ico_goods3.svg); }
.shops_itemList li.liquor:before { background-image:url(../img/shops/ico_liquor.svg); }
.shops_itemList li.medicine:before { background-image:url(../img/shops/ico_medicine.svg); }
.shops_itemList li.perfume:before { background-image:url(../img/shops/ico_perfume.svg); }
.shops_itemList li.tabacco:before { background-image:url(../img/shops/ico_tabacco.svg); }
.shops_itemList li.travel:before { background-image:url(../img/shops/ico_travel.svg); }
.shops_itemList li.watch:before { background-image:url(../img/shops/ico_watch.svg); }


/* archive page */
.archiveBg { position:absolute; top:0; left:0; z-index:-1; background-repeat:no-repeat;background-position:top center; background-size:cover; height:650px; width:100%; }
	.archiveBg:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); }
	

.shop_news_archive_inner { padding-top:215px; }
.shop_news_archive_inner.no_archive { padding-top:430px; position:relative; }

.shop_news_archive_inner .contentLabel { text-shadow:0 0 10px #333; }

.shopArchive_info { background:#ebfbfd;border-top:1px dotted #009fbb;border-bottom:1px dotted #009fbb; color:#454545; }
.shopArchive_info .inner_sec { max-width:1020px; }
.shopArchive_info h3 { font-size:24px; position:relative; padding-bottom:10px; margin-bottom:20px; }
.shopArchive_info h3:after { content:""; position:absolute; bottom:0; left:calc(50% - 22.5px); width:45px; height:2px; background:#009fbb; }
	.no_archive .shopArchive_info h3 { color:#fff; }
	.no_archive .shopArchive_info h3:after  { background:#fff; }

.shopArchive_info_title_box { margin-top:-160px; }
.shopArchive_info_title { background:#009fbb; color:#fff; font-size:24px; line-height:1.5; display:block; margin:0 auto; text-align:center; padding:15px 20px; border-radius:10px; position:relative; }
	.shopArchive_info_title:after { content:""; position:absolute; right:0; bottom:-17px; left:0; width:0px; height:0px; margin:auto; border-style:solid; border-color:#009fbb transparent transparent transparent; border-width:17px 17px 0 17px; }
.shopArchive_info_text { line-height:2; }
.shopArchive_infobox { margin-top:-20px; }
.shopArchive_infobox_col { width:50%; }
.shopArchive_infobox_col .shops_itemList { border-top:1px dotted #009fbb; padding-top:15px; margin-top:20px;}
.shopArchive_infobox_col a { color:#009fbb; }

	@media print, screen and (min-width:768px) {
		.shopArchive_infobox_col img { max-width:100%; padding-right:7%; }
	}

.shopArchive_info_btn { text-align:left; }

/* page */
.archivePageTitle:after { content:""; position:absolute; bottom:0; right:0; width:174px; height:79px; background-repeat:no-repeat; background-position:bottom right; }
	
	
	
.recommend_list { border-top:1px solid #e5e5e5; margin-bottom:30px; counter-reset:number; }
.recommend_list li { border-bottom:1px solid #e5e5e5; padding:12px 5px; position:relative; }
	.recommend_list li:before { counter-increment:number; content:counter(number);
position:absolute; top:5px; left:-5px; color:#fff; background:#b8392f; box-sizing:border-box; width:25px; height:25px; line-height:25px; text-align:center; vertical-align:middle;
font-size:13px; border-radius:50%; transition: all 0.5s ease 0s; }
	.recommend_list li:first-child:before { background:#0095a9; }
	.recommend_list li:hover:before { transform:translateY(-5px); }

.recommend_link { display:flex; justify-content:space-between; align-items:center; color:#0090bf; font-size:16px; line-height:1.5; }
.recommend_thumb { width:38%; padding:30% 0 0; background-repeat:no-repeat; background-size:cover; background-position:top center; }
.recommend_title { width:54%; }

.archivePage_right .shopsIndex_col { padding:0; background-image:none!important; border:none; width:100%; }
.archivePage_right .shopsIndex_col_img_sp { padding: 40% 0; display:block; padding:50% 0; background-repeat:no-repeat; background-position:top center; background-size:cover; text-indent:-9999px; border-radius:10px; }
.archivePage_right .shopsIndex_col_slide { padding:20px 0 0; position:relative; }
.archivePage_right .shops_col_info { height:auto; overflow:visible; opacity:1; padding-bottom:30px; font-size:12px; }
.archivePage_right .shops_col_title:after { display:none; }
.archivePage_right .shops_itemList li { }
	.archivePage_right .shopsIndex_col:hover .shopsIndex_col_slide { padding:20px 0 0; background:rgba(255,255,255,1); transition:.3s; }
	.archivePage_right .shopsIndex_col:hover .shops_col_info { height:auto; opacity:1; }
	

.page_top .btn_blue { padding: 13px 100px; }
.shopLink a { font-size:13px; display:block; border:2px solid #00a0ba; border-radius:30px; text-align:center; margin-bottom:10px; padding:5px 0 5px 0; color:#0090bf; }
.shopLink a:hover { color:#fff; background:#00a0ba; }




	@media print, screen and (max-width:1150px) {
		.shopArchive_info .inner_sec { padding: 50px 30px; }
	}


	@media print, screen and (max-width:1024px) {
		.shopsIndex_col { padding:0; background-image:none!important; }
		.shopsIndex_inner_half .shopsIndex_col { padding:0; }
		.shopsIndex_col_img_sp { display:block; padding:30% 0; background-repeat:no-repeat; background-position:top center; background-size:cover; text-indent:-9999px; border-radius:10px 10px 0 0; }
		.shopsIndex_col_slide { padding:20px 15px 0; position:relative; }
		.shops_col_info { height:auto; overflow:visible; opacity:1; padding-bottom:30px; }
		
		.shopArchive_infobox_col { /*width:48%;*/ }
		
		.archivePageTitle { font-size:30px; padding:20px 80px 5px 0; background-size:150px auto; }
		

	}


	@media print, screen and (max-width:767px) {
		.shopsIndex_col,
		.shopsIndex_inner_half { width:100%; }
		.shopsIndex_col_img_sp { padding:40% 0; }
		.shopsIndex_box { padding:0 20px; }
		
		.shops_col_title:after { }
		.shops_itemList { font-size:12px; }
		.shops_itemList li { padding-left:35px;  }
		.shops_itemList li:before { width:30px; height:30px; background-size:contain; }
		.fleft, .fright { float:none; }
		
		.archiveBg { height:auto; padding-top:67%; }
		.pageTitle_box .size20 { font-size:14px; }
		.shop_news_archive_inner { padding-top:10%; }
		.shop_news_archive_inner.no_archive { padding-top:66.5%; }
		.shop_news_archive_inner .contentLabel { font-size:36px; text-align:center; }
		.shopArchive_infobox { flex-wrap:wrap; margin-top:-10%; }
		.shopArchive_info_title { font-size:20px; }
		.shopArchive_infobox_col { width:100%; }
		.shopArchive_infobox_col img { width:100%; margin-bottom:30px; }
		.shopArchive_info_btn { text-align:center; }
		
		h3.archivePageTitle { padding:10px 0px 0 0; margin-bottom:0px; margin-top:10px;  border-bottom:0; border-top:3px solid #00a0ba; }
		.archivePageTitle:before { content:""; position:absolute; top:-80px; right:0; width:174px; height:79px; background-repeat:no-repeat; background-position:bottom right; }
		
			.archivePageTitle.bg_type1:after,
			.archivePageTitle.bg_type2:after,
			.archivePageTitle.bg_type3:after { display:none; }
			
			.archivePageTitle.bg_type1:before { background-image:url(../img/shops/ico_shopIndexTitle.png); background-size:50% auto; }
			.archivePageTitle.bg_type2:before { background-image:url(../img/shops/ico_shopIndexTitle2.png); background-size:80% auto; }
			.archivePageTitle.bg_type3:before { background-image:url(../img/shops/ico_shopIndexTitle3.png); background-size:50% auto; }
		
	}