@charset "UTF-8";
store-cassette { display: block; box-sizing: border-box; }

.store-icon { display: inline-block; text-align: center; width: 8em; padding: 2px 0; color: #FFFFFF; border-radius: 2px; }

.icon-imr-enabled { background-color: #C6050C; }

.icon-req-enabled { background-color: #B3003F; }

.icon-use-point-enabled { background-color: #FF9900; }

.icon-add-point-enabled { background-color: #FF6600; }

.store-photos > div { background-size: cover; background-repeat: no-repeat; background-position: center center; }

.calendar-loading { background-image: url(https://imgfp.hotp.jp/SYS/cmn/images/common/loading_pc.gif); background-position: center; background-size: contain; background-repeat: no-repeat; width: 100%; height: 55px; color: transparent; }

.store-calendar { display: -webkit-box; display: -webkit-flex; display: flex; margin: 0; padding: 1px; background-color: #F0F0EE; box-sizing: border-box; }

.store-calendar > li { display: block; text-align: center; width: 100%; background-color: #FFFFFF; box-sizing: border-box; margin: 1px; }

.store-calendar > li:nth-child(n+8) { display: none; }

.store-calendar > li > div { box-sizing: border-box; }

.store-calendar > li > .weekday { background-color: #F0F0EE; font-weight: bold; }

.store-calendar > li > .mark { color: #1470CC; }

.store-calendar > li.day-of-week-7 > .weekday { background-color: #E6FAFF; color: #4DC0FF; }

.store-calendar > li.day-of-week-1 > .weekday, .store-calendar > li.holiday > .weekday { background-color: #FFE3ED; color: #FF78AA; }

.store-calendar > li.stock-stat-0 > .mark, .store-calendar > li.stock-stat-4 > .mark { color: #898989; font-weight: bold; }

@media (min-width: 641px) { store-cassette { padding: 1em; background-color: white; border-top: solid 1px #e6e6e6; }
  store-cassette + store-cassette { margin-top: 1em; }
  .store-name-prefix { font-size: 14px; }
  .store-name { font-size: 20px; display: inline-block; margin: 0.3em 0; }
  .store-icons { display: block; }
  .store-icon { font-size: 10px; }
  .store-cassette-main { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; align-items: stretch; margin: 1em 0; }
  .store-top-photo { min-width: 238px; min-height: 238px; text-align: center; }
  .store-recommended-menu-photo { display: none; }
  .store-atmosphere-photo { display: none; }
  .store-data { box-sizing: border-box; padding: 0 1em; width: 100%; }
  .store-properties > li { display: block; }
  .store-area-genre { font-size: 16px; }
  .store-pr-text { box-sizing: border-box; padding: 1.1em; margin: 1em 0; border: 1px dotted #7E7E7E; border-radius: 1px; position: relative; color: #7E7E7E; font-size: 16px; }
  .store-pr-text::before { content: "point!"; display: inline-block; background-color: #7E7E7E; color: #FFFFFF; position: absolute; top: -4px; left: -2px; font-size: 12px; padding: 0.2em; border-radius: 2px; }
  .store-properties { font-size: 14px; }
  .store-properties > li { padding: 0.3em 0; margin: 0.4em 0; }
  .store-properties > li.store-property-icon { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; }
  .store-properties > li.store-property-icon::before { content: ""; display: block; min-width: 20px; background-repeat: no-repeat; background-size: contain; margin-right: 0.4em; }
  .icon-access::before { background-image: url(https://imgfp.hotp.jp/SYS/cmn/images/front_002/icn_access_red_small.png); }
  .icon-tel::before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDVGM0U0ODhFNkEyMTFFNkJEMjJGNTdBN0FCOTYxMzkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDVGM0U0ODdFNkEyMTFFNkJEMjJGNTdBN0FCOTYxMzkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDRBQTRFNDFENEMzMTFFM0I1QzFGMjVCNTk2MjEwRDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDRBQTRFNDJENEMzMTFFM0I1QzFGMjVCNTk2MjEwRDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/Jp7hAAABfklEQVR42mJ8bqHAxsDA0A3EMUAsxEA6eA/Ei4G4lAVIdAFxHgP5QBCq/zsTkIjFpoLN1JqBOy6LFENTWbB5jSe1iIEnKRfM/nXmKMPvaxeJMUyICV2EiZefgScuE87n9Awi2mkYhrEoqgIJFjifw8WXgYGZmTzDGHn50FzKx8DEw0eeYf/evYGzf1+/xPA2OYDh38f35Bn29/EDoIn/IOwnDxh+37xCfpj9+/IJHnvsDh4MTILC5BsGAj+P7oOEHysbA1dgNGWGfdu4nOH/719gNldwLAMjJxcDk5AIA5OAEOmG/Xv/luHbyvkQBUBDRBZvZxDbeJxBZPkevDHLhEviy7xJDH+fPQazmaXlwGmPSUCQgSsyhXTD/n//xvChKgtMIwPuyGSwoSQZBk5nwGTxvjAe7G14ogaGH7udG1b1jMDy7C2hcoyJX5CB0z+CgUVWgeHXpXMMP3ZtZPj/8we6sncgwyYAGfkMlIMuUI4uA7kQWq4JUlDS1gIEGACRuGkL+wz+ZAAAAABJRU5ErkJggg=="); }
  .icon-total-seats::before { background-image: url(https://imgfp.hotp.jp/SYS/cmn/images/front_002/icn_chair_red_small.png); }
  .icon-budget::before { background-image: url(https://imgfp.hotp.jp/SYS/cmn/images/front_002/icn_budget_red_small.png); }
  .icon-business-hours::before { background-image: url(https://imgfp.hotp.jp/SYS/cmn/images/front_002/icn_time_red_small.png); }
  .store-calendar-title { margin: 1em 0 0.4em; font-weight: bold; }
  .store-calendar > li { line-height: 2; }
  .store-calendar > li > .day, .store-calendar > li > .mark { border-style: solid; border-color: #FFFFFF; border-width: 0; border-left-width: 2px; border-right-width: 2px; }
  .store-calendar > li > .day { border-top-width: 2px; }
  .store-calendar > li > .mark { border-bottom-width: 2px; }
  .store-calendar > li.stock-stat-1:hover, .store-calendar > li.stock-stat-2:hover, .store-calendar > li.stock-stat-3:hover { cursor: pointer; }
  .store-calendar > li.stock-stat-1:hover > .day, .store-calendar > li.stock-stat-1:hover > .mark, .store-calendar > li.stock-stat-2:hover > .day, .store-calendar > li.stock-stat-2:hover > .mark, .store-calendar > li.stock-stat-3:hover > .day, .store-calendar > li.stock-stat-3:hover > .mark { border-style: solid; border-color: #FFD2B3; border-width: 0; border-left-width: 2px; border-right-width: 2px; background-color: #FFF7F1; }
  .store-calendar > li.stock-stat-1:hover > .day, .store-calendar > li.stock-stat-2:hover > .day, .store-calendar > li.stock-stat-3:hover > .day { font-weight: bold; border-top-width: 2px; }
  .store-calendar > li.stock-stat-1:hover > .mark, .store-calendar > li.stock-stat-2:hover > .mark, .store-calendar > li.stock-stat-3:hover > .mark { border-bottom-width: 2px; text-decoration: underline; }
  .store-buttons { text-align: right; }
  .store-buttons > li { display: inline-block; }
  .button-to-store { display: inline-block; background-color: #28ADE3; box-sizing: border-box; padding: 0.5em 1em; text-align: center; color: #FFFFFF; border-radius: 4px; font-weight: bold; }
  .button-to-store:link, .button-to-store:visited { color: #FFFFFF; }
  .button-to-store:hover { text-decoration: none; } }

@media (max-width: 640px) { store-cassette { background-color: #FFFFFF; border: solid 1px #CDCDCD; padding: 0.7em 0; width: 100%; position: relative; box-sizing: border-box; }
  store-cassette + store-cassette { margin: 1em 0; }
  .store-cassette-header { position: relative; }
  .store-name-prefix { display: none; }
  .store-name { font-size: 16px; display: inline-block; margin: 0.3em 0; }
  .store-icons { display: -webkit-box; display: -webkit-flex; display: flex; margin: 0.4em 0; padding: 0; }
  .store-icon { font-size: 8px; width: 25%; }
  .store-cassette-main { clear: both; font-size: 14px; }
  .store-photos { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background-color: #000000; box-sizing: border-box; height: 74px; height: 33vw; }
  .store-photos > div { box-sizing: border-box; margin: 0; padding: 0; width: 100%; height: 100%; }
  .store-area-genre { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; font-size: 12px; margin-top: 1em; }
  .store-area-genre > span { padding: 0.2em; margin-right: auto; }
  .store-pr-text { clear: both; box-sizing: border-box; padding: 1.1em; position: relative; color: #7E7E7E; font-size: 14px; }
  .store-pr-text::before { content: "point!"; display: block; color: #E73820; font-size: 10px; padding: 0.2em; font-weight: bold; text-decoration: underline; }
  .store-properties { font-size: 12px; padding: 0; }
  .store-properties li { display: block; margin: 0; padding: 0; }
  .store-properties li + li { margin-top: 0.3em; border-top: 1px dashed #CCCCCC; padding-top: 0.3em; }
  .store-properties li.icon-tel, .store-properties li.icon-total-seats { display: none; }
  .store-property-icon::before { content: ""; display: inline-block; width: 2em; text-align: center; background-color: #EEEEEE; margin-right: 0.5em; }
  .icon-access::before { content: "🚶"; }
  .icon-budget::before { content: "💴"; }
  .icon-business-hours::before { content: "🈺"; }
  .store-calendar-title { margin: 1em 0 0.4em; font-weight: bold; font-size: 12px; }
  .store-calendar > li { line-height: 2; }
  .store-calendar > li > .weekday { font-size: 14px; }
  .store-calendar > li > .day, .store-calendar > li > .mark { font-size: 12px; }
  .store-calendar > li > .day { font-weight: bold; }
  .store-buttons { text-align: right; padding: 0; }
  .store-buttons > li { display: block; }
  .button-to-store { display: block; background-color: #28ADE3; box-shadow: 0 2px 0 #CCCCCC; box-sizing: border-box; padding: 0.5em 1em; text-align: center; color: #FFFFFF; border-radius: 4px; font-weight: bold; width: 90%; margin: 1em auto; }
  .button-to-store:link, .button-to-store:visited { color: #FFFFFF; } }