/* SHOP LIST CSS */

.shop-box2{
	position: relative;
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	padding: 0em 300px 0em;
	margin: 0em auto 0em;
	}
.shop-box2 .shoptitle {
	font-family: Helvetica, Helvetica Neue, Arial, Lucida Grande, sans-serif;
	margin: 1em auto 3em;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.6;
	letter-spacing: 0.1em;
	text-align: center;
	display: inline-block;
	border-bottom:1px solid #333;
	color:#333;
	}
.shop-box2 .shop{
	font-family: Helvetica, Helvetica Neue, Arial, Lucida Grande, sans-serif;
	font-size: 0.9rem;
	line-height: 2.2em;
	letter-spacing: 0.07em;
	font-weight: 400;
	}
.shop-box2 .add{
	font-size: 0.8rem;
	margin-bottom: 1.8em;
	}
.shop-box2 .shop-ec{
	font-family: Helvetica, Helvetica Neue, Arial, Lucida Grande, sans-serif;
	font-size: 1.6rem;
	line-height: 1.8em;
	letter-spacing: 0.07em;
	display: inline-block;
	margin-right: 1.4em;
	font-weight: 400;
	}
.shop-box2 .add-ec{
	font-size: 1.3rem;
	margin-bottom: 1.5em;
	display: inline-block;
	}

.shop-box{
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	border: 0px solid #ccc;
	border-radius: 8px;
	padding: 0em 0em 0em;
	margin: 7em auto 4em;
	width: 70%;
	}
.shoptitle {
	font-family: Helvetica, Helvetica Neue, Arial, Lucida Grande, sans-serif;
	margin: 3em auto 0;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.6;
	letter-spacing: 0.1em;
	text-align: center;
	display: inline-block;
	border-bottom:0px solid #333;
	color: #333;
	}
 .shopList table{
	/*font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Helvetica Neue", "Yu Gothic", メイリオ, Meiryo, Arial, Meiryo, "MS PGothic", sans-serif;*/
  	width: 100%;
  	border-spacing: 0;
	font-size: 0.8rem;
	margin: 2.5em auto;
	}
 .shopList table td{
    border-bottom: solid 1px #ddd;
    text-align: left;
    height: 37px;
    vertical-align: middle;
 	}
 .shopList .contry{
	padding-right: 5px;
	}
 .shopList .shopname{
	width: 23%;
	}
 .shopList .address{
	}
 .shopList .shopListbtn a {
	margin: 0;
    background-color: #222f42;
    display: block;
    padding: 3px 8px 3px;
    font-size: 9px;
    letter-spacing: 0.1em;
    text-align: center;
    transition-duration: 0.4s;
    transition-property: all;
	border: solid 1px #222f42;
	border-radius: 3px;
    color: #FFF;
    width: 32px;
    float: right;
	}
 .shopList .shopListbtn a:hover {
    border: solid 1px #222f42;
    color: #222f42;
    background-color: #fff;
	}
	
	
.shopList-2 table{
	width: 100%;
	border-spacing: 0;
	font-size: 0.8rem;
	margin: 2em auto;
	}
.shopList-2 table td{
	border-bottom: solid 1px #ddd;
	text-align: left;
	height: 40px;
	letter-spacing: 0.03em;
	vertical-align: middle;
	}
.shopList-2 .contry{
	padding-right: 10px;
	}
.shopList-2 .shopname{
	width: 24%;
	}
.shopList-2 .shopadd{
	width: 55%;
	}
.shopList-2 .tel{
	text-align: right;
	}

		
 .shopList-3 table{
	/*font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Helvetica Neue", "Yu Gothic", メイリオ, Meiryo, Arial, Meiryo, "MS PGothic", sans-serif;*/
	width: 90%;
    border-spacing: 0;
	font-size: 0.8rem;
	margin: 2.5em auto;
	}
 .shopList-3 table td{
    border-bottom: solid 1px #ddd;
    text-align: left;
    height: 40px;
    vertical-align: middle;
  	}
  .shopList-3 .contry{
	padding-right:40px;
	display: none;
	}
 .shopList-3 .shopname{
	font-weight:300;
	width: 29%;
	}
 .shopList-3 .address{
	}
 .shopList-3 .shopListbtn a {
	margin: 0;
    background-color: #222f42;
    display: block;
    padding: 3px 8px 3px;
    font-size: 9px;
    letter-spacing: 0.1em;
    text-align: center;
    transition-duration: 0.4s;
    transition-property: all;
	border: solid 1px #222f42;
	border-radius: 3px;
    color: #FFF;
    width: 32px;
    float: right;
	}
 .shopList-3 .shopListbtn a:hover {
    border: solid 1px #222f42;
    color: #222f42;
    background-color: #fff;
	}
	
/* *****************************************************************************
-768px
***************************************************************************** */
@media only screen and (max-width: 768px) {

	.shop-box2{
	position: relative;
	padding: 0em 35px 0em;
	margin: 0em auto 0em;
	}
	.shop-box2 .shoptitle {
	margin: 0em auto 2em;
	font-size: 1.1rem;
	font-weight: 600;
	line-height: 1.6;
	letter-spacing: 0.1em;
	text-align: center;
	display: inline-block;
	border-bottom:1px solid #333;
	color: #333;
	}
	.shop-box2 .shop{
	font-family: Helvetica, Helvetica Neue, Arial, Lucida Grande, sans-serif;
	font-size: 0.75rem;
	line-height: 2.2em;
	letter-spacing: 0.07em;
	font-weight: 400;
	}
	.shop-box2 .add{
	font-size: 0.60rem;
	line-height: 1.9em;
	margin-bottom: 1.8em;
	}
	.shop-box2 .shop-ec{
	font-family: Helvetica, Helvetica Neue, Arial, Lucida Grande, sans-serif;
	font-size: 1.6rem;
	line-height: 1.8em;
	letter-spacing: 0.07em;
	display: inline-block;
	margin-right: 1.4em;
	font-weight: 400;
	}
	.shop-box2 .add-ec{
	font-size: 1.3rem;
	margin-bottom: 1.5em;
	display: inline-block;
	}

	.shopList table{
	width: 100%;
	border-spacing: 0;
	font-size: 0.55rem;
	letter-spacing: 0;
	margin: 2.5em auto;
	}
	.shopList table td{
	border-bottom: solid 1px #ddd;
	text-align: left;
	height: 35px;
	vertical-align: middle;
	}
	.shopList .contry{
	padding-right: 5px
	}
	.shopList .shopname{
	width: 66%;
	}
	.shopList .address{
	display: none;
	}
	.shopList .shopListbtn a {
	padding: 2px 5px 2px;
	font-size: 0.5rem;
	letter-spacing: 0.05em;
	border: solid 1px #222f42;
	border-radius: 3px;
	color: #fff;
	width: 30px;
	}
	
	.shopList-2 table{
	width: 100%;
	border-spacing: 0;
	font-size: 0.55rem;
	letter-spacing: 0;
	margin: 2em auto 5em;
	}
	.shopList-2 table td{
	border-bottom: solid 1px #ddd;
	text-align: left;
	height: 28px;
	vertical-align: middle;
	}
	.shopList-2 .contry{
	padding-right: 5px;
	}
	.shopList-2 .shopname{
	width: 65%;
	}
	.shopList-2 .shopadd{
	display: none;
	}
	.shopList-2 .tel{
	text-align: right;
	}
	
	.shopList-3 table{
	width: 100%;
	border-spacing: 0;
	font-size: 0.65rem;
	margin: 2.5em auto;
	}
	.shopList-2 table td{
	border-bottom: solid 1px #ddd;
	text-align: left;
	height: 35px;
	vertical-align: middle;
	}
	.shopList-3 .shopname{
	width: 63%;
	}
	.shopList-3 .urlx{
	display: none;
	}
	.shopList-3 .shopListbtn a {
	padding: 2px 5px 2px;
	font-size: 0.5rem;
	letter-spacing: 0.05em;
	border: solid 1px #222f42;
	border-radius: 2px;
	color: #fff;
	width: 30px;
	}
}