@charset "utf-8";

/* place
-------------------------------------------------------------------------------*/

div#footer {
	padding-top: 7.5em;
}

h2 {
	font-size: 25px;
	border-bottom: #cbcbcb 1px solid;
	padding: 2.6em 0 .08em;
	clear: both;
}

h2 + p {
	font-size: 14px;
	margin-top: .7em;
}

h2 + p + p {
	font-size: 14px;
	display: none;
}

ul[role="category"] {
	float: left;
	margin-top: 1.8em;
}

ul[role="category"] + ul[role="category"] {
	float: right;
}

ul[role="category"]:before {
	content: "お店から、商品を調べる";
	display: block;
	width: 100%;
	font-size: 12px;
	letter-spacing: 0;
	color: #7f7f7f;
	font-weight: bold;
	border-bottom: #e5e5e5 1px solid;
}

ul[role="category"] + ul[role="category"]:before {
	content: "商品から、お店を調べる";
}

ul[role="category"] li {
	display: inline-block;
	font-size: 10px;
}

ul[role="category"] li + li {
	margin-left: 1.4em;
}

ul[role="category"] a {
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0;
}

ul[role="category"] li.current a {
	color: #7f7f7f;
	opacity: 1!important;
	cursor: default;
	pointer-events: none;
}

ul[role="category"] a span {
	font-size: 11px;
	display: inline-block;
	margin-left: -.5em;
}

h3 {
	border: none;
	margin: 0;
	padding: 0;
}

#primary h4 {
	border: none;
}

#primary h4:before {
	content: none;
}

/* index
-------------------------------------------------------------------------------*/

#index h2 {
	margin-bottom: .56em;
	padding-top: 0;
}

#index ul[role="category"] {
	font-size: 0;
	display: flex;
	display: -moz-flex;
	display: -o-flex;
	display: -webkit-flex;
	display: -ms-flex;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	flex: 1;
	display: block\9;
	float: none!important;
}

#index ul[role="category"]:before {
	border: none;
	margin-bottom: .17em;
}

#index ul[role="category"] + ul[role="category"]:before {
	margin-top: 1em;
}

#index ul[role="category"] li + li {
	margin-left: 1.3em;
}

.ie #index ul[role="category"] li + li {
	margin-left: 3em;
}

#index ul[role="category"] a:before {
	content: "\e608";
	font-family: techoicons;
	font-size: 12px;
	padding-right: .5em;
}

#index .category {
	margin-top: 4.5em;
}

#index .category + .category {
	margin-top: 8.9em;
}

#index .category dl {
	width: 46em;
	float: right;
	margin-top: 2.7em;
}

#index .category dl:nth-child(even) {
	float: left;
	clear: both;
}

#index .category dl + dl + dl {
	margin-top: 3.7em;
}

.ie #index .category dl.nth-even {
	float: left;
	clear: both;
}

#index .category dt {
	font-size: 16px;
	font-weight: bold;
	border-bottom: .215em solid;
	background: #fff;
	position: relative;
	padding-left: 2em;
}

#index .category dl dt:before {
	content: "\2022";
	font-family: techoicons;
	font-size: 22px;
	line-height: 1.27;
	vertical-align: middle;
	margin-right: .36em;
	font-weight: normal;
	position: absolute;
	left: 0;
}

#index .category dd {
	padding: 1.5em 2em 2em;
}

#index .category dd p {
	font-size: 14px;
}

#index .category dd p + p {
	margin-top: 1.7em;
}

#index .category dd p.point {
	margin-top: 0;
}

#index .category dd p.point:before {
	content: "";
	display: block;
	font-size: 10px;
	background: url(../images/ico_point.png) no-repeat;
	background-size: 6em 2.4em;
	width: 6em;
	height: 2.4em;
	margin: 2.4em 0 .6em;
}

#index .category dd p strong {
	color: #be1d0e;
	display: block;
}

#index .category dd p.bold,
#index .category dd p b {
	font-weight: bold;
}

#index .category dl a.btn2 {
	text-align: center;
	margin-top: 2.5em;
}

#index .category dl a.btn2 + a.btn2 {
	margin-top: 1em;
}

#index .category dl a.btn2 span {
	font-size: 14px;
	line-height: 3.07em;
}

#index .category dl h5 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: .5em;
}

#index .category dl h6 {
	font-size: 14px;
	margin: 0.93em 0 1.21em;
}

#index .category dl a + h5 {
	margin-top: 2.5em;
}

#index .category dl p + h5 {
	margin: .93em 0 1.21em;
}

#index .category dl ul a {
	font-size: 14px;
}

#index .category dl ul a:after {
	content: "\e609";
	font-family: techoicons;
	font-size: 14px;
	line-height: 1;
	position: relative;
	top: -.14em;
	left: .36em;
}

#index .category dl#c01 {
	background: #f6f4f5;
}

#index .category dl#c01 dt {
	color: #5b2748;
}

#index .category dl#c01 a.btn2 {
	width: 23.8em;
}

#index .category dl#c02 {
	background: #fdfbf3;
}

#index .category dl#c02 dt {
	color: #eaba18;
}

#index .category dl#c02 a.btn2 {
	width: 27.8em;
}

#index .category dl#c03 {
	background: #fdf5f7;
}

#index .category dl#c03 dt {
	color: #e94762;
}

#index .category dl#c03 a.btn2 {
	width: 34.8em;
}

#index .category dl#c04 {
	background: #f3fcfc;
}

#index .category dl#c04 dt {
	color: #1ecbc8;
}

#index .category dl#c05 {
	background: #fef7f5;
}

#index .category dl#c05 dt {
	color: #f16343;
}

#index .category dl#c06 {
	background: #faf5f6;
}

#index .category dl#c06 dt {
	color: #a43d5b;
}

#index .category dl#c06 a.btn2 {
	width: 27.8em;
}

#index .category dl#c07 {
	width: 100%;
	background: #f2f2f2;
}

#index .category dl#c07 a.btn2 {
	width: 23.8em;
}

#index .category > p {
	clear: both;
	font-size: 14px;
	padding-top: 1.21em;
}

/* loft
-------------------------------------------------------------------------------*/

#loft table {
	width: 96em;
}

#loft td {
	border-left: #cbcbcb 1px solid;
	border-right: #cbcbcb 1px solid;
	width: 20%;
	padding: .86em 0;
}

#loft td a {
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	margin: 0 .64em;
}

#loft tr:nth-child(odd) td {
	background: #f2f2f2;
}

.ie #loft tr.nth-odd td {
	background: #f2f2f2;
}

#loft h3 {
	margin-top: 3em;
}

#loft h4 {
	margin-bottom: .56em;
}

#loft h3 + h4 {
	margin-top: .75em;
}

#loft table + h4 {
	margin-top: 2.13em;
}

/* list
-------------------------------------------------------------------------------*/

ul[role="pref"] {
	background: #f2f2f2;
	margin: 3.5em 0 6em;
	padding-top: .5em;
	display: none;
}

ul[role="pref"] li {
	float: left;
	width: 6em;
	text-align: center;
	padding-bottom: .2em;
}

ul[role="pref"] li a {
	font-size: 13px;
	font-weight: bold;
}

#list h4 {
	margin: 2.13em 0 .5em;
}

#list table {
	width: 96em;
}

#list th,
#list td {
	border-left: #cbcbcb 1px solid;
	border-right: #cbcbcb 1px solid;
	padding: .86em 0 .86em .6em;
}

#list tr:nth-child(odd) th,
#list tr:nth-child(odd) td {
	background: #f2f2f2;
}

.ie #list tr.nth-odd th,
.ie #list tr.nth-odd td {
	background: #f2f2f2;
}

#list th {
	width: 13.6em;
	font-size: 14px;
	font-weight: bold;
}

#list td {
	font-size: 14px;
}

#list td * {
	font-weight: bold;
	display: inline-block;
	margin-right: 2em;
}

/* prod
-------------------------------------------------------------------------------*/

#prod h2 + p {
	padding-bottom: 3em;
}

#prod ul[role="prod"] {
	width: 96em;
	height: 5.1em;
	background: #f2f2f2;
	position: absolute;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: #fff 1px solid;
	z-index: 10;
	display: none;
	text-align: center;
}

#prod ul[role="prod"].fixed {
	position: fixed;
	top: 0!important;
}

#prod ul[role="prod"] li {
	display: inline-block;
	padding-top: 1.1em;
	vertical-align: middle;
}

#prod ul[role="prod"] li + li {
	margin-left: 5em;
}

#prod ul[role="prod"] a {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
}

#prod h4 {
	margin: 6.8em 0 3.6em;
}

#prod table {
	width: 96em;
	font-weight: bold;
	text-align: center;
}

#prod table[role="th"] {
	position: absolute;
	display: none;
	height: 5em;
	overflow: hidden;
	margin-top: -5em;
	z-index: 5;
}

#prod table[role="th"].fixed {
	position: fixed;
	top: 5.1em!important;
	margin-top: 0;
}

#prod th,
#prod td {
	border-left: #cbcbcb 1px solid;
	border-right: #cbcbcb 1px solid;
	font-size: 12px;
	line-height: 1.5;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: .58em 0;
	height: 4.17em;
}

#prod tr:nth-child(even) td {
	background: #f2f2f2;
}

#prod th.nth-even,
.ie #prod tr.nth-even td {
	background: #f2f2f2;
}

#prod th:first-child {
	text-align: left;
	/*width: 14.96em;*/
	width: 15em;
	vertical-align: top;
	padding: 1.35em 0 0 .83em;
}

#prod th[rowspan="1"] {
	vertical-align: middle;
	padding: 0 0 0 .83em;
}

#prod table[role="th"] th {
	background: #f2f2f2;
	width: 4.92em;
	padding: .58em 0;
	text-align: center;
	vertical-align: middle;
}

#prod table[role="th"] th:first-child {
	width: 39.92em;
}

#prod table[role="th"] th:last-child,
#prod td:last-child {
	width: auto;
}

.ie #prod table[role="th"] th.last-child,
.ie #prod td:last-child {
	width: auto;
}

#prod table[role="th"] small {
	font-size: 10px;
}

#prod td {
	width: 4.92em;
}

#prod th + td,
#prod td:first-child {
	text-align: left;
	width: 24.96em;
	padding-left: .83em;
}

#prod #tt td:first-child {
	width: 39.92em;
	padding-left: .83em;
}

#prod td img {
	font-size: 10px;
	width: 3em;
	height: 3em;
	margin-right: 1em;
	vertical-align: middle;
}

#prod td a {
	display: inline-block;
	width: 20em;
	vertical-align: middle;
}

#prod #tt td a {
	width: 35em;
}