@import url('https://fonts.googleapis.com/css2?family=Archivo+Narrow:ital@1&family=Caladea:ital@1&display=swap');
@charset "utf-8";

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote::after,
q:before,
q::after {
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* @end */

.clearfix::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

a {
    text-decoration: none;
    outline: 0;
    color: black;
}

a:hover {
    text-decoration: underline;
}

html {
    /*	background-color: black; */
}

body {
    font: 12px "Helvetica Neue", Arial, "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", 'Noto Sans JP', "BIZ UDPGothic";
    font-family: sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    display: block;
    margin: 0 auto;
}

html>body {
    font-size: 16px;
}

/* variables */
:root {
    --content-width-store: 765pt;
    --event-list-item-tiny-width: 110pt;
    --notice-list-item-tiny-width: 85pt;

    --margin-extra: 40pt;
    --margin-wide: 22pt;
    --margin-normal: 11pt;
    --margin-narrow: 3pt;

    --font-size-label: 1.5em;
    --font-size-title: 1em;
    --font-size-normal: 0.9em;
    --font-size-small: 0.8em;

    --color-kinoBlue: #4964c5;
    --color-labelBlue: #102B60;
    --color-clickBlue: #174094;

    --color-lightGray: #F4F4F4;
    --color-labelGray: #505050;
    --color-halfGray: #777777;
    --color-textBlack: #363636;

    --color-mortarBrown: #95541F;
    --color-attention: #ff3f00;
}

.link-box {
    width: 100%;
    height: 20pt;

    background-color: white;
    border: 2px solid var(--color-labelBlue);
    box-sizing: border-box;
    text-align: center;
    font-size: 80%;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;

    bottom: 10pt;
}
.link-box:hover {
    text-decoration: none;
}

.title {
    font-feature-settings: "palt";
    text-align: justify;
    word-break: break-all;
}

.year {
    margin-right: 2pt;
}

.category .label {
    display: inline-block;
    font-size: 0.7rem !important;
    font-weight: 600;
    line-height: 1em;
    color: white !important;
    margin-right: 5pt;
    margin-bottom: 5pt;
    padding: 5pt 6pt;
    border-radius: 2pt;
}

.category .label.featured-events {
    background-color: var(--color-attention);
    order: 1;
}

.category .reservation-events {
    background-color: #35a49c;
    order: 2;
}

.category .label.new-events {
    background-color: #35a49c;
    order: 3;
}

.category .label[class^="notice-hidden-date"] {
    background-color: #35a49c;
    order: 4;
}

.tag-frame .item:nth-child(n + 7) {
    display: none;
}

.attention {
    color: var(--color-attention);
}

.attention .text-link::after {
    border-top-color: var(--color-attention);
    border-right-color: var(--color-attention);
}

.error {
    width: 280pt;
    color: var(--color-attention);
    text-align: center;
    padding: var(--margin-normal) 0;
    border-top: 1px solid var(--color-attention);
    border-bottom: 1px solid var(--color-attention);
    display: block;
    margin: var(--margin-extra) auto;
}

.search-link-frame {
    display: flex;
    width: 90%;
    justify-content: center;
    margin: 0 auto;
    font-size: var(--font-size-normal);
    color: var(--color-clickBlue);
    background: white;
    border: none;
    font-weight: 300;
}

.search-link {
    margin: 0 var(--margin-wide);
    padding: calc(var(--margin-wide) * 2) 0;
}

.search-link:before {
    content: "";
    width: 16pt;
    height:16pt;
    display: block;
    position: absolute;
    top: calc(50% - 10pt);
    left: -20pt;
    background-repeat: no-repeat;
}

.search-link.store:before {
    background-image: url(../images/global_header_store_icon.svg);
}

.search-link.event:before {
    background-image: url(../images/global_header_event_icon.svg);
}

/*スクロールバー全体*/
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

/*スクロールバーの軌道*/
::-webkit-scrollbar-track {
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
}

/*スクロールバーの動く部分*/
::-webkit-scrollbar-thumb {
    background-color: rgba(87, 119, 236, 0.5);
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .3);
}

/*	for PC --------------------------------------------------- */


/*============================
#store-notice
============================*/

#store-notice {
    width: 100%;
    overflow: hidden;
    padding: 0 0 var(--margin-extra) 0;
    background-color: white;
    position: relative;
}

#store-notice .header-frame {
    line-height: 1em;
    width: var(--content-width-store);
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

#store-notice .notice-headline {
    width: 100%;
    margin: var(--margin-normal) auto var(--margin-wide) auto;
    font-size: var(--font-size-label);
    line-height: 1em;
    color: var(--color-labelBlue);
    font-family: 'Noto Sans JP', sans-serif;
    position: relative;
    z-index: 3;
}

#store-notice .event-list-frame {
    display: flex;
    width: 100%;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
}

#store-notice .header-frame.tiny .event-list-frame {
    background-image: linear-gradient(white 25%, rgba(103, 142, 224, 0.1) 25%);
    overflow-x: scroll;
}

#store-notice .item-frame {
    width: 100%;
    height: 100%;
    margin: var(--margin-wide) auto;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    position: relative;
    padding: initial;
    box-sizing: border-box;
}

#store-notice .scroll {
    display: flex;
    width: auto;
}

#store-notice .category,
#store-notice .date-frame {
    display: none;
}

/*============================
#store-best-saller
============================*/

#store-best-saller {
    width: 100%;
    overflow: hidden;
    margin: 0 auto var(--margin-wide) auto;
    padding: 0 0 var(--margin-extra) 0;
    border-bottom: 1px solid #dedede;
}

#store-best-saller.single {
    margin: 0 auto;
    padding: 0;
}

#store-best-saller .header-frame {
    width: var(--content-width-store);
    margin: 0 auto;
    display: flex;
}

#store-best-saller .header-frame .ranking-headline {
    font-size: var(--font-size-label);
    color: var(--color-labelBlue);
}

#store-best-saller .best-saller-frame {
    position: relative;
    max-width: var(--content-width-store);
    margin: 0 auto;
}

#store-best-saller .best-saller-frame .period {
    display: block;
    position: relative;
    z-index: 1;
    font-size: var(--font-size-small);
    color: #505050;
    margin-top: var(--margin-narrow);
}

#store-best-saller .best-saller-frame::before {
    content: "";
    display: block;
    width: 160pt;
    height: 100%;
    position: absolute;
    background: linear-gradient(to right, #ffffff 45%, rgba(255, 255, 255, 0) 60%);
    z-index: 1;
    left: -80pt;
    top: 0;
    pointer-events: none;
}

#store-best-saller .best-saller-frame::after {
    content: "";
    display: block;
    width: 160pt;
    height: 100%;
    position: absolute;
    background: linear-gradient(271deg, #ffffff 50%, rgba(255, 255, 255, 0) 65%);
    z-index: 1;
    right: -80pt;
    top: 0;
    pointer-events: none;
}

#store-best-saller .segment-ui-frame {
    width: 225pt;
    margin: 0 auto;
    height: 25pt;
    border: 1px solid #c7c7c7;
    border-radius: 6px;
    overflow: hidden;
    background: white;
    box-shadow: 0 0 10px rgb(231, 222, 222);
    position: relative;
}

#store-best-saller .segment-ui {
    display: flex;
    width: 102%;
    height: 117%;
    margin: -3px;
    background: rgba(255, 255, 255, 0);
    position: relative;
    z-index: 1;
}

#store-best-saller .segment-ui .item {
    width: 35%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    color: #505050;
    background: rgba(255, 255, 255, 0);
}

#store-best-saller .segment-ui .item.active {
    color: white !important;
}

#store-best-saller .segment-ui .item:hover {
    cursor: pointer;
}

#store-best-saller .segment-controller {
    display: block;
    width: calc(225pt / 3);
    height: 100%;
    background-color: var(--color-clickBlue);
    position: absolute;
    top: 0;
    z-index: 0;
    border-radius: 6px;
    left: calc(calc(225pt /2.9) * 0);
    transition: all 200ms 0s ease;
}

#store-best-saller .ranking-frame {
    width: 100%;
    height: fit-content;
    margin: var(--margin-wide) auto;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    position: relative;
    /* padding: 0 var(--margin-wide); */
    box-sizing: border-box;
    background-image: linear-gradient(white 25%, rgba(103, 142, 224, 0.1) 25%);
}

#store-best-saller.single .ranking-frame {
    background-image: none;
}

#store-best-saller .ranking-frame .scroll {
    display: none;
}

#store-best-saller .ranking-frame .scroll.active {
    display: flex;
    width: fit-content;
}

#store-best-saller .ranking-frame .scroll.active .ranking {
    width: var(--event-list-item-tiny-width);
    height: calc(var(--event-list-item-tiny-width) * 1.4);
    display: block;
    margin: var(--margin-normal);
    position: relative;
    box-shadow: 0 0 10px gray;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#store-best-saller.single .ranking-frame .scroll.active .ranking {
    box-shadow: none;
}

#store-best-saller .ranking-frame .scroll.active .ranking .failed {
    width: 100%;
    height: 100pt;
    display: block;
    border: 1px solid #bdbdbd;
    background: white;
}

#store-best-saller .ranking-frame .scroll.active .ranking .failed::after {
    content: "NO IMAGE";
    font-size: 0.8em;
    color: #cdcdcd;
    font-weight: 800;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    box-sizing: border-box;
    height: 100%;
    padding: var(--margin-narrow);
}

#store-best-saller .ranking-frame .scroll.active .ranking:first-child {
    margin-left: 50pt;
}

#store-best-saller .ranking-frame .scroll.active .ranking:last-child {
    margin-right: 60px;
}

#store-best-saller .ranking-frame .scroll.active .ranking::before {
    display: block;
    width: 19pt;
    height: 20pt;
    background: #4964c5;
    border-radius: 10pt;
    color: white;
    font-weight: 600;
    position: absolute;
    z-index: 2;
    top: -10pt;
    left: -10pt;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    font-family: 'Caladea', serif;
    font-size: 130%;
    font-style: italic;
    margin-right: 0;
    padding-right: 1px;
    padding-top: 0px;
    padding-left: 1px;
}

#store-best-saller .ranking-frame .scroll.active .ranking.r-1:before {
    content: "1";
    background-color: var(--color-attention);
}

#store-best-saller .ranking-frame .scroll.active .ranking.r-2:before {
    content: "2";
}

#store-best-saller .ranking-frame .scroll.active .ranking.r-3:before {
    content: "3";
}

#store-best-saller .ranking-frame .scroll.active .ranking.r-4:before {
    content: "4";
}

#store-best-saller .ranking-frame .scroll.active .ranking.r-5:before {
    content: "5";
}

#store-best-saller .ranking-frame .scroll.active .ranking.r-6:before {
    content: "6";
}

#store-best-saller .ranking-frame .scroll.active .ranking.r-7:before {
    content: "7";
}

#store-best-saller .ranking-frame .scroll.active .ranking.r-8:before {
    content: "8";
}

#store-best-saller .ranking-frame .scroll.active .ranking.r-9:before {
    content: "9";
}

#store-best-saller .ranking-frame .scroll.active .ranking.r-10:before {
    content: "10";
    font-size: 100%
}

#store-best-saller .ranking-frame .scroll.active .ranking .book-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: 50% 50%;
}

#store-best-saller .ranking-frame .scroll.active .ranking .book-image-frame {
    width: 100%;
    height: 100%;
    display: block;
}

#store-best-saller .ranking-frame .scroll.active .ranking .book-no-image {
    width: 100%;
    height: 100%;
    font-size: 0.8em;
    color: #cdcdcd;
    font-weight: 800;
    box-shadow: 0 0 10px gray;
    padding: 8pt;
    box-sizing: border-box;
    overflow: hidden;
    height: 12em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    text-align: initial;
}

#store-best-saller .ranking-frame .scroll.active .ranking figure {
    height: 100%;
    margin: 0;
    width: 100%;
}

/*============================
#store-best-saller single
============================*/

#store-best-saller.single {
    overflow: inherit;
}

#store-best-saller.single .header-frame {
    width: 90%;
    max-width: 600pt;
    margin: 20pt auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
#store-best-saller.single .period {
    color: var(--color-halfGray);
}
#store-best-saller.single date {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#store-best-saller.single .ranking-headline {
    color: var(--color-textBlack);
    font-weight: 600;
}
#store-best-saller.single .ui-frame {
    width: 100%;
    max-width: 600pt;
    margin: 30pt auto;
    padding: 0;
    box-sizing: border-box;
    background-color: white;
    position: relative;
    z-index: 3;
}
#store-best-saller.single .sns-share {
    position: absolute;
    width: 95%;
    top: 0;
    margin: 8pt 0 0 0;
}
#store-best-saller.single .ranking-frame {
    overflow: initial;
    height: auto;
}
#store-best-saller.single .ranking-frame .scroll {
    width: 100%;
    max-width: 810pt;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: space-between;
}
#store-best-saller.single .ranking-frame .ranking {
    width: 375pt !important;
    height: 82pt !important;
    margin-left: initial !important;
    margin: var(--margin-wide) var(--margin-normal) !important;
    margin-bottom: 5pt !important;
}
#store-best-saller.single .ranking-frame .ranking::before {
    top: 0!important;
    left: 62pt !important;
}
#store-best-saller.single .ranking-frame .ranking .book-image-frame {
    width: 42pt !important;
    height: 60pt;
}
#store-best-saller.single .ranking-frame .ranking .book-image {
    object-fit: contain !important;
    object-position: 0 0;
    box-shadow: initial !important;
    filter: drop-shadow(0 0px 1px gray);
}
#store-best-saller.single .ranking-frame .ranking figure {
    display: flex;
    position: relative;
    height: 100%;
}
#store-best-saller.single .ranking-frame .ranking .text-info {
    width: calc(100% - 42pt - 50pt);
    padding-left: 30pt;
    margin-left: 20pt;
    margin-bottom: -6pt;
    border-bottom: 1px solid #d2d2d2;
}
#store-best-saller.single .ranking-frame .ranking h3 {
    font-size: var(--font-size-normal);
    font-weight: 600;
    line-height: 1.2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 5pt;
}
#store-best-saller.single .ranking-frame .ranking span {
    display: block;
    line-height: 1.3em;
    font-size: var(--font-size-normal);
    color: var(--color-labelGray);
}

#store-best-saller.single .ranking-frame .ranking .link-box {
    display: block;
    width: 116pt;
    height: initial;
    position: absolute;
    bottom: 10pt;
    right: 0;
}
#store-best-saller.single .ranking-frame .ranking .link-box .text-link {
    font-size: 0.8rem!important;
    margin-top: 2pt!important;
    margin-bottom: initial!important;
    margin-left: 0;
    color: #174094;
    font-weight: 400!important;
    display: inline-block;
}
#store-best-saller.single .ranking-frame .scroll.active .ranking .book-no-image {
    height: 70% !important;
    border: 1px solid #cdcdcd;
    box-shadow: none;
    font-size: 0.6em;
    text-align: center;
    padding: 40% 0;
}

#store-best-saller .event-anchor {
    width: var(--content-width-store);
    margin: 0 auto;
    display: flex;
    justify-content: right;
    position: relative;
    z-index: 2;
}
#store-best-saller .event-anchor span {
    display: block;
    width: auto;
    height: 14pt;
    margin: 0;
    padding: var(--margin-narrow)8pt;
    padding-right: 20pt;
    border: 1px solid var(--color-labelBlue);
    border-radius: 8pt;
    font-size: 80%;
    position: relative;
}
#store-best-saller .event-anchor span::after {
    right: initial;
}


/*============================
#store-social-widget
============================*/
#store-social-widget {
    width: 100%;
    height: auto;
    margin: 0 auto var(--margin-extra) auto;
    border-bottom: 1px solid #dedede;
}

#store-social-widget .twitter-timeline {
    margin-bottom: var(--margin-extra) !important;
    width: calc(var(--content-width-store) * 0.67);
    margin: 0 auto;
}

#store-social-widget div {
    display: flex;
    width: 80%;
    max-width: 600pt;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 0 auto;
    margin-bottom: var(--margin-extra) !important;
    padding: var(--margin-narrow) var(--margin-wide);
    border: 1px solid rgb(204, 204, 204);
    border-radius: 10pt;
    background-color: rgb(250, 250, 250);
}

#store-social-widget div p {
    display: block;
    width: 100%;
    margin: var(--margin-normal) 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.4em;
    font-weight: 700;
    text-align: center;
}

#store-social-widget div p span {
    display: inline-block;
}

#store-social-widget div a {
    display: block;
    width: 40%;
    height: fit-content;
    margin: var(--margin-normal);
    padding: var(--margin-narrow) var(--margin-normal);
    border-radius: 5pt;
    color: white;
    font-weight: 600;
    font-size: 1em;
}

#store-social-widget .follow-button.x-twitter {
    background-color: black;
}

#store-social-widget .follow-button.x-twitter span::before {
    content: "";
    display: inline-block;
    background-image: url(../images/x-twitter_logo.svg);
    background-size: 90%;
    background-position-y: -80px;
    background-repeat: no-repeat;
    width: 20pt;
    height: 20pt;
    margin-right: 4pt;
}

#store-social-widget .follow-button.instagram {
    background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
    position: relative;
    overflow: hidden;
}
#store-social-widget .follow-button.instagram::before {
    content: '';
    width: 100%;
    height: 60px;
    position: absolute;
    top: 13px;
    left: -118px;
    background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
    opacity: 0.7;
}

#store-social-widget .follow-button.instagram span::before {
    content: "";
    display: inline-block;
    background-image: url(../images/instagram_logo.svg);
    background-size: 95%;
    background-position-y: -86px;
    background-repeat: no-repeat;
    width: 20pt;
    height: 20pt;
    margin-right: 4pt;
}

#store-social-widget .follow-button span {
    display: flex;
    width: fit-content;
    margin: 0 auto;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}

/*============================
#store-event-info
============================*/
#store-event-info {
    width: 100%;
    background-color: white;
    margin-right: auto;
    margin-left: auto;
    margin-top: -40pt;
    padding-top: 40pt;
}

#store-event-info .header-frame {
    display: flex;
    width: 100%;
    margin: -15pt auto 0 auto;
    padding: var(--margin-normal) 0;
    background: white;
    flex-wrap: wrap;
    position: sticky;
    top: 50px;
    z-index: 6;
}

#store-event-info .header-frame h2.event-headline {
    display: flex;
    width: 100%;
    margin-bottom: var(--margin-normal);
    justify-content: start;
    align-items: center;
    font-size: var(--font-size-label);
    color: var(--color-labelBlue);
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1em;
}

#store-event-info .header-frame h2 .link-box {
    width: max-content;
    background-color: #2b59b5;
    border: 2px solid #2b59b5;
    margin-left: 40pt;
    padding: 5pt 20pt 5pt 10pt;
}
#store-event-info .header-frame h2 .link-box .text-link {
    color: white;
    font-size: 0.9rem;
}
#store-event-info .header-frame h2 .link-box .text-link::after {
    border-color: white;
}
.store-main.shinjuku-main-store .header-frame h2 .link-box {
    display: none;
}

#store-event-info .header-frame .text-link {
    display: inline-block;
    width: auto;
    margin: 0;
}

#store-event-info .header-frame .event-anchor-frame {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    font-size: 80%;
    margin-bottom: var(--margin-normal);
}

#store-event-info .header-frame .event-anchor {
    display: block;
    width: auto;
    height: 14pt;
    margin: 0 10pt 10pt 0;
    padding: var(--margin-narrow) 14pt;
    padding-right: 22pt;
    border: 1px solid var(--color-labelBlue);
    border-radius: 8pt;
}

#store-event-info .header-frame .event-anchor.selected {
    background-color: rgba(215, 230, 255, .6);
}

#store-event-info .header-frame .event-anchor span:hover {
    text-decoration: none;
    cursor: pointer;
}

#store-event-info .header-frame .event-anchor.comingSoon {
    display: none;
    margin: 0 var(--margin-normal) 15pt 0 !important;
}

#store-event-info .header-frame .event-anchor.all {
    width: auto;
}

#store-event-info .header-frame .event-anchor:last-child {
    margin-left: 0;
    margin-right: 0;
}

#store-event-info .header-frame .event-anchor .label {
    color: var(--color-clickBlue);
}

#store-event-info .header-frame .event-filter-frame {
    display: flex;
    width: 100%;
    font-size: 80%;
    margin-bottom: 8pt;
    flex-wrap: wrap;
}

#store-event-info .header-frame .event-filter {
    margin: 0 10pt 0 0;
    border-right: 1px solid gray;
    padding: 0 10pt 0 0;
    color: blue;
    color: var(--color-clickBlue);
    line-height: 1.5em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#store-event-info .header-frame .event-filter:last-child {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
}

#store-event-info .header-frame .event-filter:hover {
    cursor: pointer;
}

#store-event-info .header-frame .event-filter .label {
    padding-bottom: 0pt;
}

#store-event-info .header-frame .event-filter.selected .label {
    font-weight: 600;
    border-bottom: 4px solid var(--color-kinoBlue);
    padding-bottom: 1pt;
}

#store-event-info .event-list {}

#store-event-info .event-list.today,
#store-event-info .event-list.soon {
    width: var(--content-width-store);
    margin: 0 auto;
    margin-bottom: var(--margin-extra);
    padding-top: 0;
}

#store-event-info .event-list h3.event-headline {
    color: var(--color-labelBlue);
    border-bottom: 1px solid #95541F;
    font-size: inherit;
    width: var(--content-width-store);
    margin: 0 auto;
}

#store-event-info .event-list h3.event-headline .label {
    color: #95541F;
    font-weight: 600;
    margin-left: var(--margin-normal);
    font-size: var(--font-size-title);
}

#store-event-info .event-list-frame {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}

#store-event-info .event-list-item,
#store-notice .event-list-item {
    padding: var(--margin-wide);
    border-bottom: 1px solid #d0d0d0;
}

#store-event-info .event-list-item:nth-child(2n+1),
#store-notice .event-list-item:nth-child(2n+1)
 {
    padding-left: 0;
    border-right: 1px solid #d0d0d0;
}

#store-event-info .event-list-item:nth-child(2n),
#store-notice .event-list-item:nth-child(2n) {
    padding-right: 0;
}

#store-notice .event-list-item:last-child,
#store-notice .event-list-item:nth-last-child(2):nth-child(odd) {
    border-bottom: inherit;
}

#store-event-info .event-list.today .event-list-item.invisible {
    display: none;
}

/*============================
#store-todays-event-info
============================*/

#store-todays-event-info {
    width: 100%;
    margin: 0 auto var(--margin-wide) auto;
    padding: 0;
    background-color: white;
    position: relative;
    overflow: hidden;
}

#store-todays-event-info .header-frame {
    display: flex;
    flex-wrap: wrap;
    width: var(--content-width-store);
    height: auto;
    margin: 0 auto;
    padding-top: 0;
    line-height: 1em;
    position: relative;
}

#store-todays-event-info .header-frame.tiny::before,
#store-notice .header-frame.tiny::before {
    content: "";
    display: block;
    width: 160pt;
    height: 100%;
    position: absolute;
    background: linear-gradient(to right, #ffffff 50%, rgba(255, 255, 255, 0) 65%);
    z-index: 3;
    left: -80pt;
    top: 0;
    pointer-events: none;
}

#store-todays-event-info .header-frame.tiny::after,
#store-notice .header-frame.tiny::after {
    content: "";
    display: block;
    width: 160pt;
    height: 100%;
    position: absolute;
    background: linear-gradient(271deg, #ffffff 50%, rgba(255, 255, 255, 0) 65%);
    z-index: 3;
    right: -80pt;
    top: 0;
    pointer-events: none;
}

#store-todays-event-info h2 {
    width: 100%;
    margin: var(--margin-normal) auto var(--margin-wide) auto;
    font-size: var(--font-size-label);
    font-weight: 300;
    line-height: 1em;
    color: var(--color-labelBlue);
    z-index: 3;
    position: relative;
}

#store-todays-event-info .event-list-frame {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
    margin: 0 auto;
    overflow-x: scroll;
    background-image: linear-gradient(white 25%, rgba(103, 142, 224, 0.1) 25%);
}

.event-list-frame.tiny::after {
    content: "";
    display: block;
    width: 100%;
    height: 80%;
    background-color: rgba(103, 142, 224, 0.1);
    margin-top: 10%;
    padding-top: 0;
    position: absolute;
}

.event-list-frame .scroll {
    display: flex;
    width: auto;
}
#store-todays-event-info .event-list-item.tiny .label {
    display: none;
}
#store-todays-event-info .event-list-item.tiny .label.todays-events {
    display: inline-block;
}
#store-todays-event-info .event-list-item.tiny.more {
    z-index: 3;
}
#store-todays-event-info .event-list-item.tiny.more .label {
    display: block;
    font-size: 0.8rem;
}

#store-todays-event-info .event-list-item.tiny .category {
    height: 18pt;
    margin-bottom: var(--margin-normal);
}
#store-todays-event-info .event-list-item.tiny .category:nth-child(1) {
    display: none;
}

/*============================
.event-info-frame notice-hidden-date
============================*/

.event-list-item[data-cateslug^="notice-hidden-date"] .date-frame,
.event-list-item.full[data-cateslug^="notice-hidden-date"] .date-frame {
    display: none !important;
}

/*============================
.event-list-item.full
============================*/

.event-list-item.full {
    width: 50%;
    display: flex;
    justify-content: space-around;
    box-sizing: border-box;
}

.event-list-item.full .event-image-frame {
    width: 45%;
    margin-right: var(--margin-normal);
}

.event-list-item.full .event-image-frame .image-link {
    display: block;
    width: 100%;
    height: 100%;
}

.event-list-item.full .event-image-frame .event-image {
    display: block;
    width: 100%;
    height: auto;
}

.event-list-item.full .event-info-frame {
    width: 55%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    padding-bottom: 20pt;
}

.event-list-item.full .title-frame {
    padding-bottom: var(--margin-normal);
    /* height: calc(100% - 55pt - 20pt); */
    width: 100%;
    box-sizing: border-box;
}

.event-list-item.full .title-frame .category {
    display: flex;
    margin-bottom: var(--margin-normal);
    flex-wrap: wrap;
}

.event-list-item.full .title-frame .title {
    font-size: var(--font-size-title);
    font-weight: 600;
}

.event-list-item.full .date-frame {
    padding-bottom: var(--margin-normal);
    height: 55pt;
    width: 100%;
    box-sizing: border-box;
}

.event-list-item.full .date-frame .time {
    text-align: right;
    display: block;
}

.event-list-item.full .date-frame .startDate {
    font-size: 0.9em;
    color: #202020;
    display: inline-block;
}

.event-list-item.full .date-frame .startDate .year {
    font-style: italic;
}

.event-list-item.full .date-frame .startDate .month {
    font-size: 160%;
    font-style: italic;
    margin-left: 0;
    margin-right: 2pt;
    font-weight: 400;
    font-family: 'Caladea', serif;
    letter-spacing: 1px;
}

.event-list-item.full .date-frame .startDate .day {
    font-size: 160%;
    font-style: italic;
    margin-left: 0;
    margin-right: 2pt;
    font-weight: 400;
    font-family: 'Caladea', serif;
    letter-spacing: 1px;
}

.event-list-item.full .date-frame .startDate .week {
    font-size: 90%;
    margin-left: -7px;
}

.event-list-item.full .date-frame .startTime,
.event-list-item.full .date-frame .endDate {
    font-size: 0.9em;
    color: #505050;
}

.event-list-item.full .date-frame .startTime {
    margin-top: -1.5em;
    display: inline-block;
}

.event-list-item.full .date-frame .endDate {
    text-align: right;
    display: block;
}

.event-list-item.full .date-frame .endDate:before {
    content: "〜"
}

.event-list-item.full .venues {
    /* display: none; */
    width: 100%;
    padding-bottom: var(--margin-wide);
}

#store-notice .event-list-item.full .venues {
    margin-bottom: 20pt;
}

.event-list-item.full .link-box {
    position: absolute;
    bottom: 0;
}

.event-list-item.full .tag-frame .item.venue {
    background-color: #95541F;
    color: white;
    width: 100%;
    font-size: 80%;
}

.event-list-item.full .tag-frame .item.venue a {
    color: white;
    max-width: 100%;
}

.event-list-item.full .tag-frame .text-link {
    color: white;
}

.event-list-item.full .tag-frame .text-link::after {
    border-top: solid 1px white;
    border-right: solid 1px white;
}

.event-list-item.full .tag-frame .item.venue.virtual {
    order: 99;
}

/*============================
.event-list-item.tiny
============================*/

.event-list.soon {
    width: initial !important;
    margin-top: -180pt!important;
    padding-top: 180pt!important;
}

.event-list.soon .event-list-frame {
    position: relative;
    width: var(--content-width-store);
    margin: 0 auto;
}

.event-list.soon .event-list-frame::before {
    content: "";
    display: block;
    width: 160pt;
    height: 100%;
    position: absolute;
    background: linear-gradient(to right, #ffffff 60.5%, rgba(255, 255, 255, 0) 77.73%);
    z-index: 5;
    left: -90pt;
    top: 0;
}

.event-list.soon .event-list-frame::after {
    content: "";
    display: block;
    width: 160pt;
    height: 100%;
    position: absolute;
    background: linear-gradient(271deg, #ffffff 65.13%, rgba(255, 255, 255, 0) 88.66%);
    z-index: 5;
    right: -90pt;
    top: 0;
}

.event-list.soon .item-frame {
    width: 100%;
    height: 100%;
    margin: var(--margin-wide) auto;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    position: relative;
    padding: initial;
    box-sizing: border-box;
}

.event-list.soon .scroll {
    display: flex;
    width: auto;
}

.event-list-item.tiny {
    padding: initial !important;
    width: var(--event-list-item-tiny-width) !important;
    height: auto;
    display: block;
    margin: var(--margin-normal);
    border: none !important;
    position: relative;
    z-index: 2;
}

.event-list-item.tiny:first-child {
    margin-left: 60px;
}

.event-list-item.tiny:last-child {
    margin-right: 60px;
}

.event-list-item.tiny .title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.6em;
    text-align: initial;
    margin-bottom: var(--margin-normal);
    overflow: hidden;
}

.event-list-item.tiny .event-image-frame {
    width: 100% !important;
    height: calc(var(--event-list-item-tiny-width) * 1.4);
    margin-bottom: 10pt;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 13px;
    overflow: hidden;
    box-sizing: border-box;
}

.event-list-item.tiny .event-image-frame a {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.event-list-item.tiny .event-image {
    width: 100%;
    height: auto;
}

.event-list-item.tiny .title-frame {
    font-size: var(--font-size-normal);
}

.event-list-item.tiny.more:before {
    content: "";
    width: 20px;
    height: 20px;
    border: 0px;
    border-top: solid 1px var(--color-clickBlue);
    border-right: solid 1px var(--color-clickBlue);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 40%;
    right: 47%;
    margin-top: -4px;
}

.event-list-item.tiny.more .label {
    display: block;
    text-align: center;
    width: 100% !important;
    color: var(--color-clickBlue) !important;
    position: absolute;
    top: 55%;
}

.event-list-item.tiny.more .label:hover {
    text-decoration: underline;
}

.event-list-item.tiny .date-frame {
    font-size: 70%;
    color: #505050;
    line-height: 1.3em;
}
.event-list-item.tiny .week {
    margin-left: -6px;
    margin-right: -8px;
}
.event-list-item.tiny .endDate::before {
    content: "〜";
}

/*============================
#speaker-list
============================*/

#speaker-list {
    background: linear-gradient(#EB8F41 60.5%, #E0CA0E);
    padding: var(--margin-wide) 0;
}

#speaker-list .speaker-headline {
    width: var(--content-width-store);
    margin: 0 auto;
    color: white;
    margin-bottom: var(--margin-wide);
    font-size: var(--font-size-label);
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 200;

}

/* #speaker-list .speaker-list-item.speaker {
    width: var(--content-width-store);
    margin: 0 auto;
    display: block;
    margin-bottom: var(--margin-wide);
    color: white;
} */

#speaker-list .speaker-list-frame {
    width: var(--content-width-store);
    margin: 0 auto;
    background-color: initial;
    padding: 0;
}

#speaker-list .item-frame {
    width: 100%;
    height: 200pt;
    margin: var(--margin-wide) auto;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    position: relative;
    padding: initial;
    box-sizing: border-box;
}

#speaker-list .item-frame .scroll {
    width: auto;
    display: flex;
}

#speaker-list .speaker-list-item {
    width: 100pt;
    color: white;
    padding: initial !important;
    height: auto;
    display: block;
    margin: var(--margin-normal);
    position: relative;
    border: none !important;
}

#speaker-list .speaker-list-item .speaker-image-frame {
    height: 100pt;
}

#speaker-list .speaker-list-item .speaker-image-frame .event-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50%;
}

#speaker-list .speaker-list-item .speaker-image-frame amp-img {
    height: 100%;
}

#speaker-list .speaker-list-item .speaker-image-frame img {
    object-fit: cover;
}

#speaker-list .speaker-list-item:first-child {
    margin-left: 0;
}

#speaker-list .speaker-list-item:last-child {
    margin-right: 0;
}

#speaker-list .speaker-list-item .title-frame {
    height: initial;
    font-size: var(--font-size-title);
    margin-top: var(--margin-normal);
    color: white;
}

#speaker-list .speaker-list-item .title-frame .label {
    color: white;
    width: 100%;
    font-size: 80%;
    margin-bottom: var(--margin-narrow);
}

#speaker-list .speaker-list-item .title-frame .title {
    text-align: center;
}

/*============================
#content.store-details
============================*/
#content.store-details {
    padding-bottom: 30pt;
}

#content.store-details .content-frame {
    width: var(--content-width-event);
    margin: 0 auto;
    font-feature-settings: "palt";
    background-color: initial;
}

#content.store-details .content-frame .store-name {
    padding-top: var(--margin-wide);
    font-size: 2em;
    font-weight: 600;
    vertical-align: bottom;
    margin-bottom: var(--margin-normal);
}

.info-frame {
    display: flex;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: var(--margin-normal);
}

.item-frame {
    display: flex;
    justify-content: space-between;
    line-height: 1.8em;
    margin-top: calc(var(--margin-narrow) * -1);
}

.item-frame.attention {
    display: none;
    margin-bottom: var(--margin-normal);
    margin-top: 3px;
}

.item-frame.attention .url {
    color: var(--color-attention) !important;
}

.item-frame.attention .label {
    color: var(--color-attention) !important;
    font-size: var(--font-size-title);
    border: initial !important;
}

.item-frame .label {
    text-align: center;
    font-size: 80%;
    color: black;
}

.item-frame .item {
    width: 100%;
    line-height: 1.8em;
}

.info-frame .label {
    width: 20%;
    line-height: 1.2em;
    margin: var(--margin-narrow) 0;
    margin-bottom: var(--margin-normal);
}

.info-frame .table-item {
    width: 80%;
    margin: var(--margin-narrow) 0;
    margin-bottom: 0;
}

.info-frame .table-item h3.label {
    width: 20%;
    font-size: 80%;
    color: black;
}

.info-frame .box.text-link {
    display: inline-block;
    color: black;
}
.info-frame .box.text-link::after {
    border-top: solid 1px black;
    border-right: solid 1pxblack;
}

/* Icon view of info-frame */

.item-list .label {
    width: 100%;
    text-align: left;
    font-size: 1em;
}

.item-list .label.cash {
    display: none;
}

.item-list .item.credit {
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap;
    border: 1px solid rgb(200, 200, 200);
    margin: 0 18pt 0 0;
    padding: 0 10pt;
}

.info-frame .item.credit.contactless::before {
    content: "";
    background-image: url('../images/store-service-items/Contactless.svg');
    background-repeat: no-repeat;
    width: 6%;
    display: block;
    aspect-ratio: 1 / 1;
    margin: 0 10pt;
    background-position-y: 50%;
}
.info-frame .item.credit .withIcon {
    display: flex !important;
    width: 100% !important;
    max-width: 16.5%;
    margin: 0 !important;
    aspect-ratio: 1 / 0.8;
}

.info-frame .item.credit.contactless .withIcon:nth-child(6n) {
    display: block;
    margin-left: 40pt !important;
}
.info-frame .item.credit .withIcon:nth-child(6n) {
    margin-left: 0 !important;
}
.info-frame .item.credit .withIcon figure {
    width: 100%;
    height: 100%;
    margin: 0;
    position: relative;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    border: none;
}

.info-frame .item.credit .withIcon figure img {
    width: 75%;
    height: 75%;
}
.info-frame .item.credit .box {
    display: none;
}

.info-frame .item.ApplePay {
    width: 100% !important;
    max-width: initial;
    margin-bottom: 20pt !important;
}
.info-frame .item.ApplePay figure {
    display: none;
}
.info-frame .item.ApplePay .box {
    text-align: left;
}

.info-frame .withIcon {
    max-width: 20%;
    margin-bottom: 10pt !important;
    position: relative;
    justify-content: left;
    align-items: center;
    box-sizing: border-box;
    margin: 0 18pt 0 0;
}

.info-frame .withIcon figure {
    display: flex;
    width: 100%;
    margin: 0 0 3pt 0;
    border: 1px solid rgb(200, 200, 200);
    aspect-ratio: 1 / 1;
    justify-content: space-evenly;
    align-items: center;
}
.info-frame .withIcon figure img {
    width: 60%;
    height: 80%;
    object-fit: contain;
}
.info-frame .withIcon.Alipay figure img {
    width: 80%;
}
.info-frame .withIcon a {
    position: relative;
    display: flex !important;
    justify-content: left;
    align-items: center;
    margin-right: 10pt;
}
.info-frame .withIcon span {
    display: inline-block;
    width: 100%;
    font-size: 0.75em;
    line-height: 1.4em;
    text-align: center;
    color: var(--color-labelGray);
}

#store-telephone {
    padding-top: 60pt;
    margin-top: -60pt;
}

.store-details.cred-okayama-store .item-frame.main .item:after {
    content: "（電話受付時間：10:00～19:00）";
    display: block;
    font-size: 80%;
    line-height: 1.4em;
    margin-top: 2pt;
    color: rgb(80, 80, 80);
}

.store-details.otemachi-building-store .item-frame.main .item:after {
    content: "（電話受付時間：11:00～19:00）";
    display: block;
    font-size: 80%;
    line-height: 1.4em;
    margin-top: 2pt;
    color: rgb(80, 80, 80);
}
.store-details.otemachi-building-store #store-telephone,
.store-details.otemachi-building-store #store-payment {
    display: none;
}
.store-details.tennoji-mio-store .item-frame.main .item:after {
    content: "（電話受付時間：10:30～20:00）";
    display: block;
    font-size: 80%;
    line-height: 1.4em;
    margin-top: 2pt;
    color: rgb(80, 80, 80);
}
.store-details.books-kinokuniya-tokyo .item-frame.main .item:after {
    content: "（電話受付時間：11:00～19:00）";
    display: block;
    font-size: 80%;
    color: rgb(80, 80, 80);
}

.store-details.shinjuku-main-store .item-frame.main .item:after,
.store-details.sapporo-main-store .item-frame.main .item:after,
.store-details.atsubetsu-store .item-frame.main .item:after,
.store-details.otaru-store .item-frame.main .item:after,
.store-details.chitose-store .item-frame.main .item:after,
.store-details.fukuoka-main-store .item-frame.main .item:after,
.store-details.kurume-store .item-frame.main .item:after,
.store-details.odakyu-machida-store .item-frame.main .item:after,
.store-details.iruma-maruhiro-store .item-frame.main .item:after,
.store-details.niigata-store .item-frame.main .item:after,
.store-details.lalaport-yokohama-store .item-frame.main .item:after,
.store-details.ito-yokado-kawasaki-store .item-frame.main .item:after,
.store-details.kyobashi-store .item-frame.main .item:after,
.store-details.kakogawa-store .item-frame.main .item:after,
.store-details.honmachi-store .item-frame.main .item:after,
.store-details.senboku-store .item-frame.main .item:after,
.store-details.ario-otori-store .item-frame.main .item:after,
.store-details.toyama-store .item-frame.main .item:after,
.store-details.tokushima-store .item-frame.main .item:after,
.store-details.amuplaza-oita-store .item-frame.main .item:after,
.store-details.kawanishi-store .item-frame.main .item:after,
.store-details.kokubunji-store .item-frame.main .item:after,
.store-details.sendai-store .item-frame.main .item:after,
.store-details.hiroshima-store .item-frame.main .item:after
{
    content: "（電話受付は閉店30分前まで）";
    display: block;
    font-size: 80%;
    line-height: 1.4em;
    margin-top: 2pt;
    color: rgb(80, 80, 80);
}
.store-details.nagasaki-store .item-frame.main .item:after,
.store-details.arao-citymall-store .item-frame.main .item:after,
.store-details.fukuoka-main-store .item-frame.main .item:after,
.store-details.kurume-store .item-frame.main .item:after,
.store-details.kumamoto-hikari-no-mori-store .item-frame.main .item:after,
.store-details.kumamoto-hamasen-store .item-frame.main .item:after,
.store-details.amuplaza-miyazaki-store .item-frame.main .item:after,
.store-details.kichijoji-tokyu-store .item-frame.main .item:after,
.store-details.youmetown-hakata-store .item-frame.main .item:after,
.store-details.saga-store .item-frame.main .item:after,
.store-details.youmetown-tokushima-store .item-frame.main .item:after,
.store-details.kagoshima-store .item-frame.main .item:after,
.store-details.marugame-store .item-frame.main .item:after
{
    content: "（電話受付は閉店1時間前まで）";
    display: block;
    font-size: 80%;
    line-height: 1.4em;
    margin-top: 2pt;
    color: rgb(80, 80, 80);
}
.store-details.shinjuku-main-store .store-telephone-toggle:after {
    content: "（電話受付は閉店30分前まで）";
    display: block;
    font-size: 80%;
    width: 100%;
    text-align: right;
    margin: 5pt 7pt 0 0;
    color: rgb(80, 80, 80);
}

/*============================
#store-services
============================*/
#store-services {
    text-align: right;
}

#store-services .services-frame {
    margin-bottom: var(--margin-wide);
}

#store-services .services-frame .item {
    line-height: 1.8em;
}
#store-services .services-frame .item.noAnchor {
    margin-right: 10pt;
}

#store-services .services-frame .twitter {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#store-services .services-frame .x-twitter {
    display: block;
    background-image: url(../images/x-twitter_logo.svg);
    background-size: 100%;
    background-position-y: -28px;
    background-repeat: no-repeat;
    width: 14pt;
    height: 20pt;
    margin-right: 4pt;
}

#store-services .services-frame .twitter .fab.fa-twitter {
    color: #4964c5;
    margin-top: 1pt;
    margin-right: 3pt;
    font-size: 120%;
}

#store-services .services-frame .item.instagram {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#store-services .services-frame .item.instagram .instagram {
    display: block;
    background-image: url(../images/instagram_logo.svg);
    background-size: 100%;
    background-position-y: -28px;
    background-repeat: no-repeat;
    width: 14pt;
    height: 20pt;
    margin-right: 4pt;
}

/*============================
#store-location
============================*/

#addressBar {
    display: none;
}

#store-location {
    position: relative;
}

#store-location .table-item {
    margin: var(--margin-narrow) 0;
    margin-bottom: var(--margin-normal);
}

#store-location .store-location-frame {
    margin-bottom: var(--margin-wide);
    width: 100%;
}

#store-location .store-location-frame iframe {
    width: 110%;
    height: 260pt;
    margin-left: -5%;
    margin-bottom: var(--margin-narrow);
}

#store-location .store-location-frame .text-link {
    display: block;
    margin: 0 10pt 0 auto;
    width: 130px;
    text-align: right;
}

/*============================
#store-telephone
============================*/

#store-telephone .item-frame {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 4pt;
    margin-bottom: var(--margin-normal);
    line-height: 1.5em;
}

#store-telephone .item-frame:last-child {
    border-bottom: initial;
    padding-bottom: 0;
    margin-bottom: var(--margin-normal);
}

#store-telephone .item-frame .label {
    text-align: left;
    margin-bottom: 0;
}

#store-telephone .item-frame .item {
    width: 100%;
    text-align: right;
}

#store-telephone .item-frame a {
    color: var(--color-clickBlue);
    text-decoration: underline;
}

#store-telephone .store-telephone-toggle {
    display: flex;
    font-size: var(--font-size-title);
    margin: var(--margin-normal) 0 var(--margin-narrow) 0;
    margin-right: -10px;
    flex-wrap: wrap;
}

#store-telephone .store-telephone-toggle span {
    cursor: pointer;
}

#store-telephone .store-telephone-toggle .label {
    text-align: right;
    margin: 0 0 0 auto;
    display: block;
    width: auto;
}

#store-telephone .arrow-toggle {
    margin-left: -26px;
}

/* #store-telephone .text-link.lower {
    display: block;
    margin: var(--margin-normal) 10pt var(--margin-normal) auto;
    width: 200px;
    text-align: right;
} */

#store-telephone .store-telephone.other {
    transition: all 400ms 0s ease;
    max-height: 0;
    transform: scaleY(.0);
    transform-origin: 6px 3px;
}

#store-telephone .store-telephone.other.opened {
    max-height: 100vh;
    transform: scale(1);
}

#store-telephone .item-list {
    width: 100%;
}

#store-telephone .item-list .num {
    width: 50%;
    text-align: right;
}

#store-merchandise .item,
#store-serviceItem .item,
#store-payment .item,
#store-pointSystem .item,
#store-WiFi .item {
    display: block;
    margin-bottom: 0;
    width: 50%;
    line-height: 1.8em;
}

#store-payment .item,
#store-pointSystem .item {
    margin-bottom: 18pt;
}

#store-merchandise .item-list,
#store-serviceItem .item-list,
#store-payment .item-list,
#store-pointSystem .item-list,
#store-WiFi .item-list {
    flex-direction: column;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: var(--margin-normal);
}

#store-payment .item-list,
#store-pointSystem .item-list {
    flex-direction: initial;
    justify-content: start;
}

#store-serviceItem .item-list {
    max-height: inherit;
    height: fit-content;
}

#store-notice.longtermNoticeItem {
    padding: 0;
}
#store-notice.longtermNoticeItem .table-item {
    width: 80%;
    margin-bottom: var(--margin-normal);
    margin-top: 0pt;
}
#store-notice.longtermNoticeItem .info-frame {
    justify-content: stretch;
    overflow-x: initial;
}
#store-notice.longtermNoticeItem .info-frame .label {
    z-index: 4;
}
#store-notice.longtermNoticeItem .item-frame {
    margin: 0 auto;
    overflow-x: initial;
}
#store-notice.longtermNoticeItem .header-frame.tiny .event-list-frame {
    background-image: initial;
    overflow-x: initial;
    justify-content: start;
}
#store-notice.longtermNoticeItem .header-frame.tiny::before,
#store-notice.longtermNoticeItem .header-frame.tiny::after {
    content: initial;
}
#store-notice.longtermNoticeItem .item-frame .event-list-item.tiny {
    width: var(--notice-list-item-tiny-width) !important;
    max-width: 20.4%;
    margin: 0 18pt 0 0;
    position: relative;
    justify-content: left;
    align-items: center;
    box-sizing: border-box;
}
#store-notice.longtermNoticeItem .item-frame .event-list-item.tiny .title {
    font-weight: 400;
    margin: 0 0.5em var(--margin-normal) 0.5em;
}
#store-notice.longtermNoticeItem .item-frame .event-list-item.tiny .event-image-frame {
    display: flex;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    margin: 0 0 3pt 0;
    box-shadow: initial;
    border: 1px solid rgb(200, 200, 200);
    justify-content: space-evenly;
    align-items: center;
}
#store-notice.longtermNoticeItem .item-frame .event-list-item.tiny:first-child {
    margin-left: 0;
}

#store-pointSystem .item-list {
    max-height: inherit;
    height: fit-content;
}

#store-WiFi .item-list {
    height: auto;
}

#content.takatsuki-hankyu-store .pointSystem .sPoint span::after {
    content: "（アプリ利用対象外）";
}

/*============================
#store-businessHours
============================*/

#store-businessHours .table-item .label {
    padding-bottom: 4pt;
    line-height: 1.5em;
    width: 100%;
}

#store-businessHours .item-frame {
    margin-bottom: var(--margin-normal);
    border-bottom: 1px solid #e0e0e0;
}

#store-businessHours .item-frame a {
    color: var(--color-clickBlue);
    text-decoration: underline;
}

#store-businessHours .item-frame.openingClosing {
    color: var(--color-attention);
    margin-bottom: var(--margin-normal) !important;
}

#store-businessHours .item-frame:last-child {
    border-bottom: initial;
    margin-bottom: 0;
}

#store-businessHours .item-list {
    width: 100%;
}

#store-businessHours .item-list .date,
#store-businessHours .item-list .week {
    width: 70%;
}

#store-businessHours .item-list .time {
    width: 30%;
    text-align: right;
    flex-direction: column;
    justify-content: center;
    display: flex;
    box-sizing: border-box;
}
.store-details.otemachi-building-store #store-businessHours .item-list .time {
    width: 60%;
}

#store-businessHours .time.closed {
    color: var(--color-attention);
}

#store-businessHours .item-list .item {
    display: flex;
    margin-bottom: var(--margin-normal);
}

/*============================
#store-introduction
============================*/
#store-introduction {
    margin: var(--margin-extra) 0;
    margin-top: -60pt;
    padding-top: 60pt;
}

#store-introduction .label {
    font-size: var(--font-size-label);
    color: var(--color-labelBlue);
}

#store-introduction .introduction-frame .item-frame {
    display: block;
    line-height: 1.8em;
    margin: var(--margin-wide) 0;
    font-feature-settings: "palt";
    text-align: justify;
    word-break: break-all;
    font-size: 1.1em;
}

#store-introduction .introduction-frame.closing {
    background-color: rgb(245, 247, 255);
    padding: var(--margin-normal) var(--margin-wide);
    box-sizing: border-box;
    border-radius: 10pt;
}

/*============================
#store-tags
============================*/

#store-tags {
    margin-bottom: var(--margin-extra);
}

#store-tags .venue-annotation {
    font-size: var(--font-size-small);
    color: rgb(55, 55, 55);
    margin-bottom: var(--margin-normal);
}

#store-tags .venue-annotation .attention::before {
    display: none;
}

#store-tags .venue-annotation .attention a {
    display: inline-block;
    line-height: 2em;
    color: var(--color-attention);
    text-decoration: underline;
    margin-right: 25pt;
}

#store-tags .venue-annotation .attention div {
    display: flex;
    flex-wrap: wrap;
    margin: 5pt 0;
}

#store-tags .venue-annotation span {
    display: inline-block;
    line-height: 1.5em;
    margin: 5pt var(--margin-normal);
}

#store-tags .venue-annotation span::before {
    content: "";
    width: 10pt;
    height: 9pt;
    display: inline-block;
    margin-right: 5pt;
    position: relative;
    top: 1px;
    border-radius: 3pt;
}

#store-tags .venue-annotation .store::before {
    border: 1px solid brown;
}

#store-tags .venue-annotation .theater::before {
    border: 1px solid rgb(0, 68, 252);
}

#store-tags .venue-annotation .status::before {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-size: 11pt;
    content: "\f017";
    color: rgb(102, 102, 102);
    line-height: 0;
    font-weight: 600;
    margin-right: 5pt;
}

#store-tags .pref-headline .label {
    color: #95541F;
    font-weight: 600;
    margin-left: var(--margin-normal);
    font-size: var(--font-size-normal);
}

#store-tags .pref-group-frame {
    display: block;
    height: 0;
    overflow: hidden;
    
}

#store-tags .pref-group-frame.hidden {
    opacity: 0;
    height: 0;
    transition: all .2s 0s ease;
}

#store-tags .pref-group-frame.active {
    height: auto;
    transform: scale(1);
    opacity: 1;
    transition: all 1s 0s ease;
}

#store-tags .pref-group-frame .pref-headline {
    border-bottom: 1px solid #95541F;

    font-size: inherit;
    width: 100%;
}

#store-tags .pref-group-frame .store-item-frame {
    margin: var(--margin-normal) 0 var(--margin-wide) 0;
    display: flex;
    flex-wrap: wrap;
}

#store-tags .pref-group-frame .store-item-frame .store-item.shinjuku-main-store .name .announce {
    font-size: var(--font-size-small);
    color: var(--color-attention);
    margin: 0 var(--margin-normal);
    font-weight: 600;
}

#store-tags .store-item-frame .store-item {
    /* display: flex; */
    border: 1px solid brown;
    box-sizing: border-box;
    border-radius: 6pt;
    margin: calc(var(--margin-narrow) * 1.5) var(--margin-normal);
}

#store-tags .store-item-frame .store-item:hover {
    background: #fcefef;
}

#store-tags .store-item-frame .store-item a {
    /* display: flex; */
}

#store-tags .store-item-frame .store-item .name {
    padding: var(--margin-narrow) var(--margin-normal);
    display: block;
}

#store-tags .store-item-frame .store-item a:hover {
    text-decoration: none;
    cursor: pointer;
}

#store-tags .store-item-frame .store-item .announce {
    font-size: 70%;
    color: var(--color-attention);
    padding: 0 var(--margin-normal) var(--margin-narrow);
    font-weight: 600;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#store-tags .store-item-frame .store-item .openStatus {
    display: block;
    font-size: 70%;
    color: rgb(75, 74, 74);
    flex-wrap: wrap;
    padding: 0 var(--margin-normal) var(--margin-narrow);
}
#store-tags .store-item-frame .store-item .openStatus::before {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-size: 10pt;
    content: "\f017";
    color: rgb(102, 102, 102);
    line-height: 0;
    font-weight: 600;
    margin-right: 2pt;
}
#store-tags .store-item-frame .store-item .openStatus.closed {
    color: var(--color-attention);
}
#store-tags .store-item-frame .store-item .openStatus.closed::before {
    color: var(--color-attention);
}


#store-tags .store-item-frame .store-item.kinokuniya-hall,
#store-tags .store-item-frame .store-item.kinokuniya-southern-theatre-takashimaya {
    border-color: rgb(0, 68, 252);
}

#store-tags .store-item-frame .store-item.kinokuniya-hall:hover,
#store-tags .store-item-frame .store-item.kinokuniya-southern-theatre-takashimaya:hover {
    background: #f1f8ff;
}

/*============================
#store-legal
============================*/
#store-legal {
    border-top: 1px solid #e0e0e0;;
    padding-top: 60pt;
}

#store-legal p {
    font-size: 0.7em;
    line-height: 1.7em;
    color: var(--color-halfGray);
}


#other-stores {
    margin-top: 0;
    background-color: #F4F4F4;
    margin-bottom: calc(var(--margin-extra) * -1);
}

#other-stores .other-stores-frame {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: calc(var(--content-width-event)*1.5);
    margin: 0 auto;
    padding: 15pt 15pt 30pt 15pt;
}

#other-stores h2.headline {
    width: 100%;
    color: black;
    font-size: var(--font-size-normal);
    font-weight: 600;
    margin-left: var(--margin-normal);
    margin-bottom: var(--margin-normal);
    padding: 0 !important;
}

#other-stores a {
    width: 200pt;
    background-color: white;
    border-radius: 8pt;
    margin: calc(var(--margin-narrow) * 1.5) var(--margin-normal);
    transition: box-shadow 0.1s ease-out;
    box-shadow: 0 3px 7px 0px rgb(221, 221, 221);
}

#other-stores a:hover {
    text-decoration: none;
    box-shadow: 0 6px 10px 3px rgb(221, 221, 221);
}

#other-stores .name {
    display: block;
    padding: var(--margin-normal);
}

#other-stores .desc {
    display: block;
    font-size: 70%;
    color: rgb(75, 74, 74);
    flex-wrap: wrap;
    padding: var(--margin-normal);
    padding-top: 0;
}

/*	for Smartphone  --------------------------------------------- */

/* All */

@media only screen and (min-width: 300px) and (max-width: 752px) {

    :root {
        --content-width-store: 100%;
        --event-list-item-tiny-width: 29vw;
        --notice-list-item-tiny-width: 29vw;
        --margin-extra: 30pt;
        --margin-wide: 15pt;
        --margin-normal: 10pt;
        --margin-narrow: 3pt;
        --font-size-label: 7vw;
        --font-size-title: 1em;
        --font-size-normal: 3.8vw;
        --font-size-small: 3.2vw;
    }

    .link-box {
        width: 100%;
    }

    .store-info-frame .details {
        /* width: calc(100% - (var(--margin-normal) + var(--margin-normal))); */
    }

    .store-info-frame .details .link-box .label {
        font-size: 3vw;
    }

    #store-todays-event-info .header-frame.tiny::before,
    #store-notice .header-frame.tiny::before {
        content: inherit;
    }

    #store-todays-event-info .header-frame.tiny::after,
    #store-notice .header-frame.tiny::after {
        content: inherit;
    }

    #store-notice .header-frame {
    	width: 100%;
	}
	
	#store-notice .item-frame {
		margin: var(--margin-normal) auto var(--margin-wide) auto;
	}

    #store-social-widget {
        width: 100%;
    }

    #store-social-widget div {
        width: 80%;
        justify-content: center;
        margin-bottom: var(--margin-wide) !important;
        padding-bottom: var(--margin-normal);
    }

    #store-social-widget div a {
        width: 100%;
    }

    #store-social-widget .twitter-timeline.twitter-timeline-rendered {
        width: 90%;
        margin: 0 auto;
    }

    #store-event-info {
        width: 100%;
        padding-top: 50pt;
        margin-top: -50pt;
    }

    #store-event-info .header-frame {
        width: 100%;
        flex-wrap: wrap;
        padding: var(--margin-normal) var(--margin-normal) 0 5%;
        margin-top: -20pt;
        box-sizing: border-box;
        top: 50px;
    }

    #store-event-info .header-frame h2.event-headline {
        display: block;
        justify-content: space-between;
    }

    #store-event-info .header-frame h2 .link-box {
        padding: 5pt 12pt 5pt 4pt;
        margin-top: var(--margin-normal);
        margin-left: 0;
        box-sizing: border-box;
        float: right;
    }

    #store-event-info .header-frame .event-anchor {
        margin: 0 5pt 6pt 0;
    }

    #store-event-info .header-frame .event-anchor-frame {
        font-size: 75%;
    }

    #store-event-info .header-frame .event-filter {
        margin: 0 10pt 8pt 0;
    }

    #store-event-info .header-frame .event-filter-frame {
        margin-bottom: 0;
    }

    #store-event-info h3.event-headline {
        margin-bottom: 20pt;
        width: 95%;
    }

    #store-event-info h3.event-headline .label {
        margin-left: var(--margin-narrow);
    }

    #store-event-info .event-list-item.full {
        border: none;
        border-bottom: 1px solid #d0d0d0;
    }

    #store-event-info .event-list-item.full .date-frame {
        padding-bottom: var(--margin-normal);
        margin-bottom: 0;
    }

    #store-event-info .event-list-item.full .date-frame .startDate {
        font-size: 3.3vw;
    }

    #store-event-info .event-list-item.full .date-frame .endDate {
        font-size: 3vw;
    }

    #store-notice .event-list-item:nth-last-child(2) {
        border-bottom: 1px solid #d0d0d0 !important;
    }

    #store-notice .event-list-item:last-child {
        border-bottom: inherit;
        padding-bottom: 0 !important;
    }

    #speaker-list .speaker-headline {
        width: 90%;
    }

    #speaker-list .speaker-list-item {
        margin: 0 var(--margin-normal);
        margin-bottom: var(--margin-normal);
    }

    #speaker-list .title-frame {
        font-size: var(--font-size-normal);
    }

    #speaker-list .event-image {
        width: 100%;
    }

    #speaker-list .speaker-image-frame {
        margin-bottom: var(--margin-narrow);
    }

    #store-list .store-panel-frame {
        border-left: initial;
        border-right: initial;
    }

    #store-services .services-frame {
        width: 95%;
        font-size: 3.8vw;
    }

    #store-services .services-frame .twitter .x-twitter {
        background-size: 18px;
        background-position-y: -28px;
        width: 5vw;
        height: auto;
        margin-top: 0;
        min-height: 24px;
    }

    #store-services .services-frame .instagram .instagram {
        background-size: 18px;
        background-position-y: -28px;
        width: 5vw;
        height: auto;
        margin-top: 0;
        min-height: 24px;
    }

    #store-services .services-frame .twitter .text-link {
        line-height: 1em;
    }

    .info-frame {
        padding: 0 var(--margin-normal);
        padding-bottom: var(--margin-narrow);
    }

    .info-frame .label {
        width: 100%;
        line-height: 1.3em;
    }

    #store-location .store-location-frame iframe {
        width: 100%;
        margin-left: 0;
    }


    #store-merchandise .item-list,
    #store-serviceItem .item-list,
    #store-payment .item-list,
    #store-pointSystem .item-list,
    #store-WiFi .item-list {
        max-height: initial;
        margin: var(--margin-narrow) 0;
        margin-bottom: 0;
    }

    #store-merchandise .item,
    #store-serviceItem .item,
    #store-payment .item,
    #store-pointSystem .item,
    #store-WiFi .item {
        margin-bottom: 7pt;
        width: 100%;
        line-height: 1.3em;
    }

    #store-payment .info-frame,
    #store-pointSystem .info-frame {
        flex-wrap: wrap;
    }

    #store-introduction .introduction-frame {
        width: 90%;
        margin: 0 auto;
    }

    #store-introduction .introduction-frame .item-frame {
        max-height: initial;
    }

    #store-best-saller .header-frame {
        width: 90%;
    }

    #store-best-saller .best-saller-frame .ranking-frame {
        width: 100%;
        margin: var(--margin-normal) auto;
    }

    #store-best-saller .best-saller-frame .ranking-frame .scroll.active .ranking {
        width: var(--event-list-item-tiny-width);
    }

    #store-best-saller .best-saller-frame .ranking-frame .scroll.active .ranking:first-child {
        margin-left: var(--margin-wide);
    }

    #store-best-saller .best-saller-frame::before {
        content: initial;
        width: 15vw;
    }

    #store-best-saller .best-saller-frame::after {
        content: initial;
        width: 15vw;
    }

    #store-best-saller .best-saller-frame .period {
        margin: var(--margin-narrow) auto;
        width: 90%;
        margin-bottom: var(--margin-normal);
    }

    #store-best-saller.single .ui-frame {
        margin: 20pt auto;
        height: 80pt;
        position: sticky;
        position: -webkit-sticky;
        top: 40pt;
    }

    #store-best-saller.single .ui-frame .segment {
        padding-top: 40pt;
    }

    #store-todays-event-info h2,
    #store-notice .notice-headline {
        width: 90%;
    }

    #store-todays-event-info .event-list-frame,
    #store-notice .event-list-frame {
        width: 100%;
    }

    #store-notice.longtermNoticeItem {
        padding-bottom: 0;
    }
    #store-notice.longtermNoticeItem .label {
        width: 100%;
        line-height: 1.3em;
    }
    #store-notice.longtermNoticeItem .info-frame {
        justify-content: stretch;
        flex-wrap: wrap;
    }
    #store-notice.longtermNoticeItem .info-frame .table-item {
        width: 100%;
    }
    #store-notice.longtermNoticeItem .item-frame .event-list-item.tiny {
        width: 29% !important;
        max-width: initial !important;
        margin: 0 1.9vw !important;
        padding-right: 0;
    }
    #store-notice.longtermNoticeItem .event-list-item:nth-last-child(2) {
        border-bottom: initial !important;
    }

    .event-list-item.tiny {
        margin: var(--margin-normal);
    }

    .event-list-item.tiny:first-child {
        margin-left: var(--margin-wide);
    }

    #store-event-info .event-list.today,
    #store-event-info .event-list.soon {
        margin-bottom: var(--margin-wide);
    }

    .event-list-item.full .date-frame {
        height: auto;
    }
    
    .event-list-item.full .date-frame .startDate {
        font-size: 3.7vw;
    }

    .event-list-item.full .date-frame .startTime {
        margin-top: 0;
    }

    .event-list-item.full .date-frame .endDate {
        font-size: 3.3vw;
    }

    .event-list.soon .event-list-frame::before,
    .event-list.soon .event-list-frame::after {
        display: none;
    }

    .event-list.soon .item-frame {
        margin: 0 auto;
    }

    .event-list-item.tiny .title {
        font-size: 0.9em;
    }

    #speaker-list .speaker-list-item:first-child,
    #speaker-list .speaker-list-item:last-child {
        margin: 0 var(--margin-normal);
    }

    #content.store-details .content-frame .store-name {
        margin-left: var(--margin-normal);
    }

    #store-tags .venue-annotation .attention {
        margin-top: var(--margin-normal);
    }

    #store-tags .venue-annotation .attention::before {
        display: none;
    }

    #store-legal {
        width: 90%;
        margin: 0 auto;
    }

    #other-stores a {
        width: 100%;
        margin: calc(var(--margin-narrow) * 3) auto;
    }

    #other-stores h2.headline {
        margin-left: 0;
    }

    #other-stores .other-stores-frame {
        box-sizing: border-box;
    }

    .search-link {
        margin: 0 7vw;
    }

    /* Icon view of info-frame */

    .info-frame .table-item {
        width: 100%;
    }

    .info-frame .item.withIcon {
        width: 29% !important;
        max-width: initial !important;
        margin: 0 1.9vw;
        padding-right: 0;
    }

    .info-frame .withIcon {
        max-width: 20% !important;
    }

    .info-frame .item.ApplePay {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 20pt !important;
    }

    .info-frame.payment .item-frame .label {
        font-size: 90%;
        margin-left: 6pt;
        margin-bottom: 5pt;
    }

    .info-frame.payment h2.label {
        margin-bottom: 15pt;
    }

    .info-frame .item.withIcon:nth-child(5n+1) {
        /* margin-left: 11pt; */
    }

    .info-frame .item.credit.contactless .withIcon:nth-child(5n) {
        margin-left: calc(7% + 20pt) !important;
    }
    .info-frame .item.credit.contactless .withIcon:nth-child(6n) {
        margin-left: 0 !important;
    }

    .info-frame .item.credit .withIcon figure img {
        width: 76%;
    }

    .item-list .item.credit {
        margin: 0 1.9vw 18pt 1.9vw !important;
        padding: 0 !important;
    }

    .info-frame .item.credit::before {
        width: 7%;
    }
}

/*	Small Display (~ iPhone SE) */

@media only screen and (min-width: 300px) and (max-width: 568px) {}

/*	Standard Display (iPhone 7~X) */

@media only screen and (min-width: 375px) and (max-width: 667px) {}

/*	Large Display (iPhone XR~XS Max) */

@media only screen and (min-width: 414px) and (max-width: 752px) {
    :root {
        --font-size-label: 1.5em;
        --font-size-title: 1em;
        --font-size-normal: 0.9em;
        --font-size-small: 0.8em;
    }
}

/*	for Tablet --------------------------------------------------- */

/* All */

@media only screen and (min-width: 753px) and (max-width: 1024px) and (orientation: portrait) {
    :root {
        --content-width-store: 90%;
        --event-list-item-tiny-width: 20vw;
        --notice-list-item-tiny-width: 15vw;
    }

    #store-best-saller .ranking-frame {
        width: 100%;
    }

    #store-best-saller.single .header-frame {
        margin: 20pt auto 0 auto;
    }
    #store-best-saller.single .ranking-frame .ranking {
        width: 100% !important;
    }
    #store-best-saller.single .ranking-frame {
        margin: 0 auto;
    }
    #store-best-saller.single .ranking-frame .scroll {
        width: 80%;
    }
    #store-best-saller .ranking-frame .scroll.active .ranking:first-child {
        margin-left: 40pt;
    }
    #store-best-saller.single .ui-frame {
        margin: 0 auto;
        padding: 20pt 0;
        position: sticky;
        position: -webkit-sticky;
        top: 40pt;
    }
    #store-best-saller.single .sns-share {
        top: 18pt;
    }

    #store-todays-event-info h2,
    #store-todays-event-info .event-list-frame,
    #store-notice .event-list-frame,
    #store-notice .notice-headline {
        width: 100%;
    }

    .event-list-item.full .date-frame .startDate {
        font-size: 1.4vw;
    }

    .event-list-item.full .date-frame .startDate .month {
        font-size: 200%;
        margin-right: 1pt;
    }

    .event-list-item.full .date-frame .startDate .day {
        font-size: 200%;
    }

    .event-list-item.full .date-frame .startDate .week {
        font-size: 85%;
    }

    .event-list-item.full .date-frame .startTime,
    .event-list-item.full .date-frame .endDate {
        font-size: 1.3vw;
    }

    .event-list-item.full .date-frame .endDate .week {
        font-size: 90%;
    }

    #store-event-info .event-list .event-headline {
        width: 100%;
    }

    .event-list-frame {
        width: 100%;
    }

    #store-social-widget div {
        display: flex;
        width: 80%;
    }

}

/* landscape */

@media only screen and (min-width: 768px) and (max-width: 1366px) and (orientation: landscape) {
    :root {
        --content-width-store: 90%;
    }

    #store-best-saller .ranking-frame {
        width: 100%;
    }

}

/*	Resolution --------------------------------------------------- */

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx) {}

@media screen and (-webkit-min-device-pixel-ratio:3),
(min-resolution: 3dppx) {}