/* SHOP LIST CSS 202212 */

 .shoptitle {
	/*font-family: 'Montserrat', "Helvetica Neue", YuGothic, Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;*/
	font-size: 1.30em;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: 0.05em;
	margin: 0em auto 0.5em;
	display: inline-block;
	border-bottom: 0px solid #222f42;
	}

/* 個別トタイプ */
.shop-box{
	position: relative;
	font-family:  Helvetica, Helvetica Neue, Hiragino Kaku Gothic ProN, Arial, sans-serif;
	margin: 2em auto 0em;
	width: 55%;
	}
.shop-box .shoptitle {
	margin: 3em 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-box .pre{
	font-size: 0.8rem;
	margin: 1em 0 0.3em 0; 
	letter-spacing: 0.05em;
	display: inline-block;
	}
.shop-box .shop{
	font-size: 1.0rem;
	line-height: 1.7em;
	margin-right: 0.5em;
	letter-spacing: 0.05em;
	font-weight: 500;
	/*display: inline-block;*/
	}
.shop-box .add{
	font-size: 0.75rem;
	line-height: 1.7em;
	margin: 0.1em 0.5em 0 0;
	/*display: inline-block;*/
	}
.shop-box .tel{
	font-size: 0.85rem;
	margin: 0;
	/*display: inline-block;*/
	}
.shop-box .url a{
	font-size: 0.8rem;
	line-height: 1.7em;
	margin-right: 0.5em;
	border-bottom: 0px solid #ddd;
	padding-bottom: 0.5em;
	/*display: inline-block;*/
	}

/* リストタイプ */
.shop table{
	width: 100%;
	border-spacing: 0;
	font-size: 0.8rem;
	margin: 2em auto;
	}
.shop table td{
	border-bottom: solid 1px #ddd;
	text-align: left;
	height: 40px;
	letter-spacing: 0.03em;
	vertical-align: middle;
	}
.shop .contry{
	padding-right: 10px;
	}
.shop .shopname{
	width: 29%;
	}
.shop .shopadd{
	width: 52%;
	}
.shop .tel{
	text-align: right;
	}
.caution{
	margin: 0.3em auto 1em;
	font-size: 0.75em;
	text-align: center;
	}
	
/* *****************************************************************************
-768px
***************************************************************************** */
@media only screen and (max-width: 768px) {

	.shoptitle {
	font-size: 1.1em;
	font-weight: 600;
	line-height: 1.6;
	letter-spacing: 0.03em;
	margin: 0em auto 0em;
	display: inline-block;
	border-bottom: 0px solid #666;
	}
	
	/* 個別タイプ */
	.shop-box{
	position: relative;
	font-family:  Helvetica, Helvetica Neue, Hiragino Kaku Gothic ProN, Arial, sans-serif;
	padding: 0em 15px;
	margin: 0em auto 0em;
	width: 86%;
	}
	.shop-box .shoptitle {
	margin: 1em auto 2.5em;
	font-size: 1.1rem;
	line-height: 1.6em;
	letter-spacing: 0.1em;
	}
	.shop-box .pre{
	font-size: 0.6em;
	display: block;
	}
	.shop-box .shop{
	font-size: 0.8rem;
	display: block;
	}
	.shop-box .add{
	font-size: 0.60rem;
	display: block;
	}
	.shop-box .tel{
	font-size: 0.8rem;
	display: block;
	}
	.shop-box .url a{
	font-size: 0.65rem;
	line-height: 1.3em;
	margin-right: 0.5em;
	/*display: inline-block;*/
	}
	
	/* リストタイプ */
	.shop table{
	width: 93%;
	border-spacing: 0;
	font-size: 0.55rem;
	letter-spacing: 0;
	margin: 2em auto 5em;
	}
	.shop table td{
	border-bottom: solid 1px #ddd;
	text-align: left;
	height: 35px;
	vertical-align: middle;
	}
	.shop .contry{
	padding-right: 3px;
	}
	.shop .shopname{
	width: 58%;
	}
	.shop .shopadd{
	display: none;
	}
	.shop .tel{
	text-align: right;
	}
	
	.caution{
	width: 86%;
	margin: 1em auto 0.5em;
	font-size: 0.7em;
	text-align: center;
	}
}