@charset "utf-8";

/* Start Custom CSS */

/*6px	0.500em
7px	0.583em
8px	0.667em
9px	0.750em
10px	0.833em
11px	0.917em
12px	1.000em
13px	1.083em
14px	1.167em
15px	1.250em
16px	1.333em
17px	1.417em
18px	1.500em
19px	1.583em
20px	1.667em
21px	1.750em
22px	1.833em
23px	1.917em
24px	2.000em*/

#isare {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
}

.pc-only {
	display: block;
}
.sp-only {
	display: none;
}

a:hover {
	opacity: 0.8;
}
.clearfix:after {
	content:" ";
	display:block;
	clear:both;
}

/*===== HEADER =====*/
header {
	margin: 0;
	padding: 0;
	width:100%;
}
header h1 {
	margin: 0;
	padding: 0;
}
header img {
	width:100%;
}

/*===== LEAD =====*/
#lead {
	margin: 55px 0;
	width: 100%;
	text-align: center;
}
#lead h2 {
	margin-bottom: 45px;
}
#lead p {
	color: #DC8D00;
	font-size: 1.500em;
	line-height: 1.83em;
}

/*===== shopWrapper =====*/
#shopWrapper {
	margin: 0 auto 40px auto;
	width: 1000px;
}

#shopWrapper section {
	width: 300px;
	margin: 0 50px 60px 0;
	float: left;
}
#shopWrapper section:nth-child(3n) {
	margin-right: 0;
}
#shopWrapper section img {
	width: 100%;
	height: auto;
	margin: 0 0 10px 0;
}
h3:before {
	content: "";
	background: url(../img/ico_pdf.png) top left no-repeat;
	background-size: cover;
	width: 21px;
	height: 23px;
	margin-right: 8px;
	display:inline-block;
	vertical-align: top;
}
h3 {
	display: inline-block;
	font-weight: normal;
	margin: 0 0 10px 0;
}
h3 a {
	color: #DC8D00;
	font-size: 1.5em;
	line-height: 1.1em;
	text-decoration: none;
	display: inline-block;
	border-bottom: 1px solid #DC8D00;
}
h3 span {
	font-size: 14px;
	margin-right: 5px;
	line-height: 1em;
	vertical-align: middle;
}

dl.shopDetail {
	font-size: 1.333em;
	line-height: 1.6em;
	margin: 0 0 10px 0;
}
dl.shopDetail dt {
	float: left;
	margin-right: 10px;
}
dl.shopDetail dd {
}
dl.shopDetail span {
	font-size: 14px;
}
.btnWrap {
}
.btnWrap a {
	color: #fff;
	text-align: center;
	display: inline-block;
	padding: 10px 0 8px 0;
	background: repeat top left;
	font-size: 1.333em;
	line-height: 1em;
	text-decoration: none;
	width: 140px;
	vertical-align: middle;
}
a.btnAccess {
	background-image: url(../img/btn_access_bg.jpg);
	margin-right: 20px;
}
a.btnWebsite {
	background-image: url(../img/btn_website_bg.jpg);
}
a.btnAccess:before {
	content: "";
	background: url(../img/ico_mappin.png) top left no-repeat;
	background-size: cover;
	width: 16px;
	height: 21px;
	margin-right: 5px;
	display:inline-block;
	margin-top: -3px;
}
a.btnWebsite:before {
	content: "";
	background: url(../img/ico_website.png) top left no-repeat;
	background-size: cover;
	width: 22px;
	height: 18px;
	margin-right: 5px;
	display:inline-block;
}

/*===== FOOTER =====*/
footer {
	background-color: #F2CC3F;
	padding: 0 0 45px 0;
}
.footerWrapper {
	margin: -50px auto 0 auto;
	width: 1000px;
}
#totop {
	position: relative;
	top: -45px;
	width: 1000px;
	margin: 0 auto;
	text-align: right;
}
#totop img {
	width: 90px;
}
.footerWrapper .inner1,
.footerWrapper .inner2,
.footerWrapper .inner3 {
}
.footerWrapper .inner1 {
	float: left;
	width: 450px;
	font-size: 1.167em;
}
.footerWrapper .inner1 h4 {
	margin-bottom: 20px;
}
.footerWrapper .inner1 h4 img {
	width: 380px;
}
.footerWrapper .inner2 {
	float: left;
	width: 220px;
	font-size: 1.333em;
}
.footerWrapper .inner3 {
	font-size: 1.333em;
}

.footerWrapper ul {
}
.footerWrapper ul li {
	list-style: none;
}
.footerWrapper .inner2 ul li,
.footerWrapper .inner3 ul li {
	margin: 5px 0;
}
.footerWrapper ul li:before {
	content: "■";
	margin-right: 3px;
}

@media screen and (max-width: 599px) {
	/*--- 表示領域が599px以下の場合に適用するスタイル ---*/

#isare {
}

.pc-only {
	display: none;
}
.sp-only {
	display: block;
}

img {
	width: 100%;
}

a:hover {
	opacity: 1;
}
.clearfix:after {
}

/*===== HEADER =====*/
header {
}
header h1 {
}
header img {
}

/*===== LEAD =====*/
#lead {
	padding: 0 15px;
}
#lead h2 {
	margin-bottom: 45px;
}
#lead p {
	color: #DC8D00;
	font-size: 14px;
	line-height: 2em;
}

/*===== shopWrapper =====*/
#shopWrapper {
	padding: 0 20px;
	width: 100%;
}

#shopWrapper section {
	width: 100%;
	float: none;
}
#shopWrapper section:nth-child(3n) {
}
#shopWrapper section img {
}
h3:before {
}
h3 {
}
h3 a {
}
h3 span {
}

dl.shopDetail {
}
dl.shopDetail dt {
}
dl.shopDetail dd {
}
dl.shopDetail span {
}
.btnWrap {
}
.btnWrap a {
	padding: 15px 0 12px 0;
	width: 47%;
}
a.btnAccess {
	margin-right: 6%;
}
a.btnWebsite {
}
a.btnAccess:before {
}
a.btnWebsite:before {
}

/*===== FOOTER =====*/
footer {
	padding: 0 0 50px 0;
}
.footerWrapper {
	margin: -30px auto 0 auto;
	padding: 0 15px;
	width: 100%;
}
#totop {
	width: 100%;
}
#totop img {
}
.footerWrapper .inner1,
.footerWrapper .inner2,
.footerWrapper .inner3 {
}
.footerWrapper .inner1 {
	float: none;
	width: 100%;
	margin-bottom: 20px;
}
.footerWrapper .inner1 h4 {
}
.footerWrapper .inner1 h4 img {
	width: 100%;
}
.footerWrapper .inner2 {
	float: none;
	width: 100%;
}
.footerWrapper .inner3 {
}

.footerWrapper ul {
}
.footerWrapper ul li {
}
.footerWrapper .inner2 ul li,
.footerWrapper .inner3 ul li {
}
.footerWrapper ul li:before {
}


}