@charset "UTF-8";
body { margin: 0; padding: 0; font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',MS PGothic,sans-serif; }

a:link { text-decoration: none; color: #1E92F2; }

a:visited { text-decoration: none; color: #802680; }

a:hover { text-decoration: underline; }

header, main, footer, nav { display: block; }

p, ul { margin: 0; padding: 0; }

.contents-header { background-size: cover; background-position: center; background-repeat: no-repeat; }

.facet-section-toggle { display: none; }

hpg-multilist-results { display: block; box-sizing: border-box; }

/* footer */
footer:after { content: ''; clear: both; }

#linkRecruitGroup { color: #435B67; font-size: 10px; font-weight: bold; text-decoration: underline; font-family: 'メイリオ','ヒラギノ角ゴ Pro W3',Meiryo,'ＭＳ Ｐゴシック',MS PGothic,sans-serif; line-height: 1.6; }

@media (min-width: 641px) { html { overflow: hidden; height: 100%; }
  body { overflow: auto; height: 100%; font-size: 18px; line-height: 1.4; color: #424242; position: relative; }
  /* サイトヘッダ */
  .page-header { width: 100%; height: 90px; padding: 0; margin: 0; border-top: 6px solid #E73820; background: #FFFFFF url("https://imgfp.hotp.jp/SYS/cmn/images/front_002/bg_header_border_bottom.gif") repeat-x left bottom; }
  .page-header-logo-area { width: 950px; max-width: 85%; max-width: 85vw; margin-left: auto; margin-right: auto; padding-top: 20px; }
  #spLogo { display: none; }
  #breadcrumbList { width: 100%; padding: 5px 0; margin: 0; font-size: 11px; position: absolute; top: 96px; }
  #breadcrumbList > ul { width: 950px; max-width: 85%; max-width: 85vw; margin-left: auto; margin-right: auto; }
  #breadcrumbList > ul > li { display: inline; margin: 0; padding: 0; list-style: none; }
  #breadcrumbList > ul > li + li::before { content: ' > '; }
  #breadcrumbList > ul > li > a:link { text-decoration: underline; }
  .page-footer { width: 950px; max-width: 85%; max-width: 85vw; margin-left: auto; margin-right: auto; margin: 0 auto; padding: 12px 0; background-color: #FFFFFF; }
  #siteNavigation { width: 950px; max-width: 85%; max-width: 85vw; margin-left: auto; margin-right: auto; font-size: 10px; }
  #siteNavigation > ul { text-align: right; float: right; }
  #siteNavigation > ul > li { display: inline; margin: 0; padding: 0; list-style: none; }
  #siteNavigation > ul > li + li::before { content: ' | '; }
  main, .search-form-wrap, .search-form-toggle-open { position: relative; }
  /* コンテンツヘッダ */
  .contents-header { box-sizing: border-box; margin-top: 2em; margin-top: 2rem; width: 100%; min-height: 200px; min-height: 30vh; color: #FFFFFF; }
  .contents-header > h1 { width: 950px; max-width: 85%; max-width: 85vw; margin-left: auto; margin-right: auto; }
  .contents-header > p { width: 950px; max-width: 85%; max-width: 85vw; margin-left: auto; margin-right: auto; }
  #searchFormToggle ~ .search-form-toggle-open { -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 100ms; transition-duration: 100ms; width: 950px; max-width: 85%; max-width: 85vw; margin-left: auto; margin-right: auto; padding: 1em; background-color: rgba(255, 255, 255, .9); box-sizing: border-box; }
  #searchFormToggle ~ .search-form { -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; -webkit-transition-duration: 100ms, 300ms; transition-duration: 100ms, 300ms; -webkit-transform-origin: top; transform-origin: top; width: 950px; max-width: 85%; max-width: 85vw; margin-left: auto; margin-right: auto; padding: 1em; background-color: rgba(255, 255, 255, .9); box-sizing: border-box; }
  #searchFormToggle:not(:checked) ~ .search-form-toggle-open { opacity: 1; -webkit-transition-delay: 200ms; transition-delay: 200ms; }
  #searchFormToggle:not(:checked) ~ .search-form { -webkit-transform: rotateX(90deg); transform: rotateX(90deg); height: 0; opacity: 0; -webkit-transition-delay: 0ms; transition-delay: 0ms; padding: 0; }
  #searchFormToggle:not(:checked) ~ .search-form .saerch-form-toggle-close { opacity: 0; }
  #searchFormToggle:checked ~ .search-form-toggle-open { opacity: 0; height: 0; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-duration: 0ms; transition-duration: 0ms; padding: 0; }
  #searchFormToggle:checked ~ .search-form { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; -webkit-transition-delay: 100ms; transition-delay: 100ms; }
  #searchFormToggle:checked ~ .search-form .saerch-form-toggle-close { opacity: 1; position: absolute; top: 1em; right: 1em; background-color: #F5F5F5; border: solid 1px #CCCCCC; padding: 0.4em; cursor: pointer; z-index: 99999; }
  .search-form-wrap { background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
  .search-form-open-button { cursor: pointer; background-color: #F5F5F5; border: solid 1px #CCCCCC; border-radius: 2px; display: block; padding: 0.4em; float: right; }
  .facet-section-toggle ~ .facet-section-title { cursor: pointer; width: 100%; height: 100%; display: block; box-sizing: border-box; background-color: rgba(255, 255, 255, .75); border: solid 1px rgba(255, 255, 255, .75); padding: 0.4em; position: relative; }
  .facet-section-toggle ~ .facet-section-title:hover { background-color: white; border: solid 1px #CCCCCC; }
  .facet-section-toggle ~ .facet-section-title::after { content: ""; display: block; width: 6px; height: 6px; background-color: transparent; border-top: solid 3px #808080; border-right: solid 3px #808080; position: absolute; right: 1em; top: 1em; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
  .facet-section-toggle ~ .hpg-multilist-facet-items { display: none; }
  .facet-section-toggle:checked ~ .facet-section-title { background-color: white; border: solid 1px #CCCCCC; }
  .facet-section-toggle:checked ~ .facet-section-title::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  .facet-section-toggle:checked ~ .hpg-multilist-facet-items { display: block; margin-bottom: 3em; padding: 0 1em; border: solid 1px #CCCCCC; border-top: none; background-color: rgba(255, 255, 255, .5); }
  .now-searching { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 99999; background-color: rgba(255, 255, 255, .85); }
  .now-searching > p { text-align: center; font-size: 32px; margin-top: 40%; margin-top: 40vh; }
  .search-results { clear: both; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-position: top center; }
  .hpg-multilist-summary { width: 950px; max-width: 85%; max-width: 85vw; margin-left: auto; margin-right: auto; background-color: rgba(255, 255, 255, .9); padding: 1em 0.5em; box-sizing: border-box; }
  .hpg-multilist-paging { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; }
  .hpg-multilist-paging > li { width: 100%; display: inline-block; text-align: center; }
  .hpg-multilist-paging > li > a, .hpg-multilist-paging > li > span { display: block; padding: 0 1em; background-color: white; line-height: 2em; }
  .hpg-multilist-paging > li:not(.page-skip) { border: solid 1px #cccccc; margin: 0 0.2em; }
  .hpg-multilist-paging > li.page-skip { width: 2em; }
  .hpg-multilist-paging > li.page-skip > span { background-color: transparent; padding: 0; }
  .hpg-multilist-summary-top { display: -webkit-box; display: -webkit-flex; display: flex; }
  .hpg-multilist-summary-top .hpg-multilist-paging { -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; }
  .total-count-wrap { font-size: 14px; margin-right: auto; }
  .total-count-wrap .total-count { color: #E73820; font-weight: bold; font-size: 16px; }
  hpg-multilist-results { width: 950px; max-width: 85%; max-width: 85vw; margin-left: auto; margin-right: auto; background-color: rgba(255, 255, 255, .9); }
  .store-photos > div { background-size: cover; background-position: center; background-repeat: no-repeat; } }

@media (max-width: 640px) { body { background-color: #F9F8F7; color: #383836; font-size: 16px; line-height: 1.6; color: #424242; }
  /* サイトヘッダ */
  .page-header { width: 100%; border-top: 0; height: 48px; border-bottom: 0; background-image: -webkit-linear-gradient(top, #F64434, #D81C12); background-image: linear-gradient(top, #F64434, #D81C12); }
  .page-header-logo-area { width: 100%; text-align: left; overflow: hidden; vertical-align: middle; position: static; display: table; background-color: transparent; line-height: 14px; height: 48px; }
  .page-header-logo { width: 100%; text-align: left; overflow: hidden; vertical-align: middle; position: static; display: table-cell; background-color: transparent; padding-left: 10px; }
  #pcLogo { display: none; }
  /* サイトフッタ */
  #breadcrumbList { width: 100%; height: 36px; font-size: 12px; overflow: hidden; border-bottom: solid 3px #CDCDCD; background-color: #FFFFFF; }
  #breadcrumbList > ul { white-space: nowrap; padding-left: 20px; position: relative; margin: 0; }
  #breadcrumbList > ul > li { display: inline; line-height: 36px; white-space: nowrap; }
  #breadcrumbList > ul > li + li::before { content: ' > '; }
  .page-footer { background-color: #FFFFFF; }
  #siteNavigation { font-size: 10px; padding: 16px 0; line-height: 20px; }
  #siteNavigation > ul { margin: 0; padding: 0; text-align: center; }
  #siteNavigation > ul > li { display: inline; margin: 0; padding: 0; list-style: none; }
  #siteNavigation > ul > li:last-child { display: block; }
  #siteNavigation > ul > li:last-child::before { content: ''; }
  #siteNavigation > ul > li + li::before { content: ' | '; }
  footer > address { padding: 0 0 20px 10px; }
  /* コンテンツヘッダ */
  .contents-header { box-sizing: border-box; margin: 0; width: 100%; color: #FFFFFF; min-height: 20%; min-height: 10vh; }
  .contents-header > h1 { margin: 0; font-size: 16px; }
  .contents-header > p { margin: 0; font-size: 14px; }
  .now-searching { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 99999; background-color: rgba(255, 255, 255, .85); }
  .now-searching > p { text-align: center; font-size: 20px; margin-top: 40%; margin-top: 40vh; }
  #searchFormToggle ~ .search-form-toggle-open { box-sizing: border-box; }
  #searchFormToggle ~ .search-form-toggle-open > .search-form-open-button { -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 100ms; transition-duration: 100ms; }
  #searchFormToggle ~ .search-form { -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 1000ms; transition-duration: 1000ms; background-color: #F9F8F7; box-sizing: border-box; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999; }
  #searchFormToggle:not(:checked) ~ .search-form-toggle-open > .search-form-open-button { opacity: 1; z-index: 99999; -webkit-transition-delay: 200ms; transition-delay: 200ms; }
  #searchFormToggle:not(:checked) ~ .search-form { -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-duration: 400ms; transition-duration: 400ms; padding: 0; }
  #searchFormToggle:checked ~ .search-form-toggle-open > .search-form-open-button { opacity: 0; z-index: 0; }
  #searchFormToggle:checked ~ .search-form { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transition-delay: 200ms; transition-delay: 200ms; }
  #searchFormToggle:checked ~ .search-form .form-conditions { margin-top: 1em; padding: 1em 1em 6em; height: 100%; overflow-y: scroll; box-sizing: border-box; }
  .search-form-wrap { background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
  .search-form-open-button { background-color: rgba(224, 31, 6, .8); border-radius: 50%; display: block; padding: 0.4em; position: fixed; right: 1em; bottom: 3em; font-size: 12px; z-index: 99999; box-shadow: 2px 2px 4px #333333; color: transparent; width: 3em; height: 3em; background-image: url(https://imgfp.hotp.jp/SYS/smartphone/images/icn_search.png); background-position: center; background-size: 1.8em; background-repeat: no-repeat; opacity: 0.8; }
  .saerch-form-toggle-close { position: fixed; top: 0.6em; right: 0.6em; color: transparent; background-color: rgba(0, 0, 0, .8); color: transparent; width: 2em; height: 2em; border-radius: 50%; z-index: 99999; }
  .saerch-form-toggle-close::before { content: "✕"; color: #FFFFFF; display: block; width: 2em; height: 2em; text-align: center; line-height: 2em; font-weight: bold; }
  .facet-section-toggle ~ .facet-section-title { cursor: pointer; width: 100%; height: 100%; display: block; box-sizing: border-box; background-color: white; border: solid 1px white; padding: 0.4em; position: relative; }
  .facet-section-toggle ~ .facet-section-title::after { content: ""; display: block; width: 6px; height: 6px; background-color: transparent; border-top: solid 3px #808080; border-right: solid 3px #808080; position: absolute; right: 1em; top: 1em; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
  .facet-section-toggle ~ .hpg-multilist-facet-items { -webkit-transform: rotateX(90deg); transform: rotateX(90deg); height: 0; }
  .facet-section-toggle:checked ~ .facet-section-title { background-color: white; border: solid 1px #CCCCCC; }
  .facet-section-toggle:checked ~ .facet-section-title::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  .facet-section-toggle:checked ~ .hpg-multilist-facet-items { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); height: auto; }
  .hpg-multilist-form { background-color: #FFFFFF; }
  .hpg-multilist-form-buttons { position: fixed; bottom: 0; left: 0; right: 0; box-sizing: border-box; padding: 1em 1em; background-color: rgba(0, 0, 0, .6); }
  .search-results { clear: both; }
  .hpg-multilist-paging { display: table; width: 98%; table-layout: fixed; margin: 0 auto; }
  .hpg-multilist-paging > li { display: table-cell; text-align: center; vertical-align: middle; padding: 0.2em 0; width: 10%; }
  .hpg-multilist-paging > li:not(.page-skip) { border: solid 1px #CCCCCC; font-size: 12px; background-color: #FFFFFF; }
  .hpg-multilist-paging > li.page-skip { width: 8px; }
  .hpg-multilist-paging > li.page-skip > span { font-size: 8px; }
  .hpg-multilist-summary-top { margin: 0.5em 0; text-align: right; }
  .hpg-multilist-summary-top .hpg-multilist-paging { display: none; }
  .total-count-wrap { font-size: 14px; margin-right: auto; }
  .total-count-wrap .total-count { color: #E73820; font-weight: bold; font-size: 16px; }
  .hpg-multilist-summary-bottom { margin: 1em auto 2em; }
  .store-photos { height: 100px; height: 33vw; }
  .store-photos > div { background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; } }

/* 検索フォーム */
#searchFormToggle { display: none; }

@media (min-width: 641px) { .hpg-multilist-condition-selected { min-height: 2em; }
  .hpg-multilist-condition-clear-link { box-sizing: border-box; display: inline-block; font-size: 14px; padding: 0.2em 0.5em; border-radius: 4px; margin-right: 0.5em; margin-bottom: 0.4em; }
  .hpg-multilist-condition-clear-link::after { content: "×"; display: inline-block; margin: 0 0.2em; font-weight: bold; color: #000000; }
  .hpg-multilist-condition-clear-link:link, .hpg-multilist-condition-clear-link:visited { color: #7E7E7E; border: solid 1px #7E7E7E; }
  .hpg-multilist-condition-clear-link:hover { text-decoration: none; background-color: #7E7E7E; color: #FFFFFF; }
  .hpg-multilist-condition-clear-link:hover::after { color: #FFFFFF; }
  .form-conditions { position: relative; margin: 0 auto; padding: 3em 2em 2em; font-size: 16px; line-height: 1.8; }
  hpg-multilist-facet { display: block; box-sizing: border-box; }
  hpg-multilist-facet + hpg-multilist-facet { margin-top: 1em; }
  .hpg-multilist-condition-item-wrap { display: inline-block; }
  .hpg-multilist-facet-item { display: inline; margin-right: 0.8em; }
  .hpg-multilist-facet-item > a, .hpg-multilist-facet-item > span { display: inline-block; }
  .hpg-multilist-facet-selected { font-weight: bold; display: inline-block; }
  .hpg-multilist-facet-child-list { display: block; padding: 1.5em; background-color: white; }
  .hpg-multilist-facet-child-list::before { content: ""; }
  .hpg-multilist-facet-child-list::after { content: ""; }
  .hpg-multilist-facet-count { font-size: 12px; color: #b3b3b3; }
  .hpg-multilist-facet-count::before { content: "("; }
  .hpg-multilist-facet-count::after { content: ")"; }
  .hpg-multilist-form { margin-top: 1em; border: 1px solid; border-radius: 2px; box-sizing: border-box; background-color: rgba(255, 255, 255, .75); }
  .hpg-multilist-form-sub-section { padding: 0.8em; }
  .hpg-multilist-form-sub-section-title { color: #b3b3b3; font-weight: bold; }
  .hpg-multilist-condition-item { cursor: pointer; margin-right: 1em; }
  .hpg-multilist-condition-item:hover { color: #E73820; }
  .hpg-multilist-condition-item > input:checked ~ span { font-weight: bold; }
  .hpg-multilist-form-freeword { padding: 0.8em; }
  .hpg-multilist-form-freeword > input { width: 100%; font-size: 16px; padding: 0.5em; border-style: solid; border-width: 1px; border-color: #CCCCCC; border-radius: 2px; }
  .hpg-multilist-form-buttons { padding: 0 0.8em 0.8em; text-align: right; }
  .hpg-multilist-form-buttons > .hpg-multilist-form-button { display: inline-block; background-color: #28ADE3; box-sizing: border-box; padding: 0.8em 4em; text-align: center; color: #FFFFFF; border-radius: 4px; font-weight: bold; border: 1px solid; font-size: 14px; background-image: url(https://imgfp.hotp.jp/SYS/smartphone/images/icn_search.png); background-position: top 0.7em left 1em; background-size: 1.2em; background-repeat: no-repeat; } }

@media (max-width: 640px) { .hpg-multilist-condition-selected { font-size: 12px; padding: 1em; }
  .hpg-multilist-condition-clear-link { box-sizing: border-box; display: inline-block; padding: 0.2em 0.5em; border-radius: 4px; margin-right: 1em; margin-bottom: 0.8em; }
  .hpg-multilist-condition-clear-link::after { content: "×"; display: inline-block; margin: 0 0.2em; font-weight: bold; color: #000000; }
  .hpg-multilist-condition-clear-link:link, .hpg-multilist-condition-clear-link:visited { color: #7E7E7E; border: solid 1px #7E7E7E; background-color: #FFFFFF; }
  hpg-multilist-facet .hpg-multilist-facet-items { display: block; padding-bottom: 1em; }
  hpg-multilist-facet .hpg-multilist-facet-items > facet-item { display: block; padding: 0.2em 0.4em; box-sizing: border-box; font-size: 14px; }
  hpg-multilist-facet .hpg-multilist-facet-items > facet-item > .hpg-multilist-facet-item { text-align: left; line-height: 2; width: 100%; position: relative; border-bottom: solid 1px #CCCCCC; }
  hpg-multilist-facet .hpg-multilist-facet-items > facet-item > .hpg-multilist-facet-item > .hpg-multilist-facet-link { display: block; width: 100%; height: 100%; }
  hpg-multilist-facet .hpg-multilist-facet-items > facet-item > .hpg-multilist-facet-item > .hpg-multilist-facet-count { position: absolute; right: 0; top: 0; }
  hpg-multilist-facet .hpg-multilist-facet-items > facet-item > .hpg-multilist-facet-item > .hpg-multilist-facet-selected { font-weight: bold; }
  hpg-multilist-facet[data-name=serviceArea] .hpg-multilist-facet-items > facet-item { display: inline-block; padding: 0.2em 0.4em; }
  hpg-multilist-facet[data-name=serviceArea] .hpg-multilist-facet-items > facet-item > .hpg-multilist-facet-item { width: 4.5em; border-bottom: none; }
  .hpg-multilist-facet-child-list { margin-left: 2em; padding: 1em 0; box-sizing: border-box; }
  .hpg-multilist-facet-child-list .hpg-multilist-facet-item { display: inline-block; margin-right: 1em; }
  .hpg-multilist-facet-zero { color: #AAAAAA; }
  .hpg-multilist-form { box-sizing: border-box; padding: 1em; border: 1px solid #000000; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; font-size: 14px; }
  .hpg-multilist-form-sub-section { padding-bottom: 1.4em; box-sizing: border-box; -webkit-box-ordinal-group: 2; -webkit-order: 1; order: 1; }
  .hpg-multilist-form-freeword { padding-bottom: 1.4em; box-sizing: border-box; -webkit-box-ordinal-group: 1; -webkit-order: 0; order: 0; }
  .hpg-multilist-form-freeword::before { content: "フリーワード"; display: block; font-size: 14px; }
  .hpg-multilist-form-freeword > input { width: 100%; font-size: 16px; height: 40px; padding: 0 0.4em; -webkit-appearance: none; border: 1px solid #CCCCCC; }
  .hpg-multilist-form-sub-section-title { font-size: 14px; }
  .hpg-multilist-form-condition-items { padding-left: 1em; box-sizing: border-box; }
  .hpg-multilist-condition-item-wrap { border-bottom: solid 1px #CCCCCC; }
  .hpg-multilist-condition-item { 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; padding: 0.4em 0 0.2em; }
  .hpg-multilist-condition-item > input[type=checkbox] ~ span { display: block; width: 100%; }
  .hpg-multilist-condition-item > input[type=checkbox]:checked ~ span { font-weight: bold; }
  .hpg-multilist-form-button { -webkit-appearance: none; background-color: #28ADE3; color: #FFFFFF; display: block; width: 100%; border-radius: 4px; font-weight: bold; border: solid 1px #1E86B1; padding: 0.8em 0; } }

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-ticket-enabled{background-color: #ff9900; }

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

@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-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; }
  .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; }
  .store-photos > div { box-sizing: border-box; margin: 0; padding: 0; }
  .store-photos > div > img { width: 100%; display: block; }
  .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; }
  .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-buttons { text-align: right; }
  .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; } }