.list ul,
.list h3.shopname,
#breadcrumb {font-family: 'Hiragino Kaku Gothic Pro', "游ゴシック", YuGothic, 'Hiragino Kaku Gothic Pro', 'Meiryo', sans-serif;}
#breadcrumb h2,
.list h3 {font-family: "游明朝", YuMincho;}

/* ===================== pc ===================== */

@media print, screen and (min-width: 769px) {
	
	main {
		padding: 0 0 60px; box-sizing: border-box;
		background-image:
			url("/common/images/common/contents_bg2.png"),
			url("/common/images/common/contents_bg1.jpg");
		background-repeat: repeat-y, repeat-y;
		background-position: center center, center top;
		background-size: 100%, 100%;
		background-attachment: fixed, fixed;
	}
	
	#shop #read {width: 1000px; margin: 0 auto; padding: 30px 0; font-size: 19px; text-align: center;}
	#shoplist {width: 1000px; margin: 0 auto; padding-top: 0;}
	#shoplist #ex {margin: 10px 0 20px; padding: 0; text-align: right; font-size: 12px; color:  #707070;}
	
	.list {margin-bottom: 20px; padding: 15px 30px; background-color: #fff;}
	.list h3, .list ul {display: inline-block; vertical-align: middle;}
	.list h3 {width: 120px; font-size: 17px; color: #707070; background: url("/common/images/common/icon1.svg") no-repeat right center; background-size: 6px 12px;}
	.list ul {padding: 0 0 0 30px; list-style-type: none; box-sizing: border-box;}
	.list li {display: inline-block; vertical-align: middle; margin: 5px 10px; font-size: 15px;}
	.list li a,
	#breadcrumb_list a {text-decoration: underline;}
	.list li a:hover,
	#breadcrumb_list a:hover {text-decoration: none;}
	
	.listm .list h3 {width: 60px;}
	.listm .list ul {width: 870px;}
	
	#breadcrumb {position: relative; padding: 30px 0 10px;}
	#breadcrumb h2 {margin-bottom: 20px; font-size: 20px; text-align: center; color: #707070; font-weight: normal;}
	#breadcrumb_list .before {margin-right: 10px; padding-right: 20px; background: url("/common/images/common/icon1.svg") no-repeat right center; background-size: 6px 12px;}
	#breadcrumb_list {font-size: 13px;}
	#breadcrumb p#number {position: absolute; right: 0; bottom: 10px; font-size: 13px; color: #707070; text-align: right;}
	
	.list .shopname, .list .address, .list .tel, .list .map {display: inline-block; vertical-align: middle; font-size: 13px; color: #707070; box-sizing: border-box;}
	.list h3.shopname {width: 30%; background: none;}
	.list .address {width: 44%; padding-right: 3%;}
	.list .tel {width: 16%;}
	.list .map {width: 90px; height: 26px; line-height: 26px; font-size: 12px; border: solid 1px #707070; text-align: center; background: url("/common/images/common/icon1.svg") no-repeat right 10px center; background-size: 6px 12px;}
	.list .map a {display: block; width: 100%; height: 100%;}
	#link p {text-align: center;}
	#link span {display: inline-block; vertical-align: middle; width: 120px; height: 30px; margin: 0 10px; text-align: center; line-height: 30px; font-size: 12px; border: solid 1px #707070; text-align: center;}
	#link span#next {background: url("/common/images/common/icon1.svg") no-repeat right 10px center; background-size: 6px 12px;}
	#link span#prev {background: url("/common/images/common/icon7.svg") no-repeat left 10px center; background-size: 6px 12px;}
	#link span a {display: block; width: 100%; height: 100%;}
	
}

@media all and (-ms-high-contrast: none) {
	main {
		display: block;
		background-position: center top, center top;
		background-attachment: scroll, scroll;
	}
}

/* ===================== sp ===================== */

@media screen and (max-width: 768px) {
	
	#shop {width: 100%; padding: 5%; background: url("/common/images/common/contents_bg_sp.jpg") repeat-y center top; background-size: 100%; background-attachment: fixed; box-sizing: border-box;}

	#shop #read {
		width: 100%;
		margin: 0 auto;
		padding: 5% 0;
		font-size: 14px;
		text-align: center;
		/*border-bottom: solid 1px #707070;*/
	}
	#shoplist {width: 100%; margin: 0 auto; padding-top: 0;}
	#shoplist #ex {margin: 1rem 0; padding: 0; text-align: left; font-size: 11px; color:  #707070;}
	
	.list {margin-bottom: 1rem; padding: 5% 5% 2%; background-color: #fff;}
	.list h3, .list ul {display: inline-block; vertical-align: middle;}
	.list h3 {width: 25%; font-size: 14px; color: #707070; background: url("/common/images/common/icon1.svg") no-repeat right center; background-size: 6px 12px;}
	.list ul {width: 73%; padding: 0 0 0 1rem; list-style-type: none; box-sizing: border-box;}
	.list li {display: inline-block; vertical-align: middle; margin: .5rem; font-size: 13px;}
	.list li a,
	#breadcrumb_list a {text-decoration: underline;}
	.list li a:hover,
	#breadcrumb_list a:hover {text-decoration: none;}
	
	.listm .list h3 {width: 10%;}
	.listm .list ul {width: 88%;}
	
	#breadcrumb {position: relative; padding: 0 0 1rem;}
	#breadcrumb h2 {margin-bottom: 2rem; font-size: 18px; text-align: center; color: #707070; font-weight: normal;}
	#breadcrumb_list .before {margin-right: 1rem; padding-right: 1rem; background: url("/common/images/common/icon1.svg") no-repeat right center; background-size: 6px 12px;}
	#breadcrumb_list {font-size: 13px;}
	#breadcrumb p#number {position: absolute; right: 0; bottom: 10px; font-size: 11px; color: #707070; text-align: right;}
	
	.list .shopname, .list .address, .list .tel, .list .map {font-size: 12px; color: #707070; box-sizing: border-box;}
	.list h3.shopname {width: 100%; background: none; margin-bottom: 1rem; font-size: 13px;}
	.list .address {width: 100%; padding-right: 3%;}
	.list .tel {width: 100%;}
	.list .map {width: 10rem; height: 26px; margin: 1rem auto; line-height: 26px; font-size: 12px; border: solid 1px #707070; text-align: center; background: url("/common/images/common/icon1.svg") no-repeat right 10px center; background-size: 6px 12px;}
	.list .map a {display: block; width: 100%; height: 100%;}
	#link p {margin-top: 2rem; text-align: center;}
	#link span {display: inline-block; vertical-align: middle; width: 120px; height: 30px; margin: 0 10px; text-align: center; line-height: 30px; font-size: 12px; border: solid 1px #707070; text-align: center;}
	#link span#next {background: url("/common/images/common/icon1.svg") no-repeat right 10px center; background-size: 6px 12px;}
	#link span#prev {background: url("/common/images/common/icon7.svg") no-repeat left 10px center; background-size: 6px 12px;}
	#link span a {display: block; width: 100%; height: 100%;}
}