@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1160px) {
	#main {
		padding: 0 1% 5%;
	}
	#mainVisual {
		background: url(/shop/images/main01.png) no-repeat 50% 0 #222;
		background-size: 150%;
	}
	#mainVisualArea {
		background: url(/shop/images/main01.png) no-repeat 50% 0 #222;
		background-size: 150%;
	}
	#mainVisual h1 {
		padding: 7% 1% 0;
		font-size: 3.2rem;
	}
	#mainVisualArea h1 {
		font-size: 2.8rem;
		line-height: 1.4em;
	}
	/* #shopArea .rank {
		margin: 0 15% 0.5em 0;
	}
	#shopArea .rank a {
		padding: 0.2em 4em;
	} */
	#shopArea .shop h3 {
		width: 44%;
	}
	#shopArea .shop ul {
		width: 55%;
	}
	#shopRank table td img {
		width: 6.2%;
	}
	.BtnShoplist {
		width: auto;
	}
}

@media screen and (max-width: 737px) {
	#mainVisual,
	#mainVisualArea {
		width: 100%;
		overflow: hidden;
		height: 30%;
		top: 0;
	}
	#mainVisual .bg,
	#mainVisualArea .tokyo{
		top: 0;
	}
	#mainVisual .overlay,
	#mainVisualArea .overlay {
		top: 5%;
	}
	#mainVisual h1 {
		font-size: 1.875rem;
		line-height: 1.3em;
		padding: 15% 1% 0;
		text-align: center;
	}
	#mainVisualArea h1 {
		font-size: 1.8rem;
	}
	#mainVisualArea h1.shopName {
		line-height: 1.6;
	}
	#mainVisualArea h1 span.area {
		font-size: 1.2rem;
	}
	#mainVisualArea h1 span.name {
		font-size: 1.8rem;
	}
	#mainVisual a.arrow01 {
		bottom: -12%;
	}
	#subnavBar ul li:nth-child(3n) {
		border-right: 2px solid #3c3c3c;
	}
	#subnavBar ul li a {
		line-height: 2.5rem;
	}
	#right {
		width: auto;
		float: none;
	}
	#left {
		width: auto;
		float: none;
	}
	#left .contact a {
		font-size: 1rem;
	}
	#left .bnr {
		text-align: center;
		letter-spacing: -.4em;
		padding-bottom: 2%;
	}
	#left .bnr li {
		display: inline-block;
		width: 47%;
		letter-spacing: normal;
		margin: 2% 1% 0;
	}
	#left .bnr li:not(:last-child) {
		margin-bottom: 0;
	}
	#shopIndex h2 {
		font-size: 1.8rem;
		padding-bottom: 0.2em;
	}
	#shopIndex section {
		margin-bottom: 1.2em;
	}
	#shopIndex section ul li {
		margin-bottom: 0.8em;
	}
	#shopArea h2 {
		font-size: 1.2rem;
		line-height: 1.4;
	}


	/* #shopArea .rank {
		text-align: center;
		margin: 1em auto;
	}
	#shopArea .rank a {
		display: block;
		padding: 1em;
	}
	#shopArea .rank span {
		display: inline;
	} */
	#shopArea .shop .name {
		padding: 0;
		display: block;
		width: auto;
		margin-bottom: 1em;
	}
	#shopArea .shop h3 {
		width: auto;
		background: #000;
		display: block;
		text-align: center;
		margin-bottom: 0.5em;
		padding: 0.2em 0;
		color: #fff;
	}
	#shopArea .shop h3 a {
		color: #fff;
	}
	#shopArea .shop ul {
		width: auto;
		display: block;
	}
	#shopArea .shop ul li {
		display: block;
		width: auto;
		text-align: center;
		margin-bottom: 0.5em;
	}
	#shopArea .shop ul li.detail {
		padding: 0;
		margin: 0 5%;
	}
	#shopArea .shop ul li.detail a {
		padding: 0.8rem 1rem;
	}
	#shopArea .shop .rank {
		/*display: inline-block;*/
		display: none;
		width: 48%;
		text-align: right;
		margin-bottom: 15px;
	}
	#shopArea .shop .mark {
		display: block;
		width: auto;
		text-align: center;
		margin: 15px auto;
	}
	#shopArea .shop dl dt {
		width: 32%;
	}
	#shopArea .shop dl dd {
		width: 68%;
	}
	#shopArea .shop:last-child {
		margin-bottom: 2.5em;
	}
	#shopArea #shopName {
		margin-bottom: 2em;
	}
	#shopArea #shopName h2 {
		display: block;
		width: auto;
		padding-bottom: 0.5em;
	}
	#shopArea #shopName .link {
		display: block;
		width: auto;
	}
	#shopArea #shopPhoto {
		letter-spacing: -.4em;
		text-align: center;
	}
	#shopArea #shopPhoto li:not(:last-child) {
		margin-right: 0;
	}
	#shopArea #shopPhoto li {
		margin: 0 1.2% 1%;
		width: 49%;
	}
	#shopArea table th, #shopArea table td {
		display: block;
		width: auto;
		padding: 0.5em;
	}
	#shopArea #shopBnr li:first-child {
		margin: 0 0 2% 0;
	}
	#shopArea #shopBnr li {
		display: block;
		width: auto;
	}
	#shopRank table td img {
		width: 10.2%;
	}
	#shopRank table td p {
		width: 88%;
	}
	.bnrArea01 a {
		width: auto;
	}

	/* sns icon
	------------------------*/
	#sns_icon ul {
		justify-content: center;
	}
	#shopArea #sns_icon {
		padding: 8px 0 0;
	}

}