@charset "UTF-8";

/* ----------------------------------
 夏のトラベル特集 商品一覧ページ
---------------------------------- */
#ListPage_fixed { display: none; position: fixed; z-index: 9999;}

/* PC */
html[data-browse-mode="P"] .for-sp { display: none !important;}
html[data-browse-mode="P"] #ListPage_fixed { width: 180px; bottom: 140px; right: 0;}
html[data-browse-mode="P"] #ListPage_fixed .button { width: 100%;}
html[data-browse-mode="P"] #ListPage_fixed .button a { 
	width: 100%;
	padding: 8px 16px;
	min-height: 45px;
	border: #18A8BE 2px solid;
	border-right: none;
	border-radius: 0;
	font-size: 16px;
	text-align: center;
	line-height: 1.4;
	color: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #18A8BE;
	box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.3);
	transition: 0.5s;
}
html[data-browse-mode="P"] #ListPage_fixed .button a:hover { color: #18A8BE; background: #FFF;}

/* SP */
html[data-browse-mode="S"] .page-event #block_of_filter_open_fixed,
html[data-browse-mode="S"] .page-genre #block_of_filter_open_fixed,
html[data-browse-mode="S"] .page-category #block_of_filter_open_fixed,
html[data-browse-mode="S"] .page-mall #block_of_filter_open_fixed { left: 15px !important;}

html[data-browse-mode="S"] .for-pc { display: none !important;}
html[data-browse-mode="S"] #ListPage_fixed { left: 165px; right: 55px; bottom: 15px;}
html[data-browse-mode="S"] #ListPage_fixed .button { width: 100%; background: transparent;}
html[data-browse-mode="S"] #ListPage_fixed .button a { 
	width: 100%;
	padding: 2px 7px;
	min-height: 50px;
	border: #18A8BE 2px solid;
	border-right: none;
	border-radius: 2px;
	font-size: 14px;
	text-align: center;
	line-height: 1.4;
	color: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #18A8BE;
	box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.3);
	transition: 0.5s;
}