/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
/*! normalize.scss v2.1.2 | MIT/GPLv2 License | bit.ly/normalize-with-compass */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary
{
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video
{
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls])
{
    display: none;

    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
[hidden]
{
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 */
html
{
    font-family: sans-serif;

  /* 1 */
        -ms-text-size-adjust: 100%;
  /* 2 */
    -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body
{
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus
{
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover
{
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1
{
  /* Set the font-size and line-height while keeping a proper vertical rhythm. */
    font-size: 2em;

  /* Set 1 unit of vertical rhythm on the top and bottom margins. */
    margin-top: .75em;
    margin-bottom: .75em;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title]
{
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong
{
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn
{
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr
{
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark
{
    color: #000;
    background: #ff0;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp
{
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre
{
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q
{
    quotes: '\201C' '\201D' '\2018' '\2019';
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup
{
    font-size: 75%;
    line-height: 0;

    position: relative;

    vertical-align: baseline;
}

sup
{
    top: -.5em;
}

sub
{
    bottom: -.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */
/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img
{
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root)
{
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure
{
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset
{
    margin: 0 2px;
    padding-top: .4625em;
    padding-right: .875em;
    padding-bottom: .9125em;
    padding-left: .875em;

  /* Apply borders and padding that keep the vertical rhythm. */
    border-color: #c0c0c0;
    border-top-width: .0625em;
    border-top-style: solid;
    border-right-width: .0625em;
    border-right-style: solid;
    border-bottom-width: .0625em;
    border-bottom-style: solid;
    border-left-width: .0625em;
    border-left-style: solid;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend
{
  /* 1 */
    padding: 0;

    border: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 * 4. Improve appearance and consistency with IE 6/7.
 */
button,
input,
select,
textarea
{
    font-family: inherit;
  /* 1 */
    font-size: 100%;

  /* 2 */
    margin: 0;
  /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input
{
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select
{
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type='button'],
input[type='reset'],
input[type='submit']
{
  /* 2 */
    cursor: pointer;

    -webkit-appearance: button;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled]
{
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type='checkbox'],
input[type='radio']
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  /* 1 */
    padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type='search']
{
  /* 1 */
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;

    -webkit-appearance: textfield;
  /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration
{
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner
{
    padding: 0;

    border: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea
{
    overflow: auto;

  /* 1 */
    vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table
{
    border-spacing: 0;
    border-collapse: collapse;
}

h1,
h2,
h3,
h4,
h5,
h6
{
    margin: 0;
}

ul,
ol,
li
{
    margin: 0;
    padding: 0;

    list-style-type: none;
}

p
{
    margin: 0;
}

dl
{
    margin: 0;
    padding: 0;
}

dd
{
    margin: 0;
}

img
{
    vertical-align: top;
}

em
{
    font-style: normal;
}

address
{
    font-style: normal;
}

small
{
    font-size: 100%;
    font-style: normal;
}

i
{
    font-style: normal;
}

/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
/** RESET AND LAYOUT
===================================*/
.bx-wrapper
{
    position: relative;

    margin: 0 auto 60px;
    padding: 0;

    *zoom: 1;
}

.bx-wrapper img
{
    display: block;

    max-width: 100%;
}

/** THEME
===================================*/
.bx-wrapper .bx-viewport
{
    left: -5px;

    border: solid #fff 5px;
    background: #fff;
    -webkit-box-shadow: 0 0 5px #ccc;
       -moz-box-shadow: 0 0 5px #ccc;
            box-shadow: 0 0 5px #ccc;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto
{
    position: absolute;
    bottom: -30px;

    width: 100%;
}

/* LOADER */
.bx-wrapper .bx-loading
{
    position: absolute;
    z-index: 2000;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
    min-height: 50px;
}

/* PAGER */
.bx-wrapper .bx-pager
{
    font-family: Arial;
    font-size: .85em;
    font-weight: bold;

    padding-top: 20px;

    text-align: center;

    color: #666;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item
{
    display: inline-block;

    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a
{
    display: block;

    width: 10px;
    height: 10px;
    margin: 0 5px;

    text-indent: -9999px;

    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    outline: 0;
    background: #666;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active
{
    background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev
{
    left: 10px;

    background: url(../images/plugins/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next
{
    right: 10px;

    background: url(../images/plugins/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover
{
    background-position: 0 0;
}

.bx-wrapper .bx-next:hover
{
    background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a
{
    position: absolute;
    z-index: 9999;
    top: 50%;

    width: 32px;
    height: 32px;
    margin-top: -16px;

    text-indent: -9999px;

    outline: 0;
}

.bx-wrapper .bx-controls-direction a.disabled
{
    display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto
{
    text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start
{
    display: block;

    width: 10px;
    height: 11px;
    margin: 0 3px;

    text-indent: -9999px;

    outline: 0;
    background: url(../images/plugins/controls.png) -86px -11px no-repeat;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active
{
    background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop
{
    display: block;

    width: 9px;
    height: 11px;
    margin: 0 3px;

    text-indent: -9999px;

    outline: 0;
    background: url(../images/plugins/controls.png) -86px -44px no-repeat;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active
{
    background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager
{
    width: 80%;

    text-align: left;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto
{
    right: 0;

    width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption
{
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;

    background: #666 \9;
    background: rgba(80, 80, 80, .75);
}

.bx-wrapper .bx-caption span
{
    font-family: Arial;
    font-size: .85em;

    display: block;

    padding: 10px;

    color: #fff;
}

html
{
    font-size: 62.5%;

    -webkit-text-size-adjust: 100%;
}

body
{
    font-family: 'Open Sans', 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.3;

    min-width: 960px;
    margin: auto;

    color: #4d3636;
    background: #f0eae1;
}

a
{
    -webkit-transition: color .2s ease-out, background-color .2s ease-out;
       -moz-transition: color .2s ease-out, background-color .2s ease-out;
            transition: color .2s ease-out, background-color .2s ease-out;
    text-decoration: none;

    color: #4d3636;

    -webkit-tap-highlight-color: rgba(242, 180, 180, .7);
}
a:hover
{
    color: #c54b4b;
}

::-moz-selection
{
    background: #f2b4b4;
}

::selection
{
    background: #f2b4b4;
}

.bold
{
    font-weight: bold;
}

.font-l
{
    font-size: 18px;
    font-size: 1.8rem;
}

.parent
{
    position: relative;
}

.pc
{
    display: block;
}
@media screen and (max-width: 640px)
{
    .pc
    {
        display: none !important;
    }
}

.sp
{
    display: none;
}
@media screen and (max-width: 640px)
{
    .sp
    {
        display: block !important;
    }
}

.bdb
{
    border-bottom: 1px solid #d7cab7;
}

body
{
    top: 0 !important;
}
body > .skiptranslate
{
    display: none !important;
}

.container
{
    position: relative;

    width: 960px;
    margin: auto;
}

.body
{
    overflow: hidden;
}

.main
{
    padding: 100px 0 0;

    background: #f0eae1;
}

@media screen and (max-width: 640px)
{
    body
    {
        min-width: 0;
    }

    .container
    {
        width: auto;
    }

    .container--sp
    {
        padding: 0 10px;
    }

    .main
    {
        padding: 62px 0 0;
    }
}
.breadcrumb
{
    position: absolute;
    z-index: 1050;
    top: 0;
    right: 0;

    text-align: right;
}
.breadcrumb ul
{
    display: inline-block;

    padding: 10px 6px 10px 0;

    color: #b39e7d;
    border-bottom: 1px solid #b39e7d;
}
.breadcrumb ul > li
{
    display: inline-block;
}
.breadcrumb ul > li > a
{
    color: inherit;
}
.breadcrumb ul > li > a:hover
{
    color: #c34b4b;
}
.breadcrumb ul > li:after
{
    padding: 0 5px 0;

    content: '/';
}
.breadcrumb ul .last-child:after
{
    padding: 0;

    content: '';
}

.section-header
{
    position: relative;

    padding: 60px 0 0;
}

.section-subheader
{
    position: relative;

    padding: 40px 0;
}

.section-header__heading
{
    font-size: 29px;
    font-size: 2.9rem;
    font-weight: 400;

    padding: 0 0 60px;

    text-align: center;
}

.section-subheader__heading
{
    font-size: 30px;
    font-size: 3rem;
    font-weight: 300;

    text-align: center;
    text-decoration: underline;
}

.section-header__lead, .shop__information .shop-title
{
    font-size: 30px;
    font-size: 3rem;
    font-weight: 300;
    line-height: 1.3;

    margin: 0 0 15px;
}

.section-header__lead--ja, .shop__information .shop-title--ja
{
    font-size: 16px;
    font-size: 1.6rem;

    margin: 0 0 40px;
}

.section-heading2, .section-heading2--ja
{
    color: #806640;
}

.section-heading2
{
    font-size: 30px;
    font-size: 3rem;

    margin: 60px 0 30px;
}

.section-heading2--ja
{
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;

    margin: -20px 0 30px !important;
}

.article-body
{
    padding: 0 0 35px;
}
.article-body p
{
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;

    margin: 0 0 30px;
}
.article-body p:last-child
{
    margin: 0;
}
.article-body p[lang=ja]
{
    font-size: 30px;
}
.article-body .large
{
    font-size: 16px;
    font-size: 1.6rem;
}

.article-body__comment
{
    color: #c56d2d;
}

.article-body .tourTxtColor_red{color:#994D4D;} /*赤*/
.article-body .tourTxtColor_grn{color:#61994D;} /*グリーン*/
.article-body .tourTxtColor_yel{color:#99874D;} /*イエロー*/
.article-body .tourTxtColor_bon{color:#4D9992;} /*ボンダイブルー*/
.article-body .tourTxtColor_blu{color:#4D7299;} /*ブルー*/
.article-body .tourTxtColor_per{color:#754D99;} /*パープル*/
.article-body .tourTxtColor_pin{color:#994D78;} /*ピンク*/

.caption--ja
{
    color: #999;
}

.sub-box
{
    padding: 20px 18px;

    border: 4px solid #d7cab7;
}

.sub-box__heading
{
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;

    margin: 0 0 25px;

    color: #806640;
}

.sub-box__heading--large
{
    font-size: 18px;
    font-size: 1.8rem;
}

.sub-box__heading-label
{
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;

    display: inline-block;

    margin: 0 5px 0 0;
    padding: 1px 2px;

    color: #eee8df;
    background: #806640;
}

.sub-box__description
{
    font-size: 14px;
    font-size: 1.4rem;

    margin: 0 0 15px;
}

.sub-box--no-border
{
    margin: 50px 0 0;
    padding: 50px 0 0;

    border: none;
    border-top: 1px solid #d7cab7;
}

.sub-box__item > a, .arrow
{
    line-height: 17px;

    position: relative;

    display: inline-block;

    padding: 0 0 0 34px;
}
.sub-box__item > a:before, .arrow:before
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 21px;
    height: 17px;
    margin: -9px 0 0;

    content: '';

    background: url('images/sprite1-sb163e1f6b9.png') 0 -2138px;
}

.sub-box__item
{
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;

    margin: 0 0 10px;
    padding: 0 0 0 5px;
}
.sub-box__item:last-child
{
    margin: 0 0 0;
}

.arrow
{
    font-size: 16px;
    font-size: 1.6rem;
}

.section-footer
{
    padding: 40px 0 50px;
}

.section-header__pages, .section-subheader__pages, .section-footer__pages
{
    font-size: 14px;
    font-size: 1.4rem;

    position: absolute;
    left: 0;

    color: #b39e7d;
}

.section-header__pages
{
    top: 15px;
}

.section-subheader__pages
{
    top: 50%;

    margin: -7px 0 0;
}

.section-footer__pages
{
    top: 0;

    margin: 10px 0 0;
}

.pager
{
    text-align: center;
}
.pager > li
{
    display: inline-block;

    margin: 0 3px 0 2px;
}
.pager > li a, .pager > li span
{
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 34px;

    display: block;

    width: 34px;

    color: #806640;
}
.pager > li a:hover
{
    color: #c34b4b;
}
.pager .pager__current
{
    color: #fff;
    background: #806640;
}

#lean_overlay
{
    position: fixed;
    z-index: 1200;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    background: #e6ddcf;
}

#modal--login
{
    position: absolute;

    display: none;
}

.button-close
{
    position: absolute;
    top: 0;
    left: 100%;

    display: block;
    overflow: hidden;

    width: 64px;
    height: 64px;

    white-space: nowrap;
    text-indent: 100%;

    background: url('images/sprite1-sb163e1f6b9.png') 0 -1085px;
}
.button-close:hover
{
    background: url('images/sprite1-sb163e1f6b9.png') 0 -1020px;
}

.aside-heading
{
    font-size: 20px;
    font-size: 2rem;
    font-weight: 400;
    line-height: 46px;

    margin: 0 0 20px;

    text-align: center;

    background: #d7cab7;
}

.sort
{
    position: relative;

    margin: 0 2px;
}

.sort__toggle-button--sort, .sort__toggle-button--close
{
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 38px;

    position: absolute;
    right: 0;
    bottom: 100%;

    display: block;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    min-width: 100px;
    height: 38px;
    padding: 0 20px;

    text-align: center;
}

.sort__toggle-button--sort
{
    color: #e6ddcf;
    background: #4d3636;
}
.sort__toggle-button--sort:hover
{
    color: #e6ddcf;
    background: #301a1a;
}

.sort__toggle-button--close
{
    color: #806640;
    background: #e6ddcf;
}
.sort__toggle-button--close:hover
{
    color: #806640;
    background: #d3c4b2;
}

.sort__toggle-label--sort, .sort__toggle-label--close
{
    position: relative;

    padding: 0 0 0 20px;
}
.sort__toggle-label--sort:before, .sort__toggle-label--close:before
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 10px;
    height: 10px;
    margin: -5px 0 0;

    content: '';
}

.sort__toggle-label--sort:before
{
    background: url('images/sprite1-sb163e1f6b9.png') 0 -2452px;
}

.sort__toggle-label--close:before
{
    background: url('images/sprite1-sb163e1f6b9.png') 0 -2006px;
}

.sort-mask
{
    display: none;
    overflow: hidden;
}

.sort-body
{
    background: #e6ddcf;
}

.sort__list
{
    padding: 30px 30px 27px;

    opacity: 0;

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.sort__list:before, .sort__list:after
{
    display: table;

    content: '';
}
.sort__list:after
{
    clear: both;
}
.sort__list dt
{
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;

    float: left;
    clear: both;
}
.sort__list dd
{
    margin: 0 0 17px 90px;
}

.sort-words-list:before, .sort-words-list:after
{
    display: table;

    content: '';
}
.sort-words-list:after
{
    clear: both;
}
.sort-words-list > li
{
    float: left;

    min-width: 78px;
    margin: 0 4px 3px 0;
}

.sort-words__word
{
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 300;
    line-height: 30px;

    display: block;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0 2px;

    cursor: pointer;
    -webkit-transition: color .2s ease-out, background-color .2s ease-out;
       -moz-transition: color .2s ease-out, background-color .2s ease-out;
            transition: color .2s ease-out, background-color .2s ease-out;
    text-align: center;

    color: #806640;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
    background: #eee8df;

        -ms-border-radius: 2px;
}
.sort-words__word:hover
{
    background: #d3c4b2;
}

.sort-words__word--selected
{
    color: #eee8df;
    background: #806640;
}

.sort-buttons-container
{
    background: #d9ccbb;
}
.sort-buttons-container:before, .sort-buttons-container:after
{
    display: table;

    content: '';
}
.sort-buttons-container:after
{
    clear: both;
}

.sort-buttons
{
    float: right;
}
.sort-buttons:before, .sort-buttons:after
{
    display: table;

    content: '';
}
.sort-buttons:after
{
    clear: both;
}
.sort-buttons > li
{
    float: left;

    border-left: 1px solid #e6ddcf;
}
.sort-buttons > li:last-child
{
    border-left: none;
}

.sort-button--all, .sort-button--clear, .sort-button--sort
{
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 300;
    line-height: 52px;

    display: block;

    min-width: 133px;

    text-align: center;

    color: #806640;
    background: #d3c4b2;
}
.sort-button--all:hover, .sort-button--clear:hover, .sort-button--sort:hover
{
    color: #806640;
    background: #eee8df;
}

.sort-button--sort
{
    color: #eee8df;
    background: #c34b4b;
}
.sort-button--sort:hover
{
    color: #eee8df;
    background: #c34b4b;
}

.sort-words__category--products, .sort-words__category--venues, .sort-words__category--people
{
    line-height: 1.1;

    border-bottom: 2px solid transparent;
}

.sort-words__category--products
{
    border-color: #8eb861;
}

.sort-words__category--venues
{
    border-color: #61a7b8;
}

.sort-words__category--people
{
    border-color: #cf6e3b;
}

.button-save-container
{
    position: relative;
}

.button-save
{
    line-height: 52px;

    display: inline-block;

    min-width: 230px;
    height: 52px;

    outline: none;
}
.button-save:hover
{
    background: transparent;
}
.button-save:focus
{
    outline: none;
}

.button-save--side
{
    position: absolute;
    top: 0;
    right: 0;
}

.button-save--large
{
    line-height: 62px;

    min-width: 220px;
    height: 62px;
}

.button-save--small
{
    line-height: 23px;

    min-width: 142px;
    height: 23px;

    text-decoration: none !important;
}

.mytokyo-status
{
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 600;

    -webkit-transition: color .2s ease-out, background-color .2s ease-out;
       -moz-transition: color .2s ease-out, background-color .2s ease-out;
            transition: color .2s ease-out, background-color .2s ease-out;
    text-align: center;

    color: #eee8df;
}
.mytokyo-status:hover
{
    color: #eee8df;
}
.mytokyo-status > .mytokyo-status__text
{
    position: relative;

    padding: 0 0 0 25px;
}
.mytokyo-status > .mytokyo-status__text:before
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 17px;
    height: 14px;
    margin: -7px 0 0;

    content: '';
}

.mytokyo-status--default
{
    background: #c34b4b;
}
.mytokyo-status--default:hover
{
    background: #a32b2b;
}
.mytokyo-status--default > span:before
{
    background: url('images/button_save-sbda560ea9c.png') 0 -60px;
}

.mytokyo-status--processing
{
    position: relative;

    background: #c34b4b;
}
.mytokyo-status--processing:hover
{
    background: #c34b4b;
}
.mytokyo-status--processing .mytokyo-status__text
{
    color: transparent !important;
}
.mytokyo-status--processing .mytokyo-status__text:before
{
    display: none;
}

.mytokyo-status--processing-animation
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 25px;
    height: 25px;
    margin: -12px 0 0 -12px;

    content: '';

    background-image: url('images/loader_mini_white.png?1392699911');
    background-repeat: no-repeat;
    background-position: 0 0;
}

.mytokyo-status--processing-remove
{
    background: #ad9999;
}
.mytokyo-status--processing-remove:hover
{
    background: #ad9999;
}

.mytokyo-status--saved
{
    background: #ad9999;
}
.mytokyo-status--saved .mytokyo-status__text:before
{
    background: url('images/button_save-sbda560ea9c.png') 0 -60px;
}

.mytokyo-status--remove
{
    background: #ad9999;
}
.mytokyo-status--remove .mytokyo-status__text:before
{
    background: url('images/button_save-sbda560ea9c.png') 0 -78px;
}

.supporter-heading, .recomend-heading, .other-articles-heading
{
    font-size: 20px;
    font-size: 2rem;
    font-weight: 400;

    margin: 0 0 25px;
    padding: 40px 0 0;

    text-align: center;
}

@media screen and (max-width: 640px)
{
    .breadcrumb
    {
        z-index: 1;

        width: 100%;
    }
    .breadcrumb ul
    {
        display: block;

        padding: 16px 6px 6px 0;

        text-align: right;

        border-bottom: 1px solid #ccc4b7;
    }

    .section-header
    {
        padding: 64px 10px 0;
    }

    .section-subheader
    {
        position: relative;

        padding: 0;
    }

    .section-header__heading
    {
        font-weight: 300;

        margin: 0 0 35px;
        padding: 0;
    }

    .section-subheader__heading
    {
        font-size: 20px;
        font-size: 2rem;
        font-weight: 300;

        padding: 20px 0;

        text-align: center;
        text-decoration: underline;
    }

    .section-header__lead, .shop__information .shop-title
    {
        font-size: 24px;
        font-size: 2.4rem;

        margin: 0 0 15px;
    }

    .section-header__lead--ja, .shop__information .shop-title--ja
    {
        font-size: 14px;
        font-size: 1.4rem;

        margin: 0 0 40px;
    }

    .section-footer
    {
        padding: 30px 0 20px;
    }

    .section-header__pages, .section-subheader__pages, .section-footer__pages
    {
        font-size: 12px;
        font-size: 1.2rem;

        position: relative;
        top: 0;
        left: 0;

        display: inline-block;

        margin: 0 0 20px;
    }

    .section-subheader__pages
    {
        position: absolute;
        top: 50%;
        left: 10px;

        margin: -6px 0 0;
    }

    .section-footer__pages
    {
        display: block;

        margin: 10px 0;
        padding: 0 0 0 10px;

        text-align: center;
    }

    .supporter-heading, .recomend-heading, .other-articles-heading
    {
        font-size: 16px;
        font-size: 1.6rem;

        margin: 0 0 20px;
        padding: 20px 0 0;
    }

    .pager
    {
        display: -webkit-box;
        display:    -moz-box;
        display:     -ms-box;
        display:         box;

        text-align: center;
    }
    .pager > li
    {
        display: block;

        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        width: 100%;
        margin: 0 1px 0 0;

        -webkit-box-flex: 1;
           -moz-box-flex: 1;
            -ms-box-flex: 1;
                box-flex: 1;
    }
    .pager > li a, .pager > li span
    {
        font-size: 16px;
        font-size: 1.6rem;

        width: auto;

        color: #806640;
        background: #e3dacc;
    }
    .pager > li a:hover
    {
        color: #c34b4b;
    }
    .pager .pager__current
    {
        color: #fff;
        background: #806640;
    }
    .pager > .pager__prev > a, .pager > .pager__next > a, .pager > .pager__prev span, .pager > .pager__next span
    {
        padding: 0 8px;
    }

    #modal--login
    {
        display: none;
    }

    .button-close
    {
        top: auto;
        right: 0;
        bottom: 100%;
        left: auto;

        width: 48px;
        height: 48px;

        background: url('images/sprite1-sb163e1f6b9.png') 0 -597px;
        background-repeat: no-repeat;
        background-position: 0 -299px;
        -webkit-background-size: 137px auto;
           -moz-background-size: 137px auto;
                background-size: 137px auto;
    }
    .button-close:hover
    {
        background: url('images/sprite1-sb163e1f6b9.png') 0 -597px;
        background-repeat: no-repeat;
        background-position: 0 -299px;
        -webkit-background-size: 137px auto;
           -moz-background-size: 137px auto;
                background-size: 137px auto;
    }

    .sort
    {
        margin: 0;
    }

    .sort__toggle-label--sort:before
    {
        background: url('images/sprite1-sb163e1f6b9.png') 0 -2430px;
        background-repeat: no-repeat;
        background-position: 0 -1215px;
        -webkit-background-size: 137px auto;
           -moz-background-size: 137px auto;
                background-size: 137px auto;
    }

    .sort__toggle-label--close:before
    {
        background: url('images/sprite1-sb163e1f6b9.png') 0 -1779px;
        background-repeat: no-repeat;
        background-position: 0 -890px;
        -webkit-background-size: 137px auto;
           -moz-background-size: 137px auto;
                background-size: 137px auto;
    }

    .sort__list
    {
        padding: 12px 10px 28px;
    }
    .sort__list dt
    {
        float: none;

        margin: 0 0 10px;
    }
    .sort__list dd
    {
        margin: 0 0 16px 0;
    }
    .sort__list dd:last-child
    {
        margin-bottom: 0;
    }

    .sort-words-list > li
    {
        min-width: 72px;
        margin: 0 3px 3px 0;
    }

    .sort-words__word
    {
        -webkit-transition: none;
           -moz-transition: none;
                transition: none;

        -webkit-tap-highlight-color: rgba(242, 180, 180, .7);
    }
    .sort-words__word:hover
    {
        background: #eee8df;
    }

    .sort-words__word--selected
    {
        color: #eee8df;
        background: #806640;
    }
    .sort-words__word--selected:hover
    {
        color: #eee8df;
        background: #806640;
    }

    .sort-button--all, .sort-button--clear, .sort-button--sort
    {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 40px;

        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        width: auto;
        min-width: 80px;
        padding: 0 20px;
    }

    .button-save-container
    {
        position: absolute;
        z-index: 1;
        bottom: 12px;
        left: 100px;
    }

    .button-save
    {
        width: auto;
        min-width: 1px;
        height: auto;

        outline: none;
    }

    .button-save--side
    {
        position: static;
    }

    .button-save--large
    {
        width: 220px;
    }

    .mytokyo-status > .mytokyo-status__text:before
    {
        position: absolute;
        top: 50%;
        left: 0;

        display: block;

        width: 17px;
        height: 12px;
        margin: -5px 0 0;

        content: '';
    }

    .mytokyo-status--default > .mytokyo-status__text:before
    {
        background: url('images/button_save-sbda560ea9c.png') 0 -32px;
        background-repeat: no-repeat;
        background-position: 0 -16px;
        -webkit-background-size: 17px auto;
           -moz-background-size: 17px auto;
                background-size: 17px auto;
    }

    .mytokyo-status--saved .mytokyo-status__text:before
    {
        background: url('images/button_save-sbda560ea9c.png') 0 -32px;
        background-repeat: no-repeat;
        background-position: 0 -16px;
        -webkit-background-size: 17px auto;
           -moz-background-size: 17px auto;
                background-size: 17px auto;
    }

    .mytokyo-status--remove .mytokyo-status__text:before
    {
        width: 14px;
        height: 14px;
        margin: -7px 0 0;

        background: url('images/button_save-sbda560ea9c.png') 0 0;
        background-repeat: no-repeat;
        background-position: 0 0;
        -webkit-background-size: 17px auto;
           -moz-background-size: 17px auto;
                background-size: 17px auto;
    }

    .mytokyo-status
    {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 34px;

        width: 173px;
        height: 34px;
    }
    .mytokyo-status > .mytokyo-status__text
    {
        position: relative;

        padding: 0 0 0 25px;
    }
    .mytokyo-status > .mytokyo-status__text:before
    {
        position: absolute;
        top: 50%;
        left: 0;

        display: block;

        width: 17px;
        height: 14px;
        margin: -7px 0 0;

        content: '';
    }
    .button-save--large .mytokyo-status
    {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 62px;

        width: 220px;
        height: 62px;
    }

    .article-body
    {
        margin: 0 10px 0;
        padding: 0 0 15px;
    }
    .article-body p
    {
        margin: 0 0 35px;
    }

    .sub-box
    {
        margin: 0 0 0;
        padding: 15px;
    }

    .sub-box__heading
    {
        margin: 0 0 15px;
    }

    .sub-box--no-border
    {
        margin: 20px 0 0;
        padding: 20px 0 0;
    }

    .sub-box__item > a
    {
        line-height: 17px;

        position: relative;

        display: inline-block;

        padding: 0 0 0 26px;
    }
    .sub-box__item > a:before
    {
        width: 11px;
        height: 9px;
        margin: -5px 0 0;

        background: url('images/sprite1-sb163e1f6b9.png') 0 -1962px;
        background-repeat: no-repeat;
        background-position: 0 -981px;
        -webkit-background-size: 137px auto;
           -moz-background-size: 137px auto;
                background-size: 137px auto;
    }
    .sub-box__item:last-child
    {
        margin: 0 0 0;
    }
}
.header
{
    z-index: 1000;

    width: 100%;
    min-width: 960px;

    background: #fff;
}

.header--default
{
    position: absolute;
    top: 0;
    left: 0;

    height: 100px;
}

.slide-nav
{
    display: none;
}

.header__inner
{
    position: relative;
}
.header__inner:before, .header__inner:after
{
    display: table;

    content: '';
}
.header__inner:after
{
    clear: both;
}

.header__logo
{
    float: left;

    margin: 0 0 0 21px;
}
.header__logo > a
{
    display: block;
    overflow: hidden;

    width: 146px;
    height: 146px;
    margin: -12px 0 0;

    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
            transform: translateZ(0);
    white-space: nowrap;
    text-indent: 100%;

    background: url('images/logo.png?1394848118') 0 0 no-repeat;
}

.header__nav
{
    position: absolute;
    top: 0;
    left: 165px;

    margin: 0 0 0 28px;
}

.header__nav-inner
{
    display: table-cell;

    height: 100px;

    vertical-align: middle;
}
.header__nav-inner > ul:before, .header__nav-inner > ul:after
{
    display: table;

    content: '';
}
.header__nav-inner > ul:after
{
    clear: both;
}
.header__nav-inner li
{
    float: left;

    margin: 0 25px 0 0;
}
.header__nav-inner a
{
    font-size: 16px;
    font-size: 1.6rem;

    padding: 0 0 5px;
}
.header__nav-inner a.current
{
    color: #c56d2d;
    border-bottom: 2px solid #c56d2d;
}
.header__nav-inner a:hover
{
    color: #b39e7d;
}

.header__lead
{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 14px;
    font-size: 1.4rem;

    margin: 0 0 15px;

    letter-spacing: .1em;

    color: #806640;
}

.header__options
{
    position: relative;
    z-index: 1;

    float: right;

    background: #fff;
}
.header__options:before, .header__options:after
{
    display: table;

    content: '';
}
.header__options:after
{
    clear: both;
}

.header__options-list
{
    position: relative;
}
.header__options-list:before, .header__options-list:after
{
    display: table;

    content: '';
}
.header__options-list:after
{
    clear: both;
}
.header__options-list > li
{
    float: left;

    width: 98px;
    height: 100px;

    border-left: 1px solid #f0eae1;
}

.button-logout
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: block;

    width: 88px;
    padding: 5px;

    text-align: center;

    border: 1px solid #f7f4f0;
    border-top: none;
    background: #fff;
}
.button-logout:hover
{
    color: #b39e7d;
    background: #f7f4f0;
}

.header__link--mytokyo
{
    font-size: 12px;
    font-size: 1.2rem;

    display: block;

    height: 100%;

    text-align: center;
}
.header__link--mytokyo > span
{
    position: relative;

    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;

    margin: 27px 0 0;
    padding: 35px 0 0;

    vertical-align: middle;

    *vertical-align: auto;
    *display: inline;
}
.header__link--mytokyo > span:before
{
    position: absolute;
    top: 0;
    left: 50%;

    display: block;

    content: '';
}
.header__link--mytokyo:hover
{
    color: #b39e7d;
}

.header__link--mytokyo
{
    font-weight: bold;
}
.header__link--mytokyo > span
{
    margin-top: 35px;
}
.header__link--mytokyo > span:before
{
    width: 30px;
    height: 22px;
    margin: 0 0 0 -15px;

    background: url('images/sprite1-sb163e1f6b9.png') 0 -821px;
}
.header__link--mytokyo > .not-login
{
    margin-top: 27px;
}
.header__link--mytokyo.current
{
    color: #c56d2d;
    background: #faf0e9;
}
.header__link--mytokyo.current > span:before
{
    background: url('images/sprite1-sb163e1f6b9.png') 0 -845px;
}
.header__link--mytokyo:hover
{
    color: #b39e7d;
    background: #f7f4f0;
}
.header__link--mytokyo:hover > span:before
{
    background: url('images/sprite1-sb163e1f6b9.png') 0 -869px;
}

.header__icons-list
{
    position: relative;

    width: 100%;
    height: 100px;
}

.header__item--0, .header__item--1, .header__item--2, .header__item--3
{
    position: absolute;

    width: 33px;
    height: 33px;
}

.header__item--0
{
    top: 13px;
    left: 14px;
}

.header__item--1
{
    top: 13px;
    right: 12px;
}

.header__item--2
{
    bottom: 14px;
    left: 14px;
}

.header__item--3
{
    right: 12px;
    bottom: 14px;
}

.header__link--link, .header__link--about, .header__link--language, .header__link--search, .header__link--instagram, .header__link--twitter, .header__link--facebook, .header__link--googleplus
{
    position: relative;

    display: block;

    height: 100%;
}
.header__link--link:hover, .header__link--about:hover, .header__link--language:hover, .header__link--search:hover, .header__link--instagram:hover, .header__link--twitter:hover, .header__link--facebook:hover, .header__link--googleplus:hover
{
    color: #b39e7d;
    background-color: #faf0e9;
}
.header__link--link > span, .header__link--about > span, .header__link--language > span, .header__link--search > span, .header__link--instagram > span, .header__link--twitter > span, .header__link--facebook > span, .header__link--googleplus > span
{
    display: block;
    overflow: hidden;

    white-space: nowrap;
    text-indent: 100%;
}

.header__link--link
{
    background: url('images/sprite1-sb163e1f6b9.png') 0 -1598px;
}
.header__link--link.current
{
    background: #faf0e9 url('images/sprite1-sb163e1f6b9.png') 0 -1633px;
}

.header__link--link-active
{
    background: url('images/sprite1-sb163e1f6b9.png') 0 -1633px;
}

.header__link--about
{
    background: url('images/sprite1-sb163e1f6b9.png') 0 -950px;
}
.header__link--about.current
{
    background: #faf0e9 url('images/sprite1-sb163e1f6b9.png') 0 -985px;
}

.header__link--language
{
    background: url('images/sprite1-sb163e1f6b9.png') 0 -893px;
}

.header__link--search
{
    background: url('images/sprite1-sb163e1f6b9.png') 0 -1744px;
}

.header__link--instagram
{
    background: url('images/sprite1-sb163e1f6b9.png') 0 -1528px;
}
.header__link--instagram:hover
{
    background: url('images/sprite1-sb163e1f6b9.png') 0 -1563px;
}

.header__link--twitter
{
    background: url('images/sprite1-sb163e1f6b9.png') 0 -1458px;
}
.header__link--twitter:hover
{
    background: url('images/sprite1-sb163e1f6b9.png') 0 -1493px;
}

.header__link--facebook
{
    background: url('images/sprite1-sb163e1f6b9.png') 0 -1876px;
}
.header__link--facebook:hover
{
    background: url('images/sprite1-sb163e1f6b9.png') 0 -1911px;
}

.header__link--googleplus
{
    background: url('images/sprite1-sb163e1f6b9.png') 0 -1212px;
}
.header__link--googleplus:hover
{
    background: url('images/sprite1-sb163e1f6b9.png') 0 -1247px;
}

.header__tooltip, .header__tooltip--text
{
    position: absolute;
    z-index: 1;
    right: 100%;

    display: none;

    padding: 0 10px 0 0;
}

.header--mini .header__tooltip, .header--mini .header__tooltip--text
{
    top: -9px;
    bottom: auto;
}

.header__tooltip > .inner, .header__tooltip--text > .inner
{
    position: relative;

    display: inline-block;

    height: 72px;

    vertical-align: top;

    background: #d9ccb9;
}
.header__tooltip > .inner .tooltip-title, .header__tooltip--text > .inner .tooltip-title
{
    font-size: 14px;
    font-size: 1.4rem;

    margin: 0 0 5px;

    color: #fff;
}

.header--mini .header__tooltip > .inner, .header--mini .header__tooltip--text > .inner
{
    line-height: 50px;

    height: 50px;
    padding: 0 20px 0;
}
.header--mini .header__tooltip > .inner .tooltip-title, .header--mini .header__tooltip--text > .inner .tooltip-title
{
    font-size: 14px;
    font-size: 1.4rem;

    display: inline-block;

    margin: 0 0 5px;

    color: #fff;
}

.header__tooltip--text > .inner:before
{
    position: absolute;
    top: 18px;
    left: 100%;

    width: 0;
    height: 0;

    content: '';

    border: 10px solid transparent;
    border-left-color: #d9ccb9;
}

.header__tooltip > .inner:before
{
    position: absolute;
    bottom: 18px;
    left: 100%;

    width: 0;
    height: 0;

    content: '';

    border: 10px solid transparent;
    border-left-color: #d9ccb9;
}

.header--mini .header__tooltip > .inner:before, .header--mini .header__tooltip--text > .inner:before
{
    top: 50%;

    margin: -10px 0 0;
}

.header__tooltip
{
    bottom: -14px;
}
.header__tooltip > .inner
{
    padding: 28px 20px 0;
}

.header__tooltip--text
{
    top: -13px;
}
.header__tooltip--text > .inner
{
    line-height: 100px;

    height: 100px;
    padding: 0 40px 0;
}

.search-container
{
    font-size: 12px;
    font-size: 1.2rem;

    width: 300px;
    height: 30px;
    padding: 0 0 0 5px;

    -webkit-border-radius: 20px;
       -moz-border-radius: 20px;
            border-radius: 20px;
    background: #b3a898;

        -ms-border-radius: 20px;
}
.search-container form.gsc-search-box
{
    position: relative;
}
.search-container form.gsc-search-box:after
{
    position: absolute;
    z-index: 0;
    top: 50%;
    right: 10px;

    display: block;

    width: 9px;
    height: 9px;
    margin: -6px 0 0;

    content: '';

    background: url('images/sprite1-sb163e1f6b9.png') 0 -2193px;
    background-color: transparent;
}
.search-container .gsc-input-box-focus,
.search-container .gsc-input-box-hover
{
    outline: none;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}
.search-container .gsc-input-box
{
    border: none;
    background: none;
}
.search-container .gsc-input
{
    font-size: 11px;
    font-size: 1.1rem;

    background: none !important;
}
.search-container .gsc-search-button
{
    padding-right: 6px;
    padding-left: 6px;

    border: none;
}
.search-container .gsc-search-button > input
{
    position: relative;
    z-index: 1;

    opacity: 0;
}
.search-container .gsc-search-button:hover
{
    background: transparent !important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input
{
    padding-right: 0 !important;
}
.gsc-search-box-tools .gsc-search-box .gsc-input .gsst_b
{
    padding-top: 2px !important;
}

.header--mini
{
    position: fixed;
    z-index: 950;
    top: -200px;
    left: 0;

    height: 50px;
}
.header--mini .header__logo--mini
{
    float: left;

    margin: 0 0 0 21px;
}
.header--mini .header__logo--mini > a
{
    display: block;
    overflow: hidden;

    width: 60px;
    height: 60px;
    margin: -5px 0 0;

    white-space: nowrap;
    text-indent: 100%;

    background: url('images/sprite1-sb163e1f6b9.png') 0 -174px;
}
.header--mini .header__nav
{
    left: 81px;

    margin: 0 0 0 22px;
}
.header--mini .header__nav-inner
{
    height: 50px;
}
.header--mini .header__lead
{
    display: none;
}
.header--mini .header__options-list > li
{
    width: auto;
    height: 50px;
}
.header--mini .header__link--mytokyo > span
{
    line-height: 50px;

    height: 100%;
    margin: 0;
    padding: 0 15px 0 48px;
}
.header--mini .header__link--mytokyo > span:before
{
    top: 50%;
    left: 15px;

    width: 20px;
    height: 14px;
    margin: -7px 0 0 0;

    background: url('images/sprite1-sb163e1f6b9.png') 0 -1712px;
}
.header--mini .header__link--mytokyo.current
{
    color: #c56d2d;
    background: #faf0e9;
}
.header--mini .header__link--mytokyo.current > span:before
{
    background: url('images/sprite1-sb163e1f6b9.png') 0 -1696px;
}
.header--mini .header__link--mytokyo:hover
{
    background: #f7f4f0;
}
.header--mini .header__link--mytokyo:hover > span:before
{
    background: url('images/sprite1-sb163e1f6b9.png') 0 -1728px;
}
.header--mini .header__icons-list
{
    width: auto;
    height: auto;
    padding: 9px 6px 0 13px;
}
.header--mini .header__icons-list:before, .header--mini .header__icons-list:after
{
    display: table;

    content: '';
}
.header--mini .header__icons-list:after
{
    clear: both;
}
.header--mini .header__icons-list > li
{
    position: static;

    float: left;

    margin: 0 7px 0 0;
}
.header--mini .search .tooltip-title
{
    margin-top: 9px !important;
    margin-right: 8px;

    vertical-align: top;
}
.header--mini .search.inner
{
    line-height: 1;

    height: 37px;
    padding: 10px 20px 3px;
}
.header--mini .header__tooltip > .inner
{
    width: 370px;
}
.header--mini .translate-container,
.header--mini .search-container
{
    display: inline-block;
}

@media screen and (min-width: 1200px)
{
    .header--default .header__link--mytokyo
    {
        font-size: 12px;
        font-size: 1.2rem;

        display: block;

        height: 100%;

        cursor: pointer;
        text-align: center;
    }
    .header--default .header__link--mytokyo > span
    {
        position: relative;

        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;

        margin: 27px 0 0;
        padding: 35px 0 0;

        vertical-align: middle;
        text-indent: 0;

        *vertical-align: auto;
        *display: inline;
    }
    .header--default .header__link--mytokyo > span:before
    {
        position: absolute;
        top: 0;
        left: 50%;

        display: block;

        content: '';
    }
    .header--default .header__options-list > .internal
    {
        width: auto;

        border-left: none;
    }
    .header--default .header__options-list > .internal .header__icons-list > li
    {
        position: static;

        float: left;

        width: 98px;
        height: 100px;

        border-left: 1px solid #f0eae1;
    }
    .header--default .header__link--link, .header--default .header__link--about, .header--default .header__link--language, .header--default .header__link--search
    {
        font-size: 12px;
        font-size: 1.2rem;

        display: block;

        height: 100%;

        cursor: pointer;
        text-align: center;
    }
    .header--default .header__link--link > span, .header--default .header__link--about > span, .header--default .header__link--language > span, .header--default .header__link--search > span
    {
        position: relative;

        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;

        width: 98px;
        margin: 27px 0 0;
        padding: 35px 0 0;

        vertical-align: middle;
        text-indent: 0;

        *vertical-align: auto;
        *display: inline;
    }
    .header--default .header__link--link > span:before, .header--default .header__link--about > span:before, .header--default .header__link--language > span:before, .header--default .header__link--search > span:before
    {
        position: absolute;
        top: 0;
        left: 50%;

        display: block;

        content: '';
    }
    .header--default .current.header__link--link, .header--default .current.header__link--about, .header--default .current.header__link--language, .header--default .current.header__link--search
    {
        color: #c56d2d;
        background: #faf0e9;
    }
    .header--default .header__link--link:hover, .header--default .header__link--about:hover, .header--default .header__link--language:hover, .header--default .header__link--search:hover
    {
        color: #b39e7d;
        background: #f7f4f0;
    }
    .header--default .header__tooltip,
  .header--default .header__tooltip--text
    {
        padding: 0;

        text-align: left;
    }
    .header--default .header__tooltip > .inner:before
    {
        position: absolute;
        top: 18px;
        left: 100%;

        width: 0;
        height: 0;

        content: '';

        border: 10px solid transparent;
        border-left-color: #d9ccb9;
    }
    .header--default .header__tooltip,
  .header--default .header__tooltip--text
    {
        top: 0;
        bottom: auto;
    }
    .header--default .header__link--link, .header--default .header__link--about, .header--default .header__link--language, .header--default .header__link--search
    {
        text-indent: 0;

        background-image: none;
    }
    .header--default .header__link--mytokyo > span
    {
        margin-top: 35px;
    }
    .header--default .header__link--mytokyo > .not-login
    {
        margin-top: 27px;
    }
    .header--default .header__link--link > span:before
    {
        width: 22px;
        height: 20px;
        margin: 0 0 0 -11px;

        background: url('images/sprite1-sb163e1f6b9.png') 0 -1282px;
    }
    .header--default .header__link--link.current
    {
        color: #c56d2d;
        background: #faf0e9;
    }
    .header--default .header__link--link.current > span:before
    {
        background: url('images/sprite1-sb163e1f6b9.png') 0 -1304px;
    }
    .header--default .header__link--about > span:before
    {
        width: 18px;
        height: 18px;
        margin: 0 0 0 -9px;

        background: url('images/sprite1-sb163e1f6b9.png') 0 -1172px;
    }
    .header--default .header__link--about.current
    {
        color: #c56d2d;
        background: #faf0e9;
    }
    .header--default .header__link--about.current > span:before
    {
        background: url('images/sprite1-sb163e1f6b9.png') 0 -1192px;
    }
    .header--default .header__link--language > span:before
    {
        width: 24px;
        height: 20px;
        margin: 0 0 0 -12px;

        background: url('images/sprite1-sb163e1f6b9.png') 0 -1372px;
    }
    .header--default .header__link--search > span:before
    {
        width: 20px;
        height: 19px;
        margin: 0 0 0 -10px;

        background: url('images/sprite1-sb163e1f6b9.png') 0 -1351px;
    }
}
@media screen and (max-width: 640px)
{
    .android .header
    {
        position: absolute !important;
    }

    .header--default
    {
        position: fixed;
        top: 0;
        left: 0;

        min-width: 320px;
        height: 62px;
    }

    .header--mini
    {
        display: none;
    }

    .header__logo
    {
        margin: 0 0 0 10px;
    }
    .header--default.header--animation-end .header__logo .sp-logo
    {
        width: 73px;
        height: 73px;
        margin: -3px 0 0;

        background: url('images/sprite2-sf4e8e8d53a.png') 0 0;
        background-repeat: no-repeat;
        background-position: 0 0;
        background-position: 0 0 !important;
        -webkit-background-size: 73px auto;
           -moz-background-size: 73px auto;
                background-size: 73px auto;
    }

    .header__nav
    {
        left: 83px;

        margin: 0 60px 0 10px;
    }

    .header__nav-inner
    {
        height: 62px;
    }
    .header__nav-inner > ul
    {
        display: none;
    }

    .header__lead
    {
        font-size: 13px;
        font-size: 1.3rem;

        margin: 0;
    }

    .header__options
    {
        display: none;
    }

    .header__slide-button
    {
        position: absolute;
        top: 0;
        right: 0;
    }

    .header__slide-button-inner
    {
        position: relative;

        display: block;
        float: right;
        overflow: hidden;

        width: 62px;
        height: 62px;

        white-space: nowrap;
        text-indent: 100%;
    }
    .header__slide-button-inner:before
    {
        position: absolute;
        top: 50%;
        left: 50%;

        display: block;

        width: 26px;
        height: 11px;
        margin: -5px 0 0 -13px;
        padding: 1px 0 0;

        content: '';

        background: url('images/sprite1-sb163e1f6b9.png') 0 -2406px;
        background-repeat: no-repeat;
        background-position: 0 -1203px;
        -webkit-background-size: 137px auto;
           -moz-background-size: 137px auto;
                background-size: 137px auto;
    }

    .header__slide-button--close .header__slide-button-inner
    {
        background: url('images/sprite1-sb163e1f6b9.png') 0 -695px;
        background-repeat: no-repeat;
        background-position: 0 -348px;
        -webkit-background-size: 137px auto;
           -moz-background-size: 137px auto;
                background-size: 137px auto;
    }
    .header__slide-button--close .header__slide-button-inner:before
    {
        display: none;
    }

    .slide-nav
    {
        position: fixed;
        z-index: -1;
        top: 0;
        right: 0;

        display: none;
        overflow: auto;

        width: 243px;
        height: 100%;

        pointer-events: none;

        background: #d9c3ac;

        -webkit-overflow-scrolling: touch;
    }
    .android .slide-nav
    {
        position: absolute;
        top: 50px;
        right: auto;
        left: 0;

        width: 100%;
        padding: 25px 0 0;
    }
    .slide-nav .logout
    {
        font-size: 11px;
        font-size: 1.1rem;

        text-align: right;
    }
    .slide-nav .logout:before
    {
        display: none;
    }
    .slide-nav .logout span
    {
        border-top: 1px solid #e9e2db;
    }
    .slide-nav .button-mytokyo-inner
    {
        border-bottom: 1px solid #c9b5a0;
    }

    .slide-nav__container
    {
        overflow: auto;
    }

    .slide-nav__list--top, .slide-nav__list--bottom
    {
        background: #b3a898;
    }
    .slide-nav__list--top > li, .slide-nav__list--bottom > li
    {
        border-top: 1px solid #e9e2db;
        border-bottom: 1px solid #c9b5a0;
    }
    .slide-nav__list--top > li > a, .slide-nav__list--bottom > li > a
    {
        position: relative;

        display: block;
    }
    .slide-nav__list--top > li > a:before, .slide-nav__list--bottom > li > a:before
    {
        position: absolute;
        top: 50%;
        right: 10px;

        display: block;

        width: 7px;
        height: 11px;
        margin: -6px 0 0;

        content: '';

        background: url('images/sprite1-sb163e1f6b9.png') 0 -1982px;
        background-repeat: no-repeat;
        background-position: 0 -991px;
        -webkit-background-size: 137px auto;
           -moz-background-size: 137px auto;
                background-size: 137px auto;
    }
    .slide-nav__list--top > li > a > div, .slide-nav__list--bottom > li > a > div
    {
        display: table;

        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        width: 100%;
        padding: 0 10px;
    }
    .slide-nav__list--top > li > a > div > span, .slide-nav__list--bottom > li > a > div > span
    {
        display: table-cell;

        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        height: 35px;
        padding: 10px 0;

        vertical-align: middle;
    }
    .slide-nav__list--top > li.last-child, .slide-nav__list--bottom > li.last-child
    {
        margin: -1px 0 0;

        border-top: none;
    }

    .cell-container
    {
        display: table;

        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        width: 100%;
        padding: 0 10px;
    }
    .cell-container > span
    {
        display: table-cell;

        height: 38px;

        vertical-align: middle;
    }

    .cell
    {
        display: table-cell;

        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        height: 38px;
        padding: 10px 0;

        vertical-align: middle;
    }

    .cell__title
    {
        margin: 0 0 8px;
    }

    .search-container-sp
    {
        font-size: 12px;
        font-size: 1.2rem;

        width: 218px;
        padding: 0 0 0 5px;

        -webkit-border-radius: 20px;
           -moz-border-radius: 20px;
                border-radius: 20px;
        background: #b3a898;

            -ms-border-radius: 20px;
    }
    .search-container-sp .gsc-input-box-focus,
  .search-container-sp .gsc-input-box-hover
    {
        outline: none;
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
    }
    .search-container-sp .gsc-input-box
    {
        border: none;
        background: none;
    }
    .search-container-sp .gsc-input
    {
        font-size: 11px;
        font-size: 1.1rem;

        background: none !important;
    }
    .search-container-sp .gsc-search-button
    {
        position: relative;

        padding-right: 6px;
        padding-left: 0;

        border: none;
    }
    .search-container-sp .gsc-search-button:after
    {
        position: absolute;
        z-index: 0;
        top: 50%;
        right: 10px;

        display: block;

        width: 9px;
        height: 9px;
        margin: -4px 0 0;

        content: '';

        background: url('images/sprite1-sb163e1f6b9.png') 0 -2193px;
        background-color: transparent;
    }
    .search-container-sp .gsc-search-button > input
    {
        position: relative;
        z-index: 1;

        opacity: 0;
    }
    .search-container-sp .gsc-search-button:hover
    {
        background: transparent !important;
    }

    .slide-nav__list--top
    {
        padding: 0 0 10px;
    }
    .slide-nav__list--top > li
    {
        font-size: 16px;
        font-size: 1.6rem;

        background: #d3c4b6;
    }

    .slide-nav__list--bottom
    {
        border-bottom: 1px solid #e9e2db;
    }
    .slide-nav__list--bottom > li
    {
        font-size: 13px;
        font-size: 1.3rem;

        background: #d9c3ac;
    }

    .android .language
    {
        display: none;
    }

    .skiptranslate > div
    {
        display: block !important;
    }

    .slide-contents-layer
    {
        position: absolute;
        z-index: 1100;
        top: 0;
        right: 243px;

        display: none;

        width: 100%;
        height: 100%;

        box-shadow: 2px 0 5px rgba(0, 0, 0, .3);
    }
    .android .slide-contents-layer
    {
        display: none !important;
    }
}
.camera-button
{
    position: fixed;
    z-index: 950;
    top: 300px;
    right: -70px;

    display: block;

    width: 70px;
    height: 70px;

    background-image: url('images/camera.png?1392699910');
    background-repeat: no-repeat;
    background-position: 0 0;
}
.camera-button > div
{
    display: none;
}

.footer-nav li:last-child > a
{
    border-bottom: none;
}

.footer-nav__link
{
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 98px;

    display: block;

    color: #fff;
    border-bottom: 1px solid #b34444;
    background: #c54b4b;
}
.footer-nav__link:hover
{
    color: #fff;
    background: #a32b2b;
}

.footer-nav__icon--save, .footer-nav__icon--events, .footer-nav__icon--link
{
    position: relative;
    left: 120px;

    padding: 0 0 0 65px;
}
.footer-nav__icon--save:before, .footer-nav__icon--events:before, .footer-nav__icon--link:before
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    content: '';
}

.footer-nav__icon--save:before
{
    width: 25px;
    height: 19px;
    margin: -10px 0 0;

    background: url('images/sprite1-sb163e1f6b9.png') 0 -1151px;
}

.footer-nav__icon--events:before
{
    width: 28px;
    height: 23px;
    margin: -11px 0 0;

    background: url('images/sprite1-sb163e1f6b9.png') 0 -1326px;
}

.footer-nav__icon--link:before
{
    width: 24px;
    height: 26px;
    margin: -13px 0 0;

    background: url('images/sprite1-sb163e1f6b9.png') 0 -1668px;
}

.footer-nav__text
{
    font-size: 18px;
    font-size: 1.8rem;

    padding: 0 0 0 12px;
}

.pictures--pc
{
    padding: 43px 0 50px;

    background: #eee8df;
}

.pictures--sp
{
    display: none;
}

.pictures__lead
{
    font-size: 16px;
    font-size: 1.6rem;

    margin: 0 0 27px;

    text-align: center;
}

.pictures--pc__hashtag
{
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;

    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;

    margin: 0 8px;
    padding: 0 12px;

    vertical-align: middle;

    color: #806640;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background: #d9ccb9;

    *vertical-align: auto;
    *display: inline;
        -ms-border-radius: 5px;
}
.pictures--pc__hashtag:hover
{
    color: #fff;
    background: #937654;
}

.pictures__carousel
{
    width: 880px;
    margin: auto;
}
.pictures__carousel:before, .pictures__carousel:after
{
    display: table;

    content: '';
}
.pictures__carousel:after
{
    clear: both;
}
.pictures__carousel > li
{
    float: left;

    text-align: center;
}
.bx-wrapper .pictures__carousel img
{
    display: inline !important;

    max-width: auto !important;
    padding: 0 2px 0 3px;
}

.bx-wrapper .bx-viewport
{
    left: 0;

    border: none;
    background: none;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

.pictures--pc .bx-wrapper .bx-controls-direction a
{
    z-index: 900;
    top: 50%;

    width: 22px;
    height: 43px;
    margin-top: -22px;

    outline: 0;
}
.pictures--pc .bx-wrapper .bx-prev
{
    left: 80px;

    background: url('images/sprite1-sb163e1f6b9.png') 0 -2204px;
}
.pictures--pc .bx-wrapper .bx-prev:hover
{
    background: url('images/sprite1-sb163e1f6b9.png') 0 -2249px;
}
.pictures--pc .bx-wrapper .bx-next
{
    right: 80px;

    background: url('images/sprite1-sb163e1f6b9.png') 0 -2294px;
}
.pictures--pc .bx-wrapper .bx-next:hover
{
    background: url('images/sprite1-sb163e1f6b9.png') 0 -2339px;
}

.sns
{
    padding: 40px 0;

    background: #f5f1eb;
}
.sns:before, .sns:after
{
    display: table;

    content: '';
}
.sns:after
{
    clear: both;
}

.like-box
{
    float: left;

    width: 450px;
}

.accounts
{
    float: right;

    width: 455px;
}
.accounts > ul:before, .accounts > ul:after
{
    display: table;

    content: '';
}
.accounts > ul:after
{
    clear: both;
}
.accounts li
{
    float: left;

    margin: 0 0 0 4px;
}

.accounts__link--googleplus, .accounts__link--instagram, .accounts__link--twitter
{
    position: relative;

    display: block;

    width: 147px;
    height: 240px;

    -webkit-transition: background-color .2s ease-out;
       -moz-transition: background-color .2s ease-out;
            transition: background-color .2s ease-out;
    text-decoration: none;
}
.accounts__link--googleplus:before, .accounts__link--instagram:before, .accounts__link--twitter:before
{
    position: absolute;
    top: 18px;
    left: 15px;

    display: block;

    content: '';
}
.accounts__link--googleplus:after, .accounts__link--instagram:after, .accounts__link--twitter:after
{
    position: absolute;
    right: 17px;
    bottom: 20px;

    display: block;

    width: 12px;
    height: 20px;

    content: '';

    background: url('images/sprite1-sb163e1f6b9.png') 0 -2384px;
}
.accounts__link--googleplus > span, .accounts__link--instagram > span, .accounts__link--twitter > span
{
    font-size: 14px;
    font-size: 1.4rem;

    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;

    margin: 70px 0 0 15px;

    vertical-align: middle;

    color: #fff;

    *vertical-align: auto;
    *display: inline;
}

.accounts__link--googleplus
{
    background: #da4a38;
}
.accounts__link--googleplus:hover
{
    background: #b33d2e;
}
.accounts__link--googleplus:before
{
    width: 45px;
    height: 38px;

    background: url('images/sprite1-sb163e1f6b9.png') 0 -466px;
}

.accounts__link--instagram
{
    background: #976b55;
}
.accounts__link--instagram:hover
{
    background: #735140;
}
.accounts__link--instagram:before
{
    width: 100px;
    height: 28px;

    background: url('images/sprite1-sb163e1f6b9.png') 0 -278px;
}

.accounts__link--twitter
{
    background: #65acbd;
}
.accounts__link--twitter:hover
{
    background: #4f8794;
}
.accounts__link--twitter:before
{
    width: 44px;
    height: 37px;

    background: url('images/sprite1-sb163e1f6b9.png') 0 -558px;
}

.footer-address
{
    padding: 20px 0;

    background: #eee8df;
}
.footer-address:before, .footer-address:after
{
    display: table;

    content: '';
}
.footer-address:after
{
    clear: both;
}

.footer__link
{
    float: left;
}
.footer__link > li
{
    display: inline-block;

    padding: 0 7px;

    border-right: 1px solid #a39590;
}
.footer__link > li:last-child
{
    border-right: none;
}

.copyright
{
    float: right;
}

.scroll--top
{
    position: relative;

    display: block;
    overflow: hidden;

    height: 58px;

    -webkit-transition: background-color .2s ease-out;
       -moz-transition: background-color .2s ease-out;
            transition: background-color .2s ease-out;
    white-space: nowrap;
    text-indent: 100%;

    background: #d9ccb9;
}
.scroll--top:after
{
    position: absolute;
    top: 22px;
    left: 50%;

    display: block;

    width: 20px;
    height: 16px;
    margin: 0 0 0 -10px;

    content: '';

    background: url('images/sprite1-sb163e1f6b9.png') 0 -2157px;
}
.scroll--top:hover
{
    background: #806640;
}
.scroll--top:hover:after
{
    background: url('images/sprite1-sb163e1f6b9.png') 0 -2175px;
}

@media screen and (max-width: 640px)
{
    .camera-button
    {
        display: none;
    }

    .footer-nav__link
    {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.3;

        position: relative;

        display: block;
    }
    .footer-nav__link:hover
    {
        color: #fff;
        background: #a32b2b;
    }

    .footer-nav__icon--save, .footer-nav__icon--events, .footer-nav__icon--link
    {
        position: static;

        display: table-cell;

        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        width: 300px;
        height: 60px;
        padding: 0 10px 0 66px;

        vertical-align: middle;
        word-break: break-all;
    }
    .footer-nav__icon--save:before, .footer-nav__icon--events:before, .footer-nav__icon--link:before
    {
        left: 20px;
    }

    .footer-nav__icon--save:before
    {
        width: 25px;
        height: 18px;
        margin: -9px 0 0;

        background: url('images/sprite2-sf4e8e8d53a.png') 0 -638px;
        background-repeat: no-repeat;
        background-position: 0 -319px;
        -webkit-background-size: 73px auto;
           -moz-background-size: 73px auto;
                background-size: 73px auto;
    }

    .footer-nav__icon--events:before
    {
        width: 28px;
        height: 23px;
        margin: -11px 0 0;

        background: url('images/sprite2-sf4e8e8d53a.png') 0 -676px;
        background-repeat: no-repeat;
        background-position: 0 -338px;
        -webkit-background-size: 73px auto;
           -moz-background-size: 73px auto;
                background-size: 73px auto;
    }

    .footer-nav__icon--link:before
    {
        width: 27px;
        height: 25px;
        margin: -14px 0 0;

        background: url('images/sprite1-sb163e1f6b9.png') 0 -506px;
        background-repeat: no-repeat;
        background-position: 0 -253px;
        -webkit-background-size: 137px auto;
           -moz-background-size: 137px auto;
                background-size: 137px auto;
    }

    .footer-nav__text
    {
        display: none;
    }

    .pictures--pc
    {
        display: none;
    }

    .pictures--sp
    {
        line-height: 1.4;

        display: block;

        text-align: center;

        color: #c54b4b;
        background: #e6ddcf;
    }
    .pictures--sp > a
    {
        position: relative;

        display: block;

        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        height: 100%;
        padding: 20px 0 28px;

        color: inherit;
    }
    .pictures--sp > a:before
    {
        position: absolute;
        top: 50%;
        right: 14px;

        display: block;

        width: 10px;
        height: 19px;
        margin: -10px 0 0 0;

        content: '';

        background: url('images/sprite1-sb163e1f6b9.png') 0 -2018px;
        background-repeat: no-repeat;
        background-position: 0 -1009px;
        -webkit-background-size: 137px auto;
           -moz-background-size: 137px auto;
                background-size: 137px auto;
    }
    .pictures--sp p
    {
        font-size: 16px;
        font-size: 1.6rem;

        position: relative;

        padding: 37px 0 0;
    }
    .pictures--sp p:before
    {
        position: absolute;
        top: 0;
        left: 50%;

        display: block;

        width: 33px;
        height: 26px;
        margin: 0 0 0 -17px;

        content: '';

        background: url('images/sprite1-sb163e1f6b9.png') 0 -308px;
        background-repeat: no-repeat;
        background-position: 0 -154px;
        -webkit-background-size: 137px auto;
           -moz-background-size: 137px auto;
                background-size: 137px auto;
    }

    .pictures--sp__hashtag
    {
        font-size: 20px;
        font-size: 2rem;
    }

    .sns
    {
        padding: 0 0 22px;
    }
    .sns:before, .sns:after
    {
        display: table;

        content: '';
    }
    .sns:after
    {
        clear: both;
    }

    .accounts
    {
        float: none;

        width: auto;
        padding: 10px;

        border-bottom: 1px solid #d9ccb9;
    }
    .accounts > ul:before, .accounts > ul:after
    {
        display: table;

        content: '';
    }
    .accounts > ul:after
    {
        clear: both;
    }
    .accounts li
    {
        float: none;

        margin: 0 0 4px;
    }
    .accounts li:last-child
    {
        margin: 0;
    }

    .like-box
    {
        float: none;
    }

    .accounts__link--googleplus, .accounts__link--instagram, .accounts__link--twitter
    {
        position: relative;

        display: block;

        width: auto;
        height: 61px;
    }
    .accounts__link--googleplus:before, .accounts__link--instagram:before, .accounts__link--twitter:before
    {
        position: absolute;
        top: 50%;
        left: 15px;

        display: block;

        content: '';
    }
    .accounts__link--googleplus:after, .accounts__link--instagram:after, .accounts__link--twitter:after
    {
        display: none;
    }
    .accounts__link--googleplus > span, .accounts__link--instagram > span, .accounts__link--twitter > span
    {
        font-size: 14px;
        font-size: 1.4rem;

        position: relative;
        left: 15px;

        display: table-cell;

        height: 61px;
        margin: 0;

        vertical-align: middle;
    }
    .accounts__link--googleplus > span br, .accounts__link--instagram > span br, .accounts__link--twitter > span br
    {
        display: none;
    }

    .accounts__link--googleplus:before
    {
        width: 28px;
        height: 24px;
        margin: -12px 0 0;

        background: url('images/sprite1-sb163e1f6b9.png') 0 -362px;
        background-repeat: no-repeat;
        background-position: 0 -181px;
        -webkit-background-size: 137px auto;
           -moz-background-size: 137px auto;
                background-size: 137px auto;
    }
    .accounts__link--googleplus > span
    {
        padding: 0 0 0 45px;
    }

    .accounts__link--instagram:before
    {
        width: 70px;
        height: 20px;
        margin: -10px 0 0;

        background: url('images/sprite1-sb163e1f6b9.png') 0 -236px;
        background-repeat: no-repeat;
        background-position: 0 -118px;
        -webkit-background-size: 137px auto;
           -moz-background-size: 137px auto;
                background-size: 137px auto;
    }
    .accounts__link--instagram > span
    {
        padding: 0 0 0 85px;
    }

    .accounts__link--twitter:before
    {
        width: 32px;
        height: 26px;
        margin: -13px 0 0;

        background: url('images/sprite1-sb163e1f6b9.png') 0 -412px;
        background-repeat: no-repeat;
        background-position: 0 -206px;
        -webkit-background-size: 137px auto;
           -moz-background-size: 137px auto;
                background-size: 137px auto;
    }
    .accounts__link--twitter > span
    {
        padding: 0 0 0 45px;
    }

    .footer-address
    {
        padding: 10px 0;

        text-align: center;
    }

    .footer__link
    {
        float: none;

        margin: 0 0 12px;
    }
    .footer__link > li
    {
        font-size: 13px;
        font-size: 1.3rem;

        display: inline-block;

        padding: 0;

        border-right: 1px solid #a39590;
    }
    .footer__link > li:last-child
    {
        border-right: none;
    }
    .footer__link > li > a
    {
        padding: 0 7px;
    }

    .copyright
    {
        float: none;
    }

    .scroll--top
    {
        height: 61px;
    }
    .scroll--top:after
    {
        width: 20px;
        height: 18px;

        background: url('images/sprite1-sb163e1f6b9.png') 0 -1801px;
        background-repeat: no-repeat;
        background-position: 0 -901px;
        -webkit-background-size: 137px auto;
           -moz-background-size: 137px auto;
                background-size: 137px auto;
    }
    .scroll--top:hover
    {
        background: #d9ccb9;
    }
    .scroll--top:hover:after
    {
        background: url('images/sprite1-sb163e1f6b9.png') 0 -1801px;
        background-repeat: no-repeat;
        background-position: 0 -901px;
        -webkit-background-size: 137px auto;
           -moz-background-size: 137px auto;
                background-size: 137px auto;
    }
}
.top-carousel-container
{
    position: absolute;
    top: 100px;
    left: 0;

    width: 100%;
    height: 490px;
}

.top-carousel
{
    position: relative;

    height: 490px;
    margin: auto;

    background: #e6ddcf;
}
.top-carousel .bx-pager
{
    bottom: -45px;
    left: 50%;

    width: 960px;
    margin: 0 0 0 -480px;
    padding: 15px 0 15px;

    background: #e6ddcf;
}
.top-carousel .bx-wrapper .bx-controls-direction a
{
    top: 50%;

    width: 50px;
    height: 106px;
    margin-top: -53px;

    -webkit-transition: opacity .8s cubic-bezier(.23, 1, .32, 1);
       -moz-transition: opacity .8s cubic-bezier(.23, 1, .32, 1);
            transition: opacity .8s cubic-bezier(.23, 1, .32, 1);

    opacity: 0;
    outline: 0;
}
.top-carousel .bx-wrapper .bx-controls-direction a.hover-1
{
    opacity: .5;
}
.top-carousel .bx-wrapper .bx-controls-direction a.hover-2
{
    opacity: 1;
}
.top-carousel .bx-wrapper .bx-controls-direction a.hover-3.bx-prev
{
    background: url('images/sprite2-sf4e8e8d53a.png') 0 -936px !important;
}
.top-carousel .bx-wrapper .bx-controls-direction a.hover-3.bx-next
{
    background: url('images/sprite2-sf4e8e8d53a.png') 0 -1152px;
}
.top-carousel .bx-wrapper .bx-prev
{
    left: 0;

    background: url('images/sprite2-sf4e8e8d53a.png') 0 -936px;
}
.top-carousel .bx-wrapper .bx-next
{
    right: 0;

    background: url('images/sprite2-sf4e8e8d53a.png') 0 -1152px;
}
.top-carousel .bx-wrapper .bx-pager.bx-default-pager a
{
    display: block;

    width: 15px;
    height: 15px;

    background-color: transparent;
    background-image: url('images/carousel_icon.png?1392699910');
    background-repeat: no-repeat;
}
.top-carousel .bx-wrapper .bx-pager.bx-default-pager a.bg-1
{
    background-position: 0 0;
}
.top-carousel .bx-wrapper .bx-pager.bx-default-pager a.bg-1:hover
{
    background-position: 0 -21px;
}
.top-carousel .bx-wrapper .bx-pager.bx-default-pager a.bg-1.active
{
    background-position: 0 -43px;
}
.top-carousel .bx-wrapper .bx-pager.bx-default-pager a.bg-2
{
    background-position: -30px 0;
}
.top-carousel .bx-wrapper .bx-pager.bx-default-pager a.bg-2:hover
{
    background-position: -30px -21px;
}
.top-carousel .bx-wrapper .bx-pager.bx-default-pager a.bg-2.active
{
    background-position: -30px -43px;
}
.top-carousel .bx-wrapper .bx-pager.bx-default-pager a.bg-3
{
    background-position: -60px 0;
}
.top-carousel .bx-wrapper .bx-pager.bx-default-pager a.bg-3:hover
{
    background-position: -60px -21px;
}
.top-carousel .bx-wrapper .bx-pager.bx-default-pager a.bg-3.active
{
    background-position: -60px -43px;
}
.top-carousel .bx-wrapper .bx-pager.bx-default-pager a.bg-4
{
    background-position: -90px 0;
}
.top-carousel .bx-wrapper .bx-pager.bx-default-pager a.bg-4:hover
{
    background-position: -90px -21px;
}
.top-carousel .bx-wrapper .bx-pager.bx-default-pager a.bg-4.active
{
    background-position: -90px -43px;
}
.top-carousel .bx-wrapper .bx-pager.bx-default-pager a.bg-5
{
    background-position: -120px 0;
}
.top-carousel .bx-wrapper .bx-pager.bx-default-pager a.bg-5:hover
{
    background-position: -120px -21px;
}
.top-carousel .bx-wrapper .bx-pager.bx-default-pager a.bg-5.active
{
    background-position: -120px -43px;
}
.top-carousel .bx-wrapper .bx-pager.bx-default-pager a.bg-6
{
    background-position: -150px 0;
}
.top-carousel .bx-wrapper .bx-pager.bx-default-pager a.bg-6:hover
{
    background-position: -150px -21px;
}
.top-carousel .bx-wrapper .bx-pager.bx-default-pager a.bg-6.active
{
    background-position: -150px -43px;
}
.top-carousel .bx-wrapper .bx-pager.bx-default-pager a.bg-7
{
    background-position: -180px 0;
}
.top-carousel .bx-wrapper .bx-pager.bx-default-pager a.bg-7:hover
{
    background-position: -180px -21px;
}
.top-carousel .bx-wrapper .bx-pager.bx-default-pager a.bg-7.active
{
    background-position: -180px -43px;
}
.top-carousel .bx-wrapper .bx-pager.bx-default-pager a.bg-8
{
    background-position: -210px 0;
}
.top-carousel .bx-wrapper .bx-pager.bx-default-pager a.bg-8:hover
{
    background-position: -210px -21px;
}
.top-carousel .bx-wrapper .bx-pager.bx-default-pager a.bg-8.active
{
    background-position: -210px -43px;
}
.top-carousel .bx-wrapper .bx-pager.bx-default-pager a.bg-9
{
    background-position: -240px 0;
}
.top-carousel .bx-wrapper .bx-pager.bx-default-pager a.bg-9:hover
{
    background-position: -240px -21px;
}
.top-carousel .bx-wrapper .bx-pager.bx-default-pager a.bg-9.active
{
    background-position: -240px -43px;
}
.top-carousel .bx-wrapper .bx-pager.bx-default-pager a.bg-10
{
    background-position: -270px 0;
}
.top-carousel .bx-wrapper .bx-pager.bx-default-pager a.bg-10:hover
{
    background-position: -270px -21px;
}
.top-carousel .bx-wrapper .bx-pager.bx-default-pager a.bg-10.active
{
    background-position: -270px -43px;
}

.top-carousel-inner
{
    -webkit-transition: opacity 1.5s ease-out;
       -moz-transition: opacity 1.5s ease-out;
            transition: opacity 1.5s ease-out;

    opacity: 0;
}
.top-carousel-inner.loaded
{
    opacity: 1;
}

.top-carousel__list
{
    width: 1139px;
    height: 490px;
}

.top-carousel__item > a
{
    display: block;
}

.top-carousel__image-container
{
    position: relative;

    overflow: hidden;
}

.top-carousel__image
{
    position: relative;

    width: 100%;
    height: 490px;

    -webkit-transition: -webkit-transform 2s cubic-bezier(.23, 1, .32, 1), -webkit-filter 2s cubic-bezier(.23, 1, .32, 1), filter 2s cubic-bezier(.23, 1, .32, 1);
       -moz-transition:    -moz-transform 2s cubic-bezier(.23, 1, .32, 1), -webkit-filter 2s cubic-bezier(.23, 1, .32, 1), filter 2s cubic-bezier(.23, 1, .32, 1);
            transition:         transform 2s cubic-bezier(.23, 1, .32, 1), -webkit-filter 2s cubic-bezier(.23, 1, .32, 1), filter 2s cubic-bezier(.23, 1, .32, 1);

    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.current-slide a:hover .top-carousel__image
{
    -webkit-transform: scale(1.05);
       -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);

    -webkit-filter: saturate(1.3);
}

.top-carousel__title-image
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 490px;
    margin: 0 0 0 -200px;

    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.loader
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 38px;
    height: 38px;
    margin: -19px 0 0 -19px;

    content: '';

    background-image: url('images/loader_mini.png?1392699911');
    background-repeat: no-repeat;
    background-position: 0 0;
}

.new-posts
{
    position: relative;
    z-index: 900;

    margin: 530px 0 0;
    padding: 40px 0 60px;

    background: #f0eae1;
}

.new-posts__heading
{
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600;

    margin: 0 0 35px;

    text-align: center;
}

.posts-list
{
    margin: 0 0 42px;
}
.posts-list:before, .posts-list:after
{
    display: table;

    content: '';
}
.posts-list:after
{
    clear: both;
}

.posts-item
{
    position: relative;

    float: left;

    width: 236px;
    margin: 0 2px 4px;

    background: #f5f1eb;
}
.posts-item > a
{
    color: inherit;
}

.posts-item__image
{
    overflow: hidden;

    width: 236px;
    height: 300px;
}
.posts-item__image img
{
    max-width: 100%;

    -webkit-transition: opacity .5s cubic-bezier(.23, 1, .32, 1);
       -moz-transition: opacity .5s cubic-bezier(.23, 1, .32, 1);
            transition: opacity .5s cubic-bezier(.23, 1, .32, 1);
}
a:hover .posts-item__image img
{
    opacity: .8;
}

.posts-item__text
{
    padding: 20px;

    -webkit-transition: background .5s ease-out;
       -moz-transition: background .5s ease-out;
            transition: background .5s ease-out;

    background: #f5f1eb;
}
a:hover .posts-item__text
{
    background: #e6ddce;
}

.posts-item__category--products, .posts-item__category--venues, .posts-item__category--people
{
    font-size: 12px;
    font-size: 1.2rem;

    display: inline-block;

    margin: 0 0 8px;
    padding: 0 0 3px;

    border-bottom: 2px solid transparent;
}

.posts-item__category--products
{
    border-color: #8eb861;
}

.posts-item__category--venues
{
    border-color: #61a7b8;
}

.posts-item__category--people
{
    border-color: #cf6e3b;
}

.posts-item__title, .posts-item__title--ja
{
    line-height: 1.6;

    display: block;

    padding: 0 15px 0 0;

    word-break: break-all;
}

.posts-item__title
{
    font-size: 16px;
    font-size: 1.6rem;
}

.posts-item__title--ja
{
    font-size: 14px;
    font-size: 1.4rem;

    margin: 0 0 8px;
    padding: 0;
}

.posts-item__date
{
    font-size: 10px;
    font-size: 1rem;

    color: #998282;
}

.posts-item__index--label1, .posts-item__index--label2, .posts-item__index--label3, .posts-item__index--label4, .posts-item__index--label5, .posts-item__index--label6, .posts-item__index--label7, .posts-item__index--label8, .posts-item__index--label9, .posts-item__index--label10, .posts-item__index--label11
{
    line-height: 50px;

    position: absolute;
    z-index: 3;
    top: 15px;
    left: 10px;

    width: 50px;

    text-align: center;
}

.posts-item__index--products
{
    color: #8eb861;
}

.posts-item__index--venues
{
    color: #61a7b8;
}

.posts-item__index--people
{
    color: #cf6e3b;
}

.posts-item__index--label1
{
    background: url('images/panel_icon.png?1392699912') -0 0 no-repeat;
}

.posts-item__index--label2
{
    background: url('images/panel_icon.png?1392699912') -50px 0 no-repeat;
}

.posts-item__index--label3
{
    background: url('images/panel_icon.png?1392699912') -100px 0 no-repeat;
}

.posts-item__index--label4
{
    background: url('images/panel_icon.png?1392699912') -150px 0 no-repeat;
}

.posts-item__index--label5
{
    background: url('images/panel_icon.png?1392699912') -200px 0 no-repeat;
}

.posts-item__index--label6
{
    background: url('images/panel_icon.png?1392699912') -250px 0 no-repeat;
}

.posts-item__index--label7
{
    background: url('images/panel_icon.png?1392699912') -300px 0 no-repeat;
}

.posts-item__index--label8
{
    background: url('images/panel_icon.png?1392699912') -350px 0 no-repeat;
}

.posts-item__index--label9
{
    background: url('images/panel_icon.png?1392699912') -400px 0 no-repeat;
}

.posts-item__index--label10
{
    background: url('images/panel_icon.png?1392699912') -450px 0 no-repeat;
}

.posts-item__index--label11
{
    background: url('images/panel_icon.png?1392699912') -500px 0 no-repeat;
}

.viewmore
{
    text-align: center;
}

.viewmore-button
{
    font-size: 18px;
    font-size: 1.8rem;

    position: relative;

    display: inline-block;

    padding: 0 0 0 34px;
}
.viewmore-button:before
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 21px;
    height: 17px;
    margin: -9px 0 0;

    content: '';

    background: url('images/sprite1-sb163e1f6b9.png') 0 -2138px;
}

.posts-item__button-viewmore
{
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;

    position: relative;

    display: block;

    margin: 25px 0 0;
    padding: 0 0 0 23px;
}
.posts-item__button-viewmore:before
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 16px;
    height: 14px;
    margin: -7px 0 0;

    content: '';

    background: url('images/sprite1-sb163e1f6b9.png') 0 -1838px;
}
.posts-item__button-viewmore:hover:before
{
    background: url('images/sprite1-sb163e1f6b9.png') 0 -1946px;
}

.posts-item__map-icon
{
    position: absolute;
    top: 0;
    right: 0;

    display: inline-block;

    width: 30px;
    height: 30px;

    background: url('images/sprite1-sb163e1f6b9.png') 0 -1394px;
}
.posts-item__map-icon:hover
{
    background: url('images/sprite1-sb163e1f6b9.png') 0 -1426px;
}

@media screen and (max-width: 640px)
{
    .top-carousel-container
    {
        position: static;

        height: auto;
    }

    .top-carousel
    {
        height: auto;

        border-bottom: 3px solid #d3c6b3;
    }
    .top-carousel .bx-wrapper
    {
        margin-bottom: 0;
    }
    .top-carousel .bx-pager
    {
        display: none;
    }
    .top-carousel .bx-wrapper .bx-controls-direction a
    {
        top: auto;
        bottom: 44px;

        display: block;

        width: 60px;
        height: 20px;
        margin: -30px 0 0;
        padding: 20px 0;

        opacity: 1;
        background: none;

        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    .top-carousel .bx-wrapper .bx-controls-direction a div
    {
        width: 10px;
        height: 19px;

        opacity: 1;
    }
    .top-carousel .bx-wrapper .bx-prev
    {
        left: 0;

        background: none;
    }
    .top-carousel .bx-wrapper .bx-prev div
    {
        margin: 0 0 0 10px;

        background: url('images/sprite1-sb163e1f6b9.png') 0 -2098px;
        background-repeat: no-repeat;
        background-position: 0 -1049px;
        -webkit-background-size: 137px auto;
           -moz-background-size: 137px auto;
                background-size: 137px auto;
    }
    .top-carousel .bx-wrapper .bx-next
    {
        right: 0;

        background: none;
    }
    .top-carousel .bx-wrapper .bx-next div
    {
        float: right;

        margin: 0 10px 0 0;

        background: url('images/sprite1-sb163e1f6b9.png') 0 -2018px;
        background-repeat: no-repeat;
        background-position: 0 -1009px;
        -webkit-background-size: 137px auto;
           -moz-background-size: 137px auto;
                background-size: 137px auto;
    }

    .top-carousel__list
    {
        height: auto;
    }
    .top-carousel__list .cloned
    {
        display: none !important;
    }

    .top-carousel__image
    {
        height: auto;

        background-image: none !important;
        background-repeat: no-repeat;
        background-position: 50% 0;
    }
    .current-slide a:hover .top-carousel__image
    {
        -webkit-transform: none;
           -moz-transform: none;
            -ms-transform: none;
                transform: none;
    }

    .top-carousel__title-image
    {
        display: none;
    }

    .top-carousel__image-sp
    {
        position: absolute;
        top: 0;
        left: 0;

        width: 100%;
        height: 168px;

        background-repeat: no-repeat;
        background-position: 50% 0;
        -webkit-background-size: auto 168px;
           -moz-background-size: auto 168px;
                background-size: auto 168px;
    }

    .top-carousel__text
    {
        padding: 168px 35px 5px;

        text-align: center;

        color: #c14b4b;
    }
    .top-carousel__text p
    {
        font-weight: bold;
        line-height: 1.5;
    }

    .top-carousel__title
    {
        font-size: 25px;
        font-size: 2.5rem;
        font-weight: 600;

        margin: 5px 0 0;
    }

    .top-carousel__subtitle
    {
        font-size: 13px;
        font-size: 1.3rem;
        font-weight: 600;

        margin: 0 0 5px;
    }

    .top-carousel__lead
    {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .top-carousel__lead--ja
    {
        font-size: 12px;
        font-size: 1.2rem;
    }

    .new-posts
    {
        margin: 0;
        padding: 8px 0 0;
    }

    .new-posts__heading
    {
        font-size: 15px;
        font-size: 1.5rem;

        margin: 0 0 8px;
    }

    .posts-list
    {
        margin: 0;
    }

    .posts-item
    {
        float: none;

        width: auto;
        margin: 0 0 4px;
    }
    .posts-item > a
    {
        position: relative;

        display: block;
    }
    .posts-item > a:before
    {
        position: absolute;
        top: 50%;
        right: 14px;

        display: block;

        width: 10px;
        height: 19px;
        margin: -10px 0 0 0;

        content: '';

        background: url('images/sprite1-sb163e1f6b9.png') 0 -2018px;
        background-repeat: no-repeat;
        background-position: 0 -1009px;
        -webkit-background-size: 137px auto;
           -moz-background-size: 137px auto;
                background-size: 137px auto;
    }

    .posts-item.posts-item--map
    {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        margin: 0 0 10px;
        padding: 0 0 0 48px;
    }
    .posts-item.posts-item--map:before
    {
        position: absolute;
        top: 50%;
        right: 10px;

        display: block;

        width: 10px;
        height: 19px;
        margin: -10px 0 0;

        content: '';

        background: url('images/sprite1-sb163e1f6b9.png') 0 -2018px;
        background-repeat: no-repeat;
        background-position: 0 -1009px;
        -webkit-background-size: 137px auto;
           -moz-background-size: 137px auto;
                background-size: 137px auto;
    }
    .posts-item.posts-item--map .posts-item__text
    {
        padding-bottom: 23px;
    }

    .posts-item-inner
    {
        display: -webkit-box;
        display:    -moz-box;
        display:     -ms-box;
        display:         box;

        width: 100%;
    }

    .posts-item__image
    {
        width: 130px;
        height: 130px;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
            -ms-box-flex: 0;
                box-flex: 0;
    }
    a:hover .posts-item__image img
    {
        -webkit-transform: none;
           -moz-transform: none;
            -ms-transform: none;
                transform: none;
    }

    .posts-item__text
    {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        width: 100%;
        height: auto;
        padding: 10px 40px 10px 10px;

        -webkit-box-flex: 1;
           -moz-box-flex: 1;
            -ms-box-flex: 1;
                box-flex: 1;
    }

    .posts-item__index--products, .posts-item__index--venues, .posts-item__index--people, .posts-item__index--label1, .posts-item__index--label2, .posts-item__index--label3, .posts-item__index--label4, .posts-item__index--label5, .posts-item__index--label6, .posts-item__index--label7, .posts-item__index--label8, .posts-item__index--label9, .posts-item__index--label10, .posts-item__index--label11
    {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 36px;

        position: absolute;
        top: 5px;
        left: 5px;

        width: 36px;

        text-align: center;
    }

    .posts-item__index--label1
    {
        background: url('images/panel_icon_sp.png?1392699912') -0 0 no-repeat;
        -webkit-background-size: 360px 36px;
           -moz-background-size: 360px 36px;
                background-size: 360px 36px;
    }

    .posts-item__index--label2
    {
        background: url('images/panel_icon_sp.png?1392699912') -36px 0 no-repeat;
        -webkit-background-size: 360px 36px;
           -moz-background-size: 360px 36px;
                background-size: 360px 36px;
    }

    .posts-item__index--label3
    {
        background: url('images/panel_icon_sp.png?1392699912') -72px 0 no-repeat;
        -webkit-background-size: 360px 36px;
           -moz-background-size: 360px 36px;
                background-size: 360px 36px;
    }

    .posts-item__index--label4
    {
        background: url('images/panel_icon_sp.png?1392699912') -108px 0 no-repeat;
        -webkit-background-size: 360px 36px;
           -moz-background-size: 360px 36px;
                background-size: 360px 36px;
    }

    .posts-item__index--label5
    {
        background: url('images/panel_icon_sp.png?1392699912') -144px 0 no-repeat;
        -webkit-background-size: 360px 36px;
           -moz-background-size: 360px 36px;
                background-size: 360px 36px;
    }

    .posts-item__index--label6
    {
        background: url('images/panel_icon_sp.png?1392699912') -180px 0 no-repeat;
        -webkit-background-size: 360px 36px;
           -moz-background-size: 360px 36px;
                background-size: 360px 36px;
    }

    .posts-item__index--label7
    {
        background: url('images/panel_icon_sp.png?1392699912') -216px 0 no-repeat;
        -webkit-background-size: 360px 36px;
           -moz-background-size: 360px 36px;
                background-size: 360px 36px;
    }

    .posts-item__index--label8
    {
        background: url('images/panel_icon_sp.png?1392699912') -252px 0 no-repeat;
        -webkit-background-size: 360px 36px;
           -moz-background-size: 360px 36px;
                background-size: 360px 36px;
    }

    .posts-item__index--label9
    {
        background: url('images/panel_icon_sp.png?1392699912') -288px 0 no-repeat;
        -webkit-background-size: 360px 36px;
           -moz-background-size: 360px 36px;
                background-size: 360px 36px;
    }

    .posts-item__index--label10
    {
        background: url('images/panel_icon_sp.png?1392699912') -324px 0 no-repeat;
        -webkit-background-size: 360px 36px;
           -moz-background-size: 360px 36px;
                background-size: 360px 36px;
    }

    .posts-item__index--label11
    {
        background: url('images/panel_icon_sp.png?1392699912') -360px 0 no-repeat;
        -webkit-background-size: 360px 36px;
           -moz-background-size: 360px 36px;
                background-size: 360px 36px;
    }

    .viewmore
    {
        padding: 10px;

        text-align: right;
    }

    .viewmore-button
    {
        font-size: 16px;
        font-size: 1.6rem;

        padding: 0 0 0 25px;
    }
    .viewmore-button:before
    {
        width: 11px;
        height: 9px;
        margin: -5px 0 0;

        background: url('images/sprite1-sb163e1f6b9.png') 0 -1962px;
        background-repeat: no-repeat;
        background-position: 0 -981px;
        -webkit-background-size: 137px auto;
           -moz-background-size: 137px auto;
                background-size: 137px auto;
    }

    .posts-item__button-viewmore
    {
        position: absolute;
        top: 0;
        left: 0;

        display: block;

        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;

        color: transparent;
    }
    .posts-item__button-viewmore:hover
    {
        color: transparent;
    }
    .posts-item__button-viewmore:before
    {
        display: none;
    }

    .posts-item__map-icon
    {
        top: 0;
        right: auto;
        left: 0;

        width: 34px;
        height: 33px;

        background: url('images/sprite2-sf4e8e8d53a.png') 0 -570px;
        background-repeat: no-repeat;
        background-position: 0 -285px;
        -webkit-background-size: 73px auto;
           -moz-background-size: 73px auto;
                background-size: 73px auto;
    }
    .posts-item__map-icon:hover
    {
        background: url('images/sprite2-sf4e8e8d53a.png') 0 -570px;
        background-repeat: no-repeat;
        background-position: 0 -285px;
        -webkit-background-size: 73px auto;
           -moz-background-size: 73px auto;
                background-size: 73px auto;
    }
}
.photo-tour-item
{
    position: relative;

    min-height: 370px;
    padding: 20px 0 0;
}
.photo-tour-item:hover
{
    z-index: 10;
}
.photo-tour-item > a
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: block;
    overflow: hidden;

    width: 100%;
    height: 100%;

    -webkit-transition: -webkit-transform 2s cubic-bezier(.23, 1, .32, 1), -webkit-filter 2s cubic-bezier(.23, 1, .32, 1), filter 2s cubic-bezier(.23, 1, .32, 1);
       -moz-transition:    -moz-transform 2s cubic-bezier(.23, 1, .32, 1), -webkit-filter 2s cubic-bezier(.23, 1, .32, 1), filter 2s cubic-bezier(.23, 1, .32, 1);
            transition:         transform 2s cubic-bezier(.23, 1, .32, 1), -webkit-filter 2s cubic-bezier(.23, 1, .32, 1), filter 2s cubic-bezier(.23, 1, .32, 1);
    white-space: nowrap;
    text-indent: 100%;

    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.photo-tour-item > a:hover
{
    -webkit-filter: saturate(1.3);
}
.photo-tour-item a.tour_list_image-pc {
    display: block;
}
.photo-tour-item a.tour_list_image-sp {
    display: none;
}

.photo-tour-item__box
{
    position: relative;
    z-index: 2;

    width: 300px;
    min-height: 290px;
    padding: 30px 0 30px 30px;

    background: #f5f1eb;
}

.photo-tour-item__from
{
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;

    display: inline-block;

    margin: 0 0 5px;

    color: #c34b4b;
}

.photo-tour-item__heading
{
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 600;

    margin: 0 0 5px;
    padding: 0 30px 0 0;
}

.photo-tour-item__lead, .photo-tour-item__lead--ja
{
    line-height: 1.5;

    padding: 0 30px 20px 0;

    border-bottom: 1px solid #eee8df;
}

.photo-tour-item__lead
{
    font-size: 16px;
    font-size: 1.6rem;

    margin: 0 0 20px;
}

.photo-tour-item__lead--ja
{
    font-size: 14px;
    font-size: 1.4rem;
}

.photo-tour-item__buttons
{
    position: absolute;
    bottom: 25px;

    padding: 20px 25px 0 0;
}

.photo-tour-item__button
{
    display: inline-block;

    margin: 0 0 0 2px;

    vertical-align: top;
}

@media screen and (max-width: 640px)
{
    .photo-tour-item__box
    {
        z-index: 0;

        width: auto;
        min-height: 0;
        padding: 15px 40px 15px 12px;
    }
    .photo-tour-item__box:before
    {
        position: absolute;
        right: 9px;
        bottom: 52px;

        display: block;

        width: 10px;
        height: 19px;

        content: '';

        background: url('images/sprite1-sb163e1f6b9.png') 0 -2018px;
        background-repeat: no-repeat;
        background-position: 0 -1009px;
        -webkit-background-size: 137px auto;
           -moz-background-size: 137px auto;
                background-size: 137px auto;
    }

    .photo-tour-item
    {
        min-height: 0;
        margin: 0 0 10px;
        padding: 170px 0 0;
    }
    .photo-tour-item a
    {
        background-position: 50% 0;
        -webkit-background-size: auto 170px;
           -moz-background-size: auto 170px;
                background-size: auto 170px;
    }
    .photo-tour-item a.tour_list_image-pc {
        display: none;
    }
    .photo-tour-item a.tour_list_image-sp {
        display: block;
    }
    .photo-tour-item__from
    {
        font-size: 13px;
        font-size: 1.3rem;
    }

    .photo-tour-item__heading
    {
        font-size: 19px;
        font-size: 1.9rem;
    }

    .photo-tour-item__buttons
    {
        display: none;
    }

    .photo-tour-item__lead, .photo-tour-item__lead--ja
    {
        padding: 0;

        border: none;
    }

    .photo-tour-item__lead
    {
        font-size: 14px;
        font-size: 1.4rem;

        margin: 0 0 5px;
    }

    .photo-tour-item__lead--ja
    {
        font-size: 13px;
        font-size: 1.3rem;
    }
}
.login
{
    position: relative;

    width: 560px;
    margin: auto;
    padding: 55px 70px 60px;

    text-align: center;

    background: #fff;
}

.login__heading
{
    font-size: 30px;
    font-size: 3rem;
    font-weight: 300;

    margin: 0 0 30px;

    color: #c34b4b;
}

.login__lead
{
    font-size: 16px;
    font-size: 1.6rem;

    margin: 0 0 50px;
}

.login__animation
{
    display: inline-block;

    width: 310px;
    height: 200px;
    margin: 0 0 60px;

    background-image: url('images/login_animation.png?1392699920');
    background-repeat: no-repeat;
    background-position: -2170px -400px;
}

.login__buttons:before, .login__buttons:after
{
    display: table;

    content: '';
}
.login__buttons:after
{
    clear: both;
}

.login__button--facebook, .login__button--googleplus
{
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;

    position: relative;

    width: 213px;
    height: 42px;
    padding: 10px 0 10px 57px;

    text-align: left;

    color: #fff;
}
.login__button--facebook:hover, .login__button--googleplus:hover
{
    color: #fff;
}
.login__button--facebook:before, .login__button--googleplus:before
{
    position: absolute;

    display: block;

    content: '';
}
.login__button--facebook > span, .login__button--googleplus > span
{
    line-height: 1.8;

    display: inline-block;

    height: 43px;
    padding: 0 0 0 20px;

    border-left: 1px solid #fff;
}

.login__button--facebook
{
    float: left;

    background: #3b5996;
}
.login__button--facebook:hover
{
    background: #244472;
}
.login__button--facebook:before
{
    top: 50%;
    left: 22px;

    width: 12px;
    height: 20px;
    margin: -11px 0 0;

    background: url('images/sprite1-sb163e1f6b9.png') 0 -1854px;
}

.login__button--googleplus
{
    float: right;

    background: #c34b4b;
}
.login__button--googleplus:hover
{
    background: #a32b2b;
}
.login__button--googleplus:before
{
    top: 50%;
    left: 20px;

    width: 22px;
    height: 20px;
    margin: -10px 0 0;

    background: url('images/sprite1-sb163e1f6b9.png') 0 -928px;
}

@media screen and (max-width: 640px)
{
    .login
    {
        width: auto;
        margin: 0 10px;
        padding: 30px 15px 20px;
    }

    .login__heading
    {
        font-size: 24px;
        font-size: 2.4rem;

        margin: 0 0 24px;
    }

    .login__lead
    {
        font-size: 14px;
        font-size: 1.4rem;

        margin: 0 0 20px;
    }

    .login__animation
    {
        display: none;
    }

    .login__button--facebook, .login__button--googleplus
    {
        display: block;
        float: none;

        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        width: auto;
        height: auto;
        margin: 0 0 4px;
        padding: 10px 0 10px 57px;
    }
    .login__button--facebook:last-child, .login__button--googleplus:last-child
    {
        margin: 0;
    }

    .login__button--facebook:before
    {
        width: 10px;
        height: 19px;
        margin: -9px 0 0;

        background: url('images/sprite2-sf4e8e8d53a.png') 0 -788px;
        background-repeat: no-repeat;
        background-position: 0 -394px;
        -webkit-background-size: 73px auto;
           -moz-background-size: 73px auto;
                background-size: 73px auto;
    }

    .login__button--googleplus:before
    {
        width: 22px;
        height: 19px;
        margin: -9px 0 0;

        background: url('images/sprite2-sf4e8e8d53a.png') 0 -530px;
        background-repeat: no-repeat;
        background-position: 0 -265px;
        -webkit-background-size: 73px auto;
           -moz-background-size: 73px auto;
                background-size: 73px auto;
    }
}
.article-100tokyo
{
    padding: 0 0 40px;

    border-bottom: 1px solid #e6ddcf;
}

.hash-100tokyo__lead
{
    font-size: 30px;
    font-size: 3rem;
    font-weight: 300;
    line-height: 1.3;

    margin: 0 0 15px;
}

.hash-100tokyo__lead--ja
{
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;

    margin: 0 0 40px;
}

.hash-100tokyo__item
{
    margin: 0 0 20px;

    background: #e6ddcf;
}
.hash-100tokyo__item:last-child
{
    margin: 0;
}

.hash-100tokyo__image
{
    position: relative;

    display: table;

    width: 100%;

    border-bottom: 1px solid #f5f1eb;
}

.hash-100tokyo__image-container
{
    display: table-cell;

    width: 100%;
    height: 400px;

    text-align: center;
    vertical-align: middle;
}

.hash-100tokyo__item-meta
{
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;

    padding: 14px 12px;
}

.hash-100tokyo__comment
{
    padding: 0 0 12px;

    border-bottom: 1px solid #f5f1eb;
}
.hash-100tokyo__comment:before, .hash-100tokyo__comment:after
{
    display: table;

    content: '';
}
.hash-100tokyo__comment:after
{
    clear: both;
}

.hash-100tokyo__comment-text
{
    float: left;
}

.hash-100tokyo__comment-meta
{
    float: right;

    color: #b09f7f;
}
.hash-100tokyo__comment-meta > a
{
    text-decoration: underline;

    color: inherit;
}
.hash-100tokyo__comment-meta > a:hover
{
    text-decoration: none;
}

.hash-100tokyo__post-data
{
    padding: 12px 0 0;
}
.hash-100tokyo__post-data:before, .hash-100tokyo__post-data:after
{
    display: table;

    content: '';
}
.hash-100tokyo__post-data:after
{
    clear: both;
}
.hash-100tokyo__post-data > .data
{
    float: left;
}
.hash-100tokyo__post-data > .data > .data-image
{
    display: table-cell;

    vertical-align: top;
}
.hash-100tokyo__post-data > .data > .data-text
{
    font-weight: 400;

    display: table-cell;

    padding: 0 0 0 12px;

    vertical-align: top;
}
.hash-100tokyo__post-data > .data > .data-text > a
{
    text-decoration: underline;
}
.hash-100tokyo__post-data > .data > .data-text > a:hover
{
    text-decoration: none;
}

.hash-100tokyo__buttons
{
    display: inline-block;
    float: right;
}

.hash-100tokyo__button
{
    display: inline-block;

    vertical-align: top;
}

@media screen and (max-width: 640px)
{
    .hash-100tokyo__lead
    {
        font-size: 24px;
        font-size: 2.4rem;

        margin: 0 0 15px;
    }

    .hash-100tokyo__lead--ja
    {
        font-size: 14px;
        font-size: 1.4rem;

        margin: 0 0 40px;
    }

    .hash-100tokyo__item
    {
        margin: 0 0 10px;
    }

    .hash-100tokyo__image-container
    {
        height: auto;
    }
    .hash-100tokyo__image-container img
    {
        max-width: 100%;
    }

    .hash-100tokyo__item-meta
    {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.5;

        padding: 11px;
    }

    .hash-100tokyo__comment-text
    {
        float: none;
    }

    .hash-100tokyo__comment-meta
    {
        float: none;
    }

    .hash-100tokyo__post-data > .data
    {
        float: none;
    }

    .hash-100tokyo__buttons
    {
        float: none;

        padding: 12px 0 0;
    }
}
.link-item
{
    display: table;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 40px 0;

    border-bottom: 1px solid #e6ddcf;
}

.link-item__image
{
    display: table-cell;

    width: 220px;
    height: 211px;

    vertical-align: top;
}
.link-item__image img
{
    max-width: 100%;
}

.link-item__text
{
    padding: 0 0 0 20px;
}

.link-item__tag
{
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;

    display: inline-block;

    margin: 0 5px 5px 0;
    padding: 0 3px;

    background: #e6ddcf;
}

.link-item__name
{
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 600;

    display: block;

    padding: 15px 0;
}

.link-item__lead, .link-item__lead--ja
{
    line-height: 1.5;

    margin: 0 0 20px;
}

.link-item__lead
{
    font-size: 16px;
    font-size: 1.6rem;
}

.link-item__lead--ja
{
    font-size: 14px;
    font-size: 1.4rem;
}

.link-item__url
{
    font-size: 14px;
    font-size: 1.4rem;

    text-decoration: underline;
    word-break: break-all;

    color: #c56d2d;
}
.link-item__url:hover
{
    text-decoration: none;

    color: #4d3636;
}

@media screen and (max-width: 640px)
{
    .link-item
    {
        padding: 12px 10px;
    }

    .link-item__image
    {
        width: 70px;
        min-width: 70px;
    }

    .link-item__name
    {
        font-size: 19px;
        font-size: 1.9rem;

        padding: 10px 0;
    }

    .link-item__lead, .link-item__lead--ja
    {
        margin: 0 0 5px;
    }

    .link-item__lead
    {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .link-item__lead--ja
    {
        font-size: 13px;
        font-size: 1.3rem;
    }
}
.index-100tokyo
{
    border-bottom: 1px solid #e6ddcf;
}

.popular-posts
{
    padding: 40px 0 85px;
}

.events-item
{
    display: table;

    width: 100%;
    padding: 40px 0;

    border-bottom: 1px solid #e6ddcf;
}

.events-item__image
{
    display: table-cell;

    width: 220px;
    height: 211px;

    vertical-align: top;
}
.events-item__image img
{
    max-width: 100%;
}
.events-item__image figurecaption
{
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 600;

    display: block;

    padding: 10px 0;

    text-align: center;

    background: #e6ddcf;
}

.events-item__text
{
    padding: 0 0 0 20px;
}

.events-item__ended, .ended
{
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;

    display: block;

    margin: 0 0 20px;
    padding: 10px 15px;

    color: #f5f1eb;
    background: #b39e7d;
}

.events-item__tag-container
{
    width: 500px;
}

.events-item__tag, .tag, .events-item__tag--event, .events-item__tag--products, .events-item__tag--venues, .events-item__tag--people, .article-side__tag--event, .article-side__tag--products, .article-side__tag--venues, .article-side__tag--people, .article-side__tag
{
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;

    display: inline-block;

    margin: 0 5px 5px 0;
    padding: 0 3px;

    background: #e6ddcf;
}

.events-item__tag--event, .events-item__tag--products, .events-item__tag--venues, .events-item__tag--people, .article-side__tag--event, .article-side__tag--products, .article-side__tag--venues, .article-side__tag--people
{
    position: relative;
    top: -2px;

    padding: 0;

    border-bottom: 2px solid transparent;
    background: transparent;
}

.events-item__tag--event
{
    border-color: #8eb861;
}

.events-item__tag--products
{
    border-color: #8eb861;
}

.events-item__tag--venues
{
    border-color: #61a7b8;
}

.events-item__tag--people
{
    border-color: #cf6e3b;
}

.events-item__name
{
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 600;

    display: block;

    padding: 10px 250px 15px 0;
}

.events-item__name--ja
{
    font-size: 12px;
    font-size: 1.2rem;

    margin: 0 0 20px;
}

.events-item__lead, .events-item__lead--mytokyo
{
    line-height: 1.5;

    margin: 0 0 20px;

    word-break: break-all;
}

.events-item__lead
{
    font-size: 16px;
    font-size: 1.6rem;
}

.events-item__lead--mytokyo
{
    font-size: 16px;
    font-size: 1.6rem;
}

.events-item__detail
{
    padding: 20px;

    background: #f5f1eb;
}
.events-item__detail dl
{
    font-size: 14px;
    font-size: 1.4rem;
}
.events-item__detail dt
{
    font-weight: 400;

    float: left;
    clear: both;
}
.events-item__detail dd
{
    margin: 0 0 20px;
    padding: 0 0 0 135px;
}

.events-item__detail-button
{
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;

    position: relative;

    padding: 0 0 0 35px;
}
.events-item__detail-button:before
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 21px;
    height: 17px;
    margin: -8px 0 0;

    content: '';

    background: url('images/sprite1-sb163e1f6b9.png') 0 -2138px;
}

/*
  sample
*/
@media screen and (max-width: 640px)
{
    .events-item__tag-container
    {
        width: auto;
    }

    .events-item
    {
        position: relative;

        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        padding: 12px 0 12px 10px;
    }
    .events-item:before
    {
        position: absolute;
        top: 50%;
        right: 10px;

        display: block;

        width: 10px;
        height: 19px;
        margin: -10px 0 0;

        content: '';

        background: url('images/sprite1-sb163e1f6b9.png') 0 -2018px;
        background-repeat: no-repeat;
        background-position: 0 -1009px;
        -webkit-background-size: 137px auto;
           -moz-background-size: 137px auto;
                background-size: 137px auto;
    }

    .events-item--save
    {
        padding: 12px 0 46px 10px;
    }

    .events-item__image
    {
        width: 70px;
        min-width: 70px;
        height: auto;
    }
    .events-item__image figurecaption
    {
        font-size: 12px;
        font-size: 1.2rem;

        padding: 5px 0;
    }

    .events-item__ended
    {
        font-size: 14px;
        font-size: 1.4rem;

        margin: 0 0 10px;
        padding: 8px 10px;
    }

    .events-item__text
    {
        padding: 0 25px 0 20px;
    }

    .events-item__name
    {
        font-size: 16px;
        font-size: 1.6rem;

        padding: 5px 5px 10px 0;
    }

    .events-item__name--ja
    {
        margin: 0 0 10px;
        padding: 0 5px 0 0;
    }

    .events-item__lead--mytokyo
    {
        font-size: 13px;
        font-size: 1.3rem;
    }

    .events-item__detail
    {
        padding: 0;

        background: transparent;
    }
    .events-item__detail dl
    {
        display: none;
    }

    .events-item__detail-button
    {
        position: absolute;
        top: 0;
        left: 0;

        display: block;

        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        width: 100%;
        height: 100%;
        padding: 0;

        color: transparent;
        background: transparent;
    }
    .events-item__detail-button:hover
    {
        color: transparent;
        background: transparent;
    }
    .events-item__detail-button:before
    {
        display: none;
    }
}
.posts-item--map
{
    margin-bottom: 20px;
}

.about
{
    padding: 0 0 50px;
}

.about-image
{
    display: block;

    margin: 0 0 40px;
}
.about-image > img
{
    max-width: 100%;
}

.credit
{
    padding: 40px 0;

    text-align: center;
}

.credit-item
{
    display: inline-block;

    margin: 0 50px;
}

.credit-item__text
{
    font-size: 12px;
    font-size: 1.2rem;

    display: block;

    margin: 0 0 38px;
}

.credit-item__logo
{
    display: inline-block;
    overflow: hidden;

    white-space: nowrap;
    text-indent: 100%;
}

.credit-item__logo--meti
{
    width: 274px;
    height: 76px;
    margin: 0 0 38px;

    background: url('images/sprite1-sb163e1f6b9.png') 0 0;
}

.credit-item__logo--cinra
{
    width: 122px;
    height: 36px;
    margin: 20px 0 58px;

    background: url('images/sprite1-sb163e1f6b9.png') 0 -136px;
}

.credit-item__link
{
    font-size: 12px;
    font-size: 1.2rem;

    padding: 5px 10px;

    color: #806640;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    background: #f5f1eb;

        -ms-border-radius: 3px;
}
.credit-item__link:hover
{
    color: #806640;
    background: #d3c4b2;
}

.supporter-list
{
    margin: 0 0 20px;
    padding: 20px 0 0;

    background: #f5f1eb;
}
.supporter-list:before, .supporter-list:after
{
    display: table;

    content: '';
}
.supporter-list:after
{
    clear: both;
}

.supporter-item
{
    float: left;

    width: 200px;
    min-height: 230px;
    margin: 0 20px 20px;
}

.supporter-item__image
{
    margin: 0 0 15px;
}
.supporter-item__image > a
{
    display: block;
}
.supporter-item__image img
{
    display: block;

    max-width: 100%;
}

.supporter-item__text > a
{
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;

    position: relative;

    display: inline-block;

    padding: 0 0 0 25px;
}
.supporter-item__text > a:before
{
    position: absolute;
    top: 3px;
    left: 0;

    display: block;

    width: 16px;
    height: 14px;
    margin: 0;

    content: '';

    background: url('images/sprite1-sb163e1f6b9.png') 0 -1838px;
}
.supporter-item__text > a:hover:before
{
    background: url('images/sprite1-sb163e1f6b9.png') 0 -1946px;
}

@media screen and (max-width: 640px)
{
    .about
    {
        padding: 0 0 20px;
    }

    .credit
    {
        margin: 0 10px;
        padding: 0;
    }

    .credit-item
    {
        display: block;

        margin: 0 0 15px;
        padding: 20px 0;

        border-bottom: 1px solid #d7cab7;
    }
    .credit-item:last-child
    {
        margin: 0;
        padding: 0 0 20px;

        border-bottom: none;
    }

    .credit-item__text
    {
        margin: 0 0 15px;
    }

    .credit-item__logo
    {
        margin: 0 0 15px;
    }

    .supporter-heading
    {
        font-size: 16px;
        font-size: 1.6rem;

        margin: 0 0 15px;
        padding: 15px 0 0;
    }

    .supporter-list
    {
        margin: 0 0 10px;
        padding: 10px 0 0;
    }

    .supporter-item
    {
        width: 50%;
        min-height: 180px;
        margin: 0 0 10px;
    }

    .supporter-item__image
    {
        margin: 0 10px 10px;
    }

    .supporter-item__text
    {
        padding: 0 10px;
    }
    .supporter-item__text > a
    {
        padding: 0 0 0 20px;
    }
    .supporter-item__text > a:before
    {
        top: 4px;

        display: block;

        width: 13px;
        height: 10px;

        background: url('images/sprite1-sb163e1f6b9.png') 0 -1962px;
        background-repeat: no-repeat;
        background-position: 0 -981px;
        -webkit-background-size: 137px auto;
           -moz-background-size: 137px auto;
                background-size: 137px auto;
    }
    .supporter-item__text > a:hover:before
    {
        background: url('images/sprite1-sb163e1f6b9.png') 0 -1962px;
        background-repeat: no-repeat;
        background-position: 0 -981px;
        -webkit-background-size: 137px auto;
           -moz-background-size: 137px auto;
                background-size: 137px auto;
    }

    .contact
    {
        padding: 10px 10px 0;
    }
}
.with-recommend
{
    padding: 0 0 60px;

    border-bottom: 1px solid #e6ddcf;
}

.article-top
{
    position: relative;

    margin: 0 0 30px;
}

.article-main
{
    display: table-cell;

    min-width: 680px;

    vertical-align: top;
}

.article-side
{
    position: relative;

    display: table-cell;

    width: 280px;
    max-width: 280px;
    height: 100%;

    vertical-align: top;
    word-wrap: break-word;

    background: #e6ddcf;
}
.article-side a
{
    color: #c54b4b;
}
.article-side dd a
{
    display: block;

    margin-bottom: 5px;
}

.article-side--top
{
    padding: 0 0 295px;
}

.article-side--bottom
{
    padding: 30px;
}

.article-side__titles
{
    position: relative;

    padding: 30px;
}

.article-index-container
{
    margin: 0 0 15px;

    text-align: right;
}

.article-index
{
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 73px;

    display: inline-block;

    width: 65px;
    height: 78px;

    text-align: center;

    color: #e3dacc;
    background: url('images/sprite2-sf4e8e8d53a.png') 0 -380px;
}

.article-main-inner,
.article-side-inner
{
    margin: 0 30px 30px 0;
}

.article-side__heading
{
    font-size: 30px;
    font-size: 3rem;
    font-weight: 300;

    margin: 0 0 10px;
}

.article-side__heading--ja
{
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;

    margin: 0 0 10px;
}

.article-side__tag
{
    background: #eee8df;
}

.article-side__tag--event
{
    border-color: #8eb861;
}

.article-side__tag--products
{
    border-color: #8eb861;
}

.article-side__tag--venues
{
    border-color: #61a7b8;
}

.article-side__tag--people
{
    border-color: #cf6e3b;
}

.article-sns
{
    position: absolute;
    right: 0;
    bottom: 0;

    margin: 0 0 0 30px;
    padding: 30px 30px 20px 0;

    border-top: 1px solid #f1ede7;
}

.article-sns-table
{
    display: table;

    width: 210px;
    max-height: 162px;
    margin: 20px 0 0;
}
.article-sns-table .row1
{
    border-bottom: 1px solid #f1ede7;
}
.article-sns-table .col1
{
    border-right: 1px solid #f1ede7;
}

.article-sns__row
{
    display: table-row;
}

.article-sns__col
{
    display: table-cell;

    padding: 10px 0;

    text-align: center;
    vertical-align: top;
}

.article__subheading
{
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;

    margin: 0 0 20px;

    color: #806640;
}

.article-image
{
    background: #f5f1eb;
}
.article-image img
{
    max-width: 100%;
}
.article-image figurecaption
{
    display: block;

    padding: 15px;

    text-align: left;

    background: #f1ede7;
}
.article-image .caption
{
    font-size: 14px;
    font-size: 1.4rem;

    margin: 0 0 10px;
}
.article-image .caption--ja
{
    font-size: 12px;
    font-size: 1.2rem;
}

.article-image__inner
{
    overflow: hidden;

    width: 680px;
    height: 500px;
}

.slider-figure
{
    position: relative;
}

.article-image__item
{
    display: none;
    overflow: hidden;

    text-align: center;
}

.article-carousel
{
    position: relative;

    margin: 0 30px 0 0;
    padding: 35px 0 20px;

    border-bottom: 1px solid #d7cab7;
}
.article-carousel ul
{
    text-align: center;
}
.article-carousel ul:before, .article-carousel ul:after
{
    display: table;

    content: '';
}
.article-carousel ul:after
{
    clear: both;
}

.article-carousel__mask
{
    overflow: hidden;

    width: 530px;
    margin: 0 60px;
}

.article-carousel__item
{
    display: inline-block;
    overflow: hidden;

    width: 80px;
    height: 60px;
    margin: 0 18px 0 0;

    cursor: pointer;
}
.article-carousel__item.article-carousel__item--current img
{
    border-color: #c34b4b;
}
.article-carousel__item img
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 100%;

    border: 1px solid transparent;
}

.article-carousel__prev, .article-carousel__next
{
    position: absolute;
    z-index: 100;
    top: 50%;

    display: block;
    overflow: hidden;

    width: 14px;
    height: 26px;
    margin: -13px 0 0;

    cursor: pointer;
    white-space: nowrap;
    text-indent: 100%;
}

.article-carousel__prev
{
    left: 10px;

    background: url('images/sprite2-sf4e8e8d53a.png') 0 -1301px;
}

.article-carousel__next
{
    right: 10px;

    background: url('images/sprite2-sf4e8e8d53a.png') 0 -1437px;
}

.detail-text
{
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.6;

    margin: 0 0 50px;
}

.detail-text--ja
{
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6;
}

.article-data dt
{
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;

    margin: 0 0 5px;

    color: #4d3636;
}
.article-data dd
{
    margin: 0 0 15px;
}

.detail-map
{
    overflow: hidden;

    width: 220px;
    height: 220px;
    margin: 0 0 10px;
}

.recommend
{
    padding: 0 0 60px;
}

@media screen and (max-width: 640px)
{
    .with-recommend
    {
        padding: 0;
    }

    .article--top
    {
        margin: 0;
    }

    .article-main
    {
        display: block;

        min-width: 0;
    }

    .article-side
    {
        display: block;

        width: auto;
        max-width: 100%;

        background: #ece6dd;
    }

    .article-side--top
    {
        padding-bottom: 0;

        background: #e3dacc;
    }

    .article-side--bottom
    {
        padding: 10px 10px 19px;
    }

    .heading-container
    {
        padding: 0 100px 0 0;
    }

    .article-side__titles
    {
        padding: 10px 10px 0;
    }

    .article-index-container
    {
        position: absolute;
        top: 20px;
        right: 12px;

        margin: 0;
    }

    .article-index
    {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 53px;

        width: 53px;
        height: 58px;

        background: url('images/sprite2-sf4e8e8d53a.png') 0 -262px;
        background-repeat: no-repeat;
        background-position: 0 -131px;
        -webkit-background-size: 73px auto;
           -moz-background-size: 73px auto;
                background-size: 73px auto;
    }

    .article-main-inner
    {
        margin: 0 0 20px 0;
    }

    .article-sns
    {
        position: static;

        margin: 0;
        padding: 20px 0;

        text-align: center;

        border-top: none;
    }

    .article-sns-table
    {
        display: block;

        width: auto;
        max-height: auto;
        margin: 0;
        padding: 20px 0 0;
    }
    .article-sns-table .row1
    {
        border-bottom: none;
    }
    .article-sns-table .col1
    {
        border-right: none;
    }

    .article-sns__row
    {
        display: inline-block;
    }

    .article-sns__col
    {
        padding: 0 3px 0;
    }

    .detail-text, .detail-text--ja
    {
        line-height: 1.6;

        padding: 10px 0;

        border-bottom: 1px solid #ebe5dc;
    }

    .article-image__inner
    {
        width: auto;
        height: 300px;
    }
    .article-image__inner img
    {
        max-height: 300px;
    }

    .article-carousel
    {
        overflow: hidden;

        height: 60px;
        margin: auto;
        padding: 10px 0;
    }

    .article-carousel__mask
    {
        width: 260px;
        margin: 0 auto;
    }

    .article-carousel__item
    {
        float: left;

        margin: 0 2px 0 3px;

        pointer-events: none;

        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    .article-carousel__item img
    {
        width: 80px;
    }
    .article-carousel__item a
    {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    .article-carousel__prev, .article-carousel__next
    {
        top: 10px;

        width: 10px;
        height: 19px;
        margin: 0;
        padding: 20px;

        background: none;
    }
    .article-carousel__prev:before, .article-carousel__next:before
    {
        position: absolute;
        top: 50%;

        display: block;

        width: 10px;
        height: 19px;
        margin: -9px 0 0;

        content: '';
    }

    .article-carousel__prev
    {
        left: 0;
    }
    .article-carousel__prev:before
    {
        left: 10px;

        background: url('images/sprite1-sb163e1f6b9.png') 0 -2098px;
        background-repeat: no-repeat;
        background-position: 0 -1049px;
        -webkit-background-size: 137px auto;
           -moz-background-size: 137px auto;
                background-size: 137px auto;
    }

    .article-carousel__next
    {
        right: 0;
    }
    .article-carousel__next:before
    {
        right: 10px;

        background: url('images/sprite1-sb163e1f6b9.png') 0 -2018px;
        background-repeat: no-repeat;
        background-position: 0 -1009px;
        -webkit-background-size: 137px auto;
           -moz-background-size: 137px auto;
                background-size: 137px auto;
    }

    .detail-text
    {
        font-size: 16px;
        font-size: 1.6rem;

        margin: 0;
    }

    .detail-text--ja
    {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .detail-map
    {
        width: 100%;
        height: 200px;
    }

    .recommend
    {
        padding: 0;
    }
}
.texts
{
    padding: 0 0 55px;

    border-bottom: 1px solid #d7cab7;
}

.texts--ja
{
    padding: 50px 0 55px;
}

.text-block
{
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;

    margin: 0 0 50px;
}
.text-block:last-child
{
    margin: 0 0 0;
}
.text-block dt
{
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 400;

    margin: 0 0 25px;

    color: #806640;
}
.text-block ul
{
    margin: 0 0 30px;
}
.text-block ul:last-child
{
    margin: 0 0 0;
}
.text-block li
{
    margin: 0 0 0 1em;

    list-style-type: disc;
}
.text-block a
{
    color: #c34b4b;
}
.text-block a:hover
{
    text-decoration: underline;
}
.text-block b
{
    font-weight: 600;

    color: #c34b4b;
}
.text-block em
{
    font-weight: bold;
}

.paragraph
{
    margin: 0 0 25px;
}
.paragraph:last-child
{
    margin: 0 0 0;
}
.texts--ja .paragraph
{
    text-indent: 1em;
}

.lead
{
    margin: 0 0 25px;
}

.update
{
    margin: 0 0 25px;
}

.note
{
    margin: 0 0 30px 1em;
}

.title
{
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: 400;

    margin: 0 0 20px;
}

@media screen and (max-width: 640px)
{
    .texts,
  .texts--ja
    {
        padding: 0 10px 25px;
    }

    .texts--ja
    {
        padding-top: 20px;
    }

    .text-block
    {
        margin: 0 0 20px;
    }
    .text-block dt
    {
        font-size: 21px;
        font-size: 2.1rem;
    }
}
.photo-tour-article
{
    position: relative;

    padding: 0 0 180px;

    border-bottom: 1px solid #d7cab7;
}
.photo-tour-article:after
{
    position: absolute;
    bottom: 64px;
    left: 50%;

    display: block;

    width: 56px;
    height: 56px;
    margin: 0 0 0 -28px;

    content: '';

    background: url('images/sprite1-sb163e1f6b9.png') 0 -78px;
}

.photo-tour-article__image
{
    height: 490px;
    margin: 0 0 20px;

    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.photo-tour-article__title-image
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 490px;
    margin: 0 0 0 -200px;

    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.photo-tour-article__image-sp {
    display: none;
}

.photo-tour-article-figure
{
    padding: 0 0 30px;

    border-bottom: 1px solid #d7cab7;
}
.photo-tour-article-figure:before, .photo-tour-article-figure:after
{
    display: table;

    content: '';
}
.photo-tour-article-figure:after
{
    clear: both;
}
.photo-tour-article-figure figurecaption
{
    font-size: 12px;
    font-size: 1.2rem;

    display: inline-block;
    float: left;
}
.photo-tour-article-figure figurecaption > div:first-child
{
    margin: 0 0 5px;
}

.photo-tour-article__buttons
{
    display: inline-block;
    float: right;
}

.photo-tour-article__button
{
    display: inline-block;

    margin: 0 0 0 2px;

    vertical-align: top;
}

.article-col2:before, .article-col2:after
{
    display: table;

    content: '';
}
.article-col2:after
{
    clear: both;
}

.article-col2__box--left, .article-col2__box--right
{
    width: 460px;
}

.article-col2__box--left
{
    float: left;
}

.article-col2__box--right
{
    float: right;
}

.article-figure
{
    margin: 0 0 30px;
}
.article-figure img
{
    max-width: 100%;
}

.shop
{
    margin: 0 0 30px;
}
.shop:before, .shop:after
{
    display: table;

    content: '';
}
.shop:after
{
    clear: both;
}

.shop__image img
{
    max-width: 100%;
}

.shop__information
{
    font-size: 14px;
    font-size: 1.4rem;

    padding: 15px 15px 5px;

    background: #e4dbcc;
}
.shop__information dt
{
    font-weight: 400;

    float: left;
}
.shop__information dd
{
    margin: 0 0 15px;
    padding: 0 0 0 135px;
}
.shop__information dd a
{
    color: #c54b4b;
}
.shop__information .shop-title
{
    font-size: 26px;
    font-size: 2.6rem;

    margin: 0;
}
.shop__information .shop-title--ja
{
    margin: 0 0 20px;
}

.shop-contents
{
    padding: 0 0 55px;

    border-bottom: 1px solid #d7cab7;
}
.shop-contents:before, .shop-contents:after
{
    display: table;

    content: '';
}
.shop-contents:after
{
    clear: both;
}

.shop-text
{
    float: left;

    width: 610px;
}

.shop-images
{
    float: right;

    width: 310px;
}
.shop-images img
{
    max-width: 100%;
}

.shop-images__item
{
    position: relative;

    overflow: hidden;

    width: 310px;
    height: 310px;
    margin: 0 0 20px;
}
.shop-images__item img
{
    max-width: 100%;
}

.instagram-icon
{
    position: absolute;
    bottom: 0;
    left: 0;

    display: block;

    width: 34px;
    height: 34px;

    background: url('images/sprite2-sf4e8e8d53a.png') 0 -724px;
}

.route
{
    margin: 0 0 30px;
    padding: 30px 0;

    border-top: 1px solid #d7cab7;
    border-bottom: 1px solid #d7cab7;
}

.route__heading
{
    font-size: 18px;
    font-size: 1.8rem;

    margin: 0 0 15px;

    color: #806640;
}

.route__list
{
    font-size: 16px;
    font-size: 1.6rem;
}
.route__list li
{
    line-height: 1.8;

    display: inline;
}
.route__list li:after
{
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;

    padding: 0 5px;

    content: '>';

    color: #4d3636;
}
.route__list .last-child:after
{
    display: none;
}
.route__list a
{
    text-decoration: none;

    color: #c34b4b;
}
.route__list a:hover
{
    text-decoration: underline;
}

@media screen and (max-width: 640px)
{
    .photo-tour-article
    {
        padding: 0 0 120px;
    }
    .photo-tour-article:after
    {
        bottom: 34px;

        background-position: 0 -78px;
    }
    .photo-tour-article .button-save
    {
        display: block;

        margin: auto;
    }

    .article-col2__box--left, .article-col2__box--right
    {
        float: none;

        width: auto;
    }

    .photo-tour-article__image
    {
        height: 178px;
        margin: 0 0 20px;

        -webkit-background-size: auto 178px;
           -moz-background-size: auto 178px;
                background-size: auto 178px;

        background-image: none !important;
        display: none;
    }

    .photo-tour-article__title-image
    {
        height: 170px;
        margin-left: -80px;

        -webkit-background-size: 160px auto;
           -moz-background-size: 160px auto;
                background-size: 160px auto;
    }

    .photo-tour-article__image-sp
    {
        height: 170px;
        margin: 0 0 20px;

        -webkit-background-size: auto 170px;
           -moz-background-size: auto 170px;
                background-size: auto 170px;

        background-repeat: no-repeat;
        background-position: 50% 50%;

        display: block;
    }

    .photo-tour-article-figure
    {
        padding: 0 0 25px;
    }
    .photo-tour-article-figure figurecaption
    {
        display: block;
        float: none;
    }
    .photo-tour-article-figure figurecaption > div
    {
        margin: 0 0 5px;
    }

    .photo-tour-article__buttons
    {
        display: block;
        float: none;
    }

    .shop
    {
        margin: 0;
    }

    .shop-contents
    {
        padding: 0 0 15px;
    }

    .shop-text
    {
        float: none;

        width: auto;
    }

    .shop-images
    {
        float: none;

        width: auto;
    }

    .shop-images__item
    {
        width: auto;
        height: auto;
        margin: 0 0 15px;
    }

    .shop__information
    {
        margin: 0 0 10px;
        padding: 15px;
    }
    .shop__information dt
    {
        float: none;

        margin: 0 0 5px;
    }
    .shop__information dd
    {
        margin: 0 0 15px;
        padding: 0;
    }
    .shop__information .shop-title
    {
        font-size: 22px;
        font-size: 2.2rem;

        margin: 0 0 10px;
    }
    .shop__information .shop-title--ja
    {
        margin: 0 0 20px;
    }

    .instagram-icon
    {
        background: url('images/sprite2-sf4e8e8d53a.png') 0 -460px;
        background-repeat: no-repeat;
        background-position: 0 -230px;
        -webkit-background-size: 73px auto;
           -moz-background-size: 73px auto;
                background-size: 73px auto;
    }

    .route
    {
        margin: 0 0 15px;
        padding: 15px 0 15px;
    }

    .route__heading
    {
        margin: 0 0 10px;
    }

    .route__list
    {
        font-size: 14px;
        font-size: 1.4rem;
    }
    .route__list li:after
    {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
.not-found
{
    padding: 0 0 120px;
}

.map.mt
{
    margin-top: 20px !important;
}
.map.pt
{
    padding-top: 20px !important;
}
.map.mb
{
    margin-bottom: 20px !important;
}
.map.pb
{
    padding-bottom: 20px !important;
}

.map-mask
{
    overflow: hidden;

    height: 0;
}

.static-map, .favorite-map
{
    overflow: hidden;

    width: 958px;
    height: 550px;
    margin: auto;
}

.map__toggle-button
{
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 48px;

    position: relative;

    display: block;

    width: 958px;
    height: 48px;
    margin: auto;

    text-align: center;

    background: #d9ccbb;
}
.map__toggle-button:after
{
    position: absolute;
    top: 50%;
    right: 13px;

    display: block;

    width: 25px;
    height: 25px;
    margin: -12px 0 0;

    content: '';
}
.map__toggle-button:hover
{
    color: inherit;
    background: #c6b19e;
}

.map__toggle-button--see:after
{
    background: url('images/sprite2-sf4e8e8d53a.png') 0 -1573px no-repeat;
}

.map__toggle-button--close:after
{
    background: url('images/sprite2-sf4e8e8d53a.png') 0 -1600px no-repeat;
}

.map__toggle-label
{
    position: relative;

    display: inline-block;

    padding: 0 0 0 27px;
}
.map__toggle-label:after
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 18px;
    height: 26px;
    margin: -13px 0 0;

    content: '';

    background: url('images/sprite2-sf4e8e8d53a.png') 0 -760px no-repeat;
}

.infowindow
{
    width: 234px;
    height: 120px;

    background: #fff;
}
.infowindow:before, .infowindow:after
{
    display: table;

    content: '';
}
.infowindow:after
{
    clear: both;
}

.infowindow__image
{
    display: table-cell;

    width: 55px;
    height: 55px;
    padding: 0 10px 0 0;

    vertical-align: top;
}

.infowindow__text
{
    display: table-cell;

    vertical-align: top;
}
.infowindow__text a
{
    text-decoration: underline;

    color: #c54b4b;
}
.infowindow__text a:hover
{
    text-decoration: none;
}

.infowindow__tags
{
    margin: 0 0 10px;
}

.infowindow__title
{
    font-size: 14px;
    font-size: 1.4rem;
}

.infowindow__title--ja
{
    font-size: 11px;
    font-size: 1.1rem;

    margin: 0 0 10px;
}

.favorite-map
{
    height: 400px;
}

@media screen and (max-width: 640px)
{
    .map.mt
    {
        margin-top: 10px !important;
    }
    .map.pt
    {
        padding-top: 10px !important;
    }
    .map.mb
    {
        margin-bottom: 10px !important;
    }
    .map.pb
    {
        padding-bottom: 10px !important;
    }

    .static-map
    {
        width: auto;
        height: 200px;
    }

    .map__toggle-button
    {
        width: auto;
    }

    .favorite-map
    {
        width: auto;
        height: 200px;
    }
}