@charset "UTF-8";
/* CSS Document */
body {
	color:#555;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	line-height : 1.5;
	line-height: 140%;
	text-align: center;
	background-color:#fff;
}
a { text-decoration:underline;}
a:link {	color: #555;}
a:visited {	color: #555; }
a:hover {	color: #999;}
a:active {	color: #555; }
h1, h2, h3 {
	font-family: 'Inder', sans-serif;
	font-weight: normal;
	letter-spacing: 0.05em;
	}
.stockist-wrap {
	width:90%;
	margin:11em auto 7em;
	font-size: 0.7em;
	}
.stockist-wrap h1 {
	font-size:2em;
	margin-bottom:0;
    text-align: center;
	}
.stockist-wrap h2 {
	font-size:1.5em;
	margin-bottom: 2em;
	}
.stockist-wrap h3 {
	font-size:1.35em;
	margin-bottom:0.25em;
	letter-spacing:0;
	}
.stockist-wrap h3 span {
	font-size: 0.85em
	}
.stockist-wrap ul.list>li {
	padding-top:4.5em;
	margin-top:4.5em;
	border-top: 1px solid #eee;
}
.stockist-wrap ul.list>li:first-child {
	padding-top:4.5em;
	}
.stockist-wrap ul.list>li ul li {
	line-height:1.85;
	margin-bottom: 2.5em;
	color: #777
}
#footer a { text-decoration:none;}

@media screen and (min-width : 768px){
	.stockist-wrap {
		text-align: left;
		margin:13em auto 7em;
	}
	.stockist-wrap h1 {
       text-align: center;
		margin-bottom:3em;
	}
	.stockist-wrap ul.list>li:first-child {
		padding-top:5.5em;
	}
	.stockist-wrap ul.list>li {
		padding-top:5.5em;
		margin-top:3em;
	}
	.stockist-wrap ul.list ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.stockist-wrap ul.list>li ul li {
		width:27%;
		margin-bottom: 3.5em;
	}
	.stockist-wrap ul.list>li ul:before {
		content: " ";
		display: block;
		order: 1;
		width:27%;
	}
}
@media screen and (min-width : 1024px) {
	.stockist-wrap {
		max-width: 1024px;
		}	
}