/* map page style  */

/* map  style common style */

.shopcategory {
	 margin:5% 0;
	 border:1px solid  #42210b;
	 padding:2% 4%;
	 font-size:90%;
	}

/* map toppage style  */

#maintab {
	border-bottom:1px solid #42210b;
	display: table;
    padding: 0 5%;
	margin-bottom:5%;
    width: 90%;
	}
	
#maintab li {
	display:table-cell;
    padding-right: 3%;
    width: 7%;
	}
	
#maintab li:last-child {
	padding:0;
}
	
#maintab li a {
	width:100%;
	display:block;
	background-color:#ADA098;
	color:#fff;
	font-size:130%;
    padding: 7px 0;
    text-align: center;
	}
	
#maintab li a:hover,#maintab li.current a {
	background-color:#42210b;
	color:#fff;
	}
	
#subtab {
	width:100%;
	border-bottom:none;
	display: table;
    padding: 0;
	margin-bottom:5%;
	}
	
#subtab li {
	display:table-cell;
    padding-right: 2%;
    width: 5%;
	}
	
#subtab li a {
	width:100%;
	display:block;
	background-color:#ADA098;
	color:#fff;
	font-size:130%;
    padding: 7px 0;
    text-align: center;
	}
	
#subtab li.current {
	background: url(../../images/current_arrow.png) no-repeat 42% 42px;
	padding-bottom:6px;
	}
	
#subtab li.lastchild {
	background-position: 51% 35px;
	padding:0;
	}
	
#subtab li a:hover,#subtab li.current a {
	background-color:#42210b;
	color:#fff;
	}
	
#map_canvas {
	width:100%;
	height:450px;
	}

/* photomap page style  */

.userspost_list li {
    border-bottom: 1px dotted #C4AF96;
    margin-bottom: 3%;
    padding-bottom: 3%;
    width: 100%;
	}
	
.userspost_list .postbox {
	}

.userspost_list .postbox a {
    padding: 3%;
    width: 94%;
	}

.userspost_list .postbox a:hover {
	background-color:#fff;
	}

.userspost_list .postbox a .postimg {
	display:table-cell;
	width:210px;
	margin-right:30px;
	}

.userspost_list .postbox a .usersinfo {
	}
	
.userspost_list .postbox a .usersinfo dt {
    clear: left;
    float: left;
    margin: 0 5% 0 0;
    width: 40%;
}
	
.userspost_list .postbox a .usersinfo dt .userthumb {
	display:table-cell;
	width:100px;
	margin-right:30px;
	}
	
.userspost_list .postbox a .usersinfo dt div {
    vertical-align: top;
}
	
.userspost_list .postbox a .usersinfo dt h2 {
    font-size: 140%;
    line-height: 1.6;
    margin-top: 3%;
    vertical-align: middle;
	}
	
.userspost_list .postbox a .usersinfo dt h2 .snsicon {
    display: inline-block;
    height: 23px;
    margin-left: 10px;
    text-indent: -9999px;
    width: 23px;
	}
	
.userspost_list .postbox a .usersinfo dt h2 .facebook {
	background:transparent url(../../images/icon_facebook.png) no-repeat 0 0;
	background-size:contain;
	}

.userspost_list .postbox a .usersinfo dt h2 .twitter {
	background:transparent url(../../images/icon_twitter.png) no-repeat 0 0;
	background-size:contain;
	}
	
.userspost_list .postbox a .usersinfo dd {
    margin: 0 0 0 45%;
    vertical-align: top;
    width: 54%;
}
	
.userspost_list .spotbox {
	display:table-cell;
	width:130px;
	padding-left:30px;
	text-align:right;
	vertical-align:middle;
	}
	
.userspost_list .spotbox h3 {
	text-align:center;
	margin-bottom:10px;
	}
	
.userspost_list .spotbox a {
	font-size:80%;
	}
	
#cate_photo .howto {
    border: 3px solid #42210B;
    margin: 0 auto 5%;
    overflow: hidden;
    padding: 3%;
    position: relative;
    text-align: center;
    width: 93%;
	 }
	
#cate_photo .howto h2 {
    background: url("../images/shopmap/howtop.gif") no-repeat left center;
    font-size: 130%;
    margin: 0 auto 2%;
    padding-left: 44px;
    width: 433px;
	letter-spacing:0.1em;
}
#cate_photo .howto h2 span {
    font-size: 150%;
    padding: 0 0.2em;
}

#cate_photo .howto h3 {
    font-size: 150%;
	font-weight:normal;
	margin-bottom:0.5em;
}

#cate_photo .howto h3 + p {
	margin-bottom:0.5em;
	}
 
#cate_photo .howto .commonbtn {
	margin:3% 0 0;
	}
	
#cate_photo .howto p span {
    font-size: 130%;
	background-color:#F7DA9A;
    padding:0.2em 0.01em;
	line-height:2;
}

/* shopmap list page style  */

.mainlist .trimming img {
    left: 0;
    margin: 0;
    max-width: 100%;
    position: absolute;
    width: 100%;
}

/* shopmap detail page style  */


.shopmap_detail .article01 {
	overflow:hidden;
	}
	
 .shopinfo {
	 width:455px;
	 padding-right:80px;
	 text-align:center;
	overflow:hidden;
	position: relative;
	 }
	 
 .shopinfo div.outborder {
	 width:100%;
	 border:3px solid  #42210b;
	 padding:2%;
 }
 
 .shopinfo div.inborder {
    padding: 7%;
    width: 86%;
	 border:1px solid  #42210b;
	 }

 .shopinfo div.inborder .shop_prof {
	max-width:160px;
	}

 .shopinfo h2 {
	 margin:5% 0;
	 }

 .shopinfo dl {
	 text-align:left;
	 width:100%;
	 margin-top:5%;
	 }

 .shopinfo dt {
	 float:left;
	 width:22%;
	 padding:2% 0 ;
	 clear:both;
	 vertical-align:top;
}

 .shopinfo dd {
	 width:79%;
	 margin-left:24%;
	 padding:2% 0 ;
	 text-align:left;
	 vertical-align:top;
 }
 
 .shopinfo dd:last-child {
	 margin-top:5%;	 
	 }
	 
 .shopinfo dd #map_shop {
	 height:130px;
	 width:100%;
	 }
 
 .shopinfo dt:last-child, .shopinfo dd:last-child {
	 padding:0;
	 }

.fbtimeline {
	width:100%;	
	}

.fbtimeline h2 {
	
	}

.fbtimeline ul {
	
	}

.fbtimeline li {
    border-bottom: 1px dotted #C4AF96;
    margin-bottom: 3%;
    padding-bottom: 3%;
    width: 100%;
	text-align:left;
	}
	
.fbtimeline li a {
    padding: 3%;
    width: 94%;
	display:block;
	}

.fbtimeline li a:hover {
	background-color:#fff;
	}

.fbtimeline li a dt {
	display:table-cell;
    padding-right: 20px;
    width: 130px;
}

.fbtimeline li a dd {
	display:table-cell;
	vertical-align:top;
	width:100%;
 }

.fbtimeline li a span {
    display: block;
    padding-bottom: 3%;
	}
	
	

	
@media screen and (max-width: 999px) {

.shopinfo {
    padding-right: 10%;
    width: 85%;
	}
	
.fbtimeline {
	width:40%;
	}

.shopinfo dt,.shopinfo dd {
	width:100%;
	padding:0;
	margin:0 0 1%;
	float:none;
	}
	
.shopinfo dd {
	margin:0 0 6%;
	}

.shopinfo dd img,.shopinfo dd div {
	width:100%;
	}

}

@media screen and (max-width: 767px) {
	
#cate_shop #maintab li a,#subtab li a {
	font-size: 100%;
    padding: 3% 0;
	}
	
#subtab li.current {
	 background: url("../../images/current_arrow.png") no-repeat scroll 44% 100%;
    padding-bottom: 1%;
	}

.userspost_list .postbox a {
    padding: 5%;
    width: 90%;
	}

.userspost_list .postbox a .postimg {
    display: block;
    margin: 0 auto 5% ;
    width: 210px;
	}
	
.userspost_list .postbox a .usersinfo {
	display:block;
	}
	
.userspost_list .postbox a .usersinfo dt {
    clear: left;
    float: none;
    margin: 7% 0 4%;
    width: 100%;
}
	
.userspost_list .postbox a .usersinfo dt h2 {
    margin-top: 0;
	}
	
.userspost_list .postbox a .usersinfo dt h2 .snsicon {
    padding: 3% 0 0;
    margin: 3% auto;
	}
	
.userspost_list .postbox a .usersinfo dd {
    margin: 0;
    vertical-align: top;
    width: 100%;
}
	
.fbtimeline li a {
	padding:7%;
	width:86%;
	}
	
.fbtimeline li a dt,.fbtimeline li a dd {
	display:inline;
	}
	
.fbtimeline li a dt img {
	display:block;
	margin: 0 auto 5%;
	}

.shopinfo img,.shopinfo div {
	width:100%;
	}

}

@media screen and (max-width: 552px) {
	
#cate_photo .howto h2,#cate_photo .howto p {
	text-align:left;
	}

#cate_photo .howto h2 {
    background: url("../images/shopmap/howtop.gif") no-repeat top center;
    padding: 54px 0 0 ;
    width: 100%;
}
}

@media screen and (max-width: 479px) {
	
#maintab li a {
    padding: 3% 0;
	font-size:100%;
	}
	
.userspost_list .postbox a {
    padding: 4%;
    width: 92%;
	margin-bottom:4%;
}

.userspost_list .postbox a .usersinfo dt h2 {
	text-align:center;
	}

.userspost_list .postbox a .usersinfo dt h2 .snsicon {
    display: block;
    margin: 3% auto;
	}
	
.l_table,.l_cellmax {
	display:block;
	}
	
.userspost_list .postbox a .usersinfo dt {
	text-align:center;
	}
	
.userspost_list .postbox a .usersinfo dt .userthumb {
	margin:0 auto 3% ;
	width:20%;
	}
	
.userspost_list .postbox a .usersinfo dt h2 .snsicon {
    display: block;
    padding: 3% 0 0;
	}
	
.userspost_list .spotbox {
    display: block;
    margin: 0 auto 3%;
    padding: 0;
    text-align: center;
}
	
.shopmap_list .mainlist li {
	float: none;
    margin: 0 0 4% 0;
    width: 96%;
    border-bottom: 1px dotted #C4AF96;
    padding-bottom: 3%;	
	}
	
.shopmap_list .mainlist li:nth-child(5n),.shopmap_list .mainlist li:nth-child(3n) {
    margin: 0 0 4% 0;
	}

.shopmap_list .mainlist li a {
    width: 95%;
	}
	
.shopmap_list .mainlist li img {
    margin: 1% 0 3%;
}

.shopcategory {
    border: 1px solid #42210B;
    display: block;
    font-size: 90%;
    margin: 3% auto;
    padding: 2% 4%;
    width: 50%;
}

.shopmap_list .mainlist li p {
    text-align: center;
}

.shopinfo {
	width:100%;
	display:block;
	}
	 
 .shopinfo div.outborder {
	 width:95%;
 }
	
.fbtimeline {
	width:100%;
	display:block;
	margin-top:20%;
	}
	
.fbtimeline li a {
	padding:3%;
	width:94%;
	}
	
.fbtimeline li a dt {
	padding:0;
	}
	
.fbtimeline li a dt img {
	margin:5% auto;
	width: 80%
	}
	
#cate_photo .howto {
    padding: 7%;
    width: 86%;
	 }

#cate_photo .howto h2 {
	line-height:1.6;
	}

#cate_photo .howto h2 span {
    font-size: 120%;
	line-height:1.6;
    padding: 0;
}
	
#cate_photo .howto p {
	margin-bottom:5%;
	}
	
#cate_photo .howto p span {
    font-size: 100%;
	background-color:#F7DA9A;
    padding:0;
	line-height:1.8;
}
	
}