@charset "UTF-8";


h1 { float: left; width: 100%; font-size: 31px; text-align: center; padding-top: 20px; }
p.memo { color: #534f43; text-align: center; padding: 0; margin: 0; }
p.memo span { border-bottom: 1px solid #99c2b4; padding-bottom: 2px; }

#shop_name h2 { position: absolute; float: left; width: 100%; top: 85px; color: #fff; text-align: center; margin-top: -16px; }
#shop_name h2 span { font-size: 10px; border-radius: 0 0 4px 4px; background: #99c2b4; padding: 0 9px 3px 9px; }
#shop_name p:nth-of-type(1) { font-size: 11px; text-align: center; margin-top: -5px; }
#shop_name p:nth-of-type(2) { font-size: 22px; color: #5e9e90; line-height: 1.2; padding: 8px 10% 3px 12%; }

ul.shop_photo { display: flex; justify-content: center; display: -webkit-flex; align-items: stretch; }
ul.shop_photo li { -webkit-flex-basis: 200px; flex-basis: 200px; }
ul.shop_photo img { float: none; }

.lightboxOverlay { position: absolute; display: none; top: 0; left: 0; z-index: 9999; background: #000; filter: alpha( opacity=80 ); opacity: 0.80; -moz-opacity: 0.80; }
.lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; }
.lb-outerContainer { float: none; position: relative; background: #fff; margin: 0 auto; }
.lb-container { padding: 1px; }
.lb-nav { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; }
.lb-prev, .lb-next { height: 100%; display: block; }
.lb-nav a.lb-prev { float: left; width: 50px; left: 0; background: url(/js/lightbox/prev.png) left 48% no-repeat; margin-left: -60px; }
.lb-nav a.lb-next { float: right; width: 50px; right: 0; background: url(/js/lightbox/next.png) right 48% no-repeat; margin-right: -60px; }
.lb-data { position: absolute; width: 100%; }
.lb-data .lb-details { width: 100%; }
.lb-data .lb-caption { float: left; width: 100%; font-size: 16px; color: #fff; font-weight: bold; text-align: center; margin-top: 8px; }
.lb-data .lb-number { float: left; width: 100%; font-size: 12px; color: #8b806e; text-align: center; }
.lb-data .lb-close { position: absolute; display: block; left: 49%; top: 60px; width: 30px; height: 30px; background: url(/js/lightbox/close.png) no-repeat; }

#shop_left { font-size: 15px; line-height: 1.25; padding: 0 7px 12px 14px; margin-top: -6px; }
#shop_left p img { width: 42%; margin: 2px 10px 3px 0; }
#shop_left p strong { font-size: 13px; }

#shop_right { font-size: 14px; font-weight: bold; padding: 0 1.5%; }
#shop_right ul:nth-of-type(1) { background: #fff; border: 2px solid #c75050; border-radius: 4px; padding: 8px 18px 5px 18px; margin-bottom: 5px; }
#shop_right ul:nth-of-type(1) li { border-bottom: 1px dotted #d8d3ce; padding: 2px 0; }
#shop_right ul:nth-of-type(1) li:last-child { border-bottom: 0; }
#shop_right ul:nth-of-type(1) li:nth-of-type(1) { font-size: 24px; color: #c75050; }
#shop_right ul:nth-of-type(1) li:nth-of-type(1) span { position: relative; float: left; width: 100%; box-sizing: border-box; font-size: 17px; background: linear-gradient(#fff, #e9f0ed); border: 1px solid #c1d5ca; border-radius: 4px; padding: 10px 10px 6px 18px; margin: 6px 0 5px 0; }
#shop_right ul:nth-of-type(1) li:nth-of-type(1) span:before { content: ""; position: absolute; display: inline-block; top: -20px; left: 99px; border: 10px solid transparent; border-bottom-color: #c1d5ca; }
#shop_right ul:nth-of-type(1) li:nth-of-type(1) span:after { content: ""; position: absolute; display: inline-block; top: -18px; left: 100px; border: 9px solid transparent; border-bottom-color: #fff; }
#shop_right ul:nth-of-type(1) li:nth-of-type(1) span img { position: absolute; top: -3px; left: -3px; width: 15%; }
#shop_right ul:nth-of-type(1) li:nth-of-type(1) span em { float: left; width: 96%; font-size: 14px; color: #5e9e90; margin: 0 0 4px 4%; }
#shop_right ul:nth-of-type(1) li:nth-of-type(3) span, #shop_right ul:nth-of-type(1) li:nth-of-type(4) span { color: #fff; font-size: 12px; background: #99c2b4; border-radius: 12px; padding: 2px 9px; margin-right: 7px; }

#shop_right h3 { position: relative; float: left; width: 100%; box-sizing: border-box; font-size: 13px; color: #8b806e; border-top: #d8d3ce 1px dotted; border-bottom: #d8d3ce 1px dotted; padding: 4px 0 3px 14px; margin: 5px 0; }
#shop_right h3::after { position: absolute; top: 3px; left: 0; content: ''; width: 5px; height: -webkit-calc(100% - 6px); height: calc(100% - 6px); background: #8b806e; }

#shop_right ul:nth-of-type(2) { border: 1px solid #cee0d7; }
#shop_right ul:nth-of-type(2) li { position: relative; width: 50%; color: #8b806e; background: #fff; border-right: 1px solid #cee0d7; border-bottom: 1px solid #cee0d7; padding: 5px 0 5px 10px; }
#shop_right ul:nth-of-type(2) li.ok::before, #shop_right ul:nth-of-type(3) li.ok::before { content: "◎"; color: #8b806e; padding-right: 2px; }
#shop_right ul:nth-of-type(2) li.ng::before, #shop_right ul:nth-of-type(3) li.ng::before { content: "×"; color: #fff; padding-right: 2px; }
#shop_right ul:nth-of-type(2) li.ng { color: #fff; background: #e9f0ed; }

#shop_right ul:nth-of-type(3) { border: 1px solid #d8d3ce; }
#shop_right ul:nth-of-type(3) li { position: relative; width: 33.333%; color: #8b806e; background: #fff; border-right: 1px solid #d8d3ce; border-bottom: 1px solid #d8d3ce; padding: 5px 0 5px 10px; }
#shop_right ul:nth-of-type(3) li.ng, #shop_right ul:nth-of-type(2) li:nth-child(-n+3).ng { color: #fff; background: #ebe8e4; }
#shop_right ul:nth-of-type(3) li:nth-child(-n+2) { width: 50%; background: #fff7e5; padding: 7px; }

#shop table { border-left: 1px solid #d8d3ce; border-top: 1px solid #d8d3ce; border-collapse: separate; border-spacing: 0; }
#shop table th { float: none; width: 25%; font-size: 12px; color: #8b806e; text-align: right; background: #f7f3ee; border-right: 1px solid #d8d3ce; border-bottom: 1px solid #d8d3ce; padding: 7px 4px 7px 1px; }
#shop table th span { float: left; width: 100%; font-size: 9px; text-align: right; margin-top: 3px; }
#shop table td { float: none; width: 75%; background: #fff; border-right: 1px solid #d8d3ce; border-bottom: 1px solid #d8d3ce; padding: 7px 3px 7px 10px; }
#shop table td span { float: left; width: 100%; border-top: #d8d3ce 1px dotted; padding-top: 6px; margin-top: 6px; }

#shop_hp { margin: 20px 0; }
#shop_hp p a { float: left; width: 97%; box-sizing: border-box; font-size: 20px; color: #fff; font-weight: bold; text-align: center; border: 2px solid #5e9e90; border-radius: 4px; background: #5e9e90; box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05); padding: 12px 0 13px 0; margin: 0 1.5%; }
#shop_hp p a::after { content: "⇒"; padding-left: 3px; }
#shop_hp p span { float: left; width: 100%; font-size: 10px; margin-top: 0; }

#site p { font-size: 12px; text-align: left; padding: 0px 1.2% 8px 1.5%; }
#site p a { text-decoration: underline; }