﻿

/*** for PC Browser ***/
@media (min-width:401px)
{
.shoplink_wrapper{
	width: 620px;
	padding: 20px 0 20px 20px;
}

.shoplink_left{
	width: 300px;
	float: left;
}

.shoplink_right{
	width: 300px;
	float: right;
}

.clear{
	clear: both;
	margin: 0;
	padding: 0 0 10px 0;
}

.shoplink-txt{
	background-image: url('https://www.pref.tottori.lg.jp/secure/553924/arrowr_red.gif');
	background-repeat: no-repeat;
	background-position: left 2px;
	margin: 0;
	padding: 0 0 5px 25px;
	font-size: 100%;
	line-height: 130%;
}

.shoplink-txt-indent{
	background-image: url('https://www.pref.tottori.lg.jp/secure/553924/arrow_grey.gif');
	background-repeat: no-repeat;
	background-position: left 2px;
	margin: 0 0 0 30px;
	padding: 0 0 5px 15px;
	font-size: 100%;
	line-height: 130%;
}

.shoplink-ex{
	font-size: 100%;
	line-height: 130%;
	margin: 0;
	padding: 5px 0 0 0;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
.shoplink_wrapper{
	width: 300px;
	padding: 20px 0 20px 20px;
}

.shoplink_left{
	width: 300px;
	float: left;
}

.shoplink_right{
	width: 300px;
	float: right;
}

.clear{
	clear: both;
	margin: 0;
	padding: 0 0 10px 0;
}

.shoplink-txt{
	background-image: url('https://www.pref.tottori.lg.jp/secure/553924/arrowr_red.gif');
	background-repeat: no-repeat;
	background-position: left 2px;
	margin: 0;
	padding: 0 0 5px 25px !important;
	font-size: 100%;
	line-height: 130%;
}

.shoplink-txt-indent{
	background-image: url('https://www.pref.tottori.lg.jp/secure/553924/arrow_grey.gif');
	background-repeat: no-repeat;
	background-position: left 2px;
	margin: 0 0 0 30px !important;
	padding: 0 0 5px 15px !important;
	font-size: 100%;
	line-height: 130%;
}

.shoplink-ex{
	font-size: 100%;
	line-height: 130%;
	margin: 0;
	padding: 5px 0 0 0;
}
}
