@charset "utf-8";

/* CSS Document */

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

カテゴリーボタン

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

.shop-list .blocks-3 > li {
	margin-bottom: .5em;
}

.shop-name a:hover {
	text-decoration: underline;
}

.shop-name a:before {
	content: '';
	width: 16px;
	height: 16px;
	display: inline-block;
	position: relative;
	top: 3px;
}

.shop-name .num_blue {
	color: #3D7CAE;
}

.shop-name .num_blue:before {
	background-color: #689FCA;
}

.shop-name .num_purple {
	color: #8855A5;
}

.shop-name .num_purple:before {
	background-color: #AF8BC3;
}

.shop-name .num_green {
	color: #49AE49;
}

.shop-name .num_green:before {
	background-color: #7FC97F;
}

.shop-name .num_yellow {
	color: #FCB801;
}

.shop-name .num_yellow:before {
	background-color: #FECC45;
}

.shop-name .num_orange {
	color: #F87702;
}

.shop-name .num_orange:before {
	background-color: #FD993E;
}

.shop-name .num_pink {
	color: #F7606E;
}

.shop-name .num_pink:before {
	background-color: #FA9AA3;
}

.shop-det-text {
	background-color: #F7F7F7;
	padding: 1.65em;
	margin-bottom: 3em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.shop-det h2 {
	color: #009fdb;
	font-size: 2.7rem;
	margin-top: .4em;
	margin-bottom: .4em;
}

.shop-det .category {
	font-size: 1.6rem;
	border-bottom: 1px dotted #C7C7C7;
	margin-bottom: 1em;
}

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

サイド

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


.shop-cat {
	margin: 0;
}

.shop-cat li {
	list-style: none;
	margin-bottom: .5em;
}

.shop-cat a {
	font-family: 'Noto Sans Japanese', serif;
	font-weight: 200;
	padding: 10px 10px 15px 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: block;
	text-decoration: none;
}

.shop-cat a.num_purple {
	color: #B189C1;
	border-left: 50px solid #D6C2DF;
	background-color: #F3EDF5;
}

.shop-cat a.num_purple:hover {
	background-color: #B189C1;
}

.shop-cat a.num_blue {
	color: #689FCA;
	border-left: 50px solid #B6D0E5;
	background-color: #E9F1F7;
}

.shop-cat a.num_blue:hover {
	background-color: #689FCA;
}

.shop-cat a.num_green {
	border-left: 50px solid #7FC97F;
	color: #50B550;
	background-color: #F0F8F0;
}

.shop-cat a.num_green:hover {
	background-color: #50B550;
}

.shop-cat a.num_yellow {
	border-left: 50px solid #FECC45;
	color: #F7B401;
	background-color: #FEF9E9;
}

.shop-cat a.num_yellow:hover {
	background-color: #F7B401;
}

.shop-cat a.num_orange {
	border-left: 50px solid #FD993E;
	color: #FC7D09;
	background-color: #FEEFE2;
}

.shop-cat a.num_orange:hover {
	background-color: #FC7D09;
}

.shop-cat a.num_pink {
	border-left: 50px solid #FA9AA3;
	color: #F76573;
	background-color: #FEEAEC;
}

.shop-cat a.num_pink:hover {
	background-color: #F76573;
}


.shop-cat a:hover {
	color: #fff;
}