@charset "UTF-8";

#contents { width: 100%; }
.main_photo { text-align: center; width: 100%; }
div.purchase { text-align: center; margin-top: 50px; }
div.purchase_text { margin: 0 auto; width: 50%; margin-top: 20px; line-height: 1.6em; font-size: medium; }
.purchase_text ol  { position: relative; margin: 0; padding: 0 }
.purchase_text li  { list-style: none; list-style-position: outside; margin: 0; padding-left: 1.25em }
.purchase_text span { position: absolute; left: 0; margin: 0 }
.w80 { width: 80% !important; }
#map { width: 80%; margin: 60px auto 0 auto; }
#map h3 { color: #e94e73; }

#shop_list.ul{ margin:0; padding:0; }
#shop_list li { margin:0; padding:0;}
#shop_list { padding: 50px 0 0 0; }
#shop_list ul { list-style: none; }
#shop_list li { width: 260px; height: 450px; padding: 10px; border: 5px solid #e94e73; }
#shop_list li strong { font-size: 150%; color: #e94e73; }
div.shop_comment { margin-top: 10px; font-size: 110%; height: auto; color: #000; }
p.name { font-size: 115%; color: #000; font-weight: bold; }
img.shop-image { width: 100%; height: 200px; object-fit: cover; }

div.detail_wrap { width: 95%; margin: 50px auto 0 auto; }
div.detail_wrap h1 { border-bottom: 3px solid #e8426a; }
div.detail_wrap h3 { border-bottom: 1px solid #000; margin: 50px 0 10px 0 ; }
div.detail_wrap img.shop_photo { width: 100%; margin: 50px 0 50px 0; }
div.detail_wrap table#detail { width: 100%; margin-bottom: 0; border-collapse: collapse; border: 0px !important; }
div.detail_wrap table#detail td { border: 0px !important; /*white-space:nowrap;*/ padding: 5px !important; }
div.back { text-align: center; margin: 50px 0 50px 0; }

.map_wrapper { position: relative; width:100%; padding-top:56.25%; border: 1px solid #CCC; }
.map_wrapper .gmap { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } 
#map_content { width: 300px; height: 300px; }
#map_content strong { font-size: 150%; color: #e94e73; }
#map_content p.name { font-size: 115%; color: #000; font-weight: bold; }

@media screen and (max-width:767px) {
	div.purchase_text { width: 80%;}
	#map iframe { width: 100%; height: 400px; }
	div.detail_wrap h1 { font-size: 160%; }
}