@charset "UTF-8";/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
    display: block
}

audio,canvas,video {
    display: inline-block
}
audio:not([controls]) {display: none;height: 0}
[hidden],template {display: none}
html {font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%}
body {margin: 0}
a {background: transparent}
a:focus {outline: thin dotted}
a:active,a:hover {outline: 0}
h1 {font-size: 2em;margin: 0.67em 0}
abbr[title] {border-bottom: 1px dotted}
b,strong {font-weight: bold}
dfn {font-style: italic}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0}
mark { background: #ff0;color: #000}
code,kbd,pre,samp {font-family: monospace, serif;font-size: 1em}
pre {white-space: pre-wrap}
q {quotes: "\201C" "\201D" "\2018" "\2019"}
small {font-size: 80%}
.fs_08em{font-size: 0.8em;}
.fs_05em{font-size: 0.5em;}
.fs_12em{font-size: 1.2em;}
.color01{color:#878787;}
.mt_50{margin-top: 50px;}
.fw_b{font-weight: bold;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline}
sup {top: -0.5em}
sub {bottom: -0.25em}
img {border: 0}
svg:not(:root) {overflow: hidden}
figure {margin: 0}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em}
legend {border: 0;padding: 0}
button,input,select,textarea {font-family: inherit;font-size: 100%;margin: 0}
button,input {line-height: normal}
button,select {text-transform: none;font-size: 14px;border: 1px solid #B3B3B3;border-radius: 4px;-moz-border-radius: 4px;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer}
button[disabled],html input[disabled] {cursor: default}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0}
input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0}
textarea {overflow: auto;vertical-align: top}
table {border-collapse: collapse;border-spacing: 0}

/*!
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

@font-face {
    font-family: 'FontAwesome';
    src: url("../../fonts/fontawesome-webfont.eot?v=4.0.3");
    src: url("../../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3") format("embedded-opentype"),url("../../fonts/fontawesome-webfont.woff?v=4.0.3") format("woff"),url("../../fonts/fontawesome-webfont.ttf?v=4.0.3") format("truetype"),url("../../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal
}
.il_name{
    padding-top: 8px;
}
.il_name a {
    font-size: 13px;
}
.li_btn{
    background: url(../images/icon_recom.png);
    background-repeat: no-repeat;
    background-position: 15px;
}
.li_btn p {
    margin: 0 0 0 35px
}
.shop{
    font-size: 15px;
}
.list_box{
    width: 78px;
    margin-right: 10px;
    float: left;
}
.list_shop{
    float: left;
    width: calc(100% - 90px);
}
#head{
    color: green;
}
.list-small{
    overflow: auto;
    overflow-y: auto;
    overflow-x: auto;
     height: 400px;
}
#list_shop img{
    clear: both;
    margin-right: 5px;
    vertical-align: middle;
}
#list_shop p{
     display: table-cell;
    vertical-align: middle;
    font-size:
}
.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.fa-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -15%
}
.fa-2x {
    font-size: 2em
}
.fa-3x {
    font-size: 3em
}
.fa-4x {
    font-size: 4em
}
.fa-5x {
    font-size: 5em
}
.fa-fw {
    width: 1.28571em;
    text-align: center
}
.fa-ul {
    padding-left: 0;
    margin-left: 2.14286em;
    list-style-type: none
}
.fa-ul>li {
    position: relative
}
.fa-li {
    position: absolute;
    left: -2.14286em;
    width: 2.14286em;
    top: 0.14286em;
    text-align: center
}
.fa-li.fa-lg {
    left: -1.85714em
}
.fa-border {
    padding: .2em .25em .15em;
    border: solid 0.08em #eee;
    border-radius: .1em
}
.pull-right {
    float: right
}
.pull-left {
    float: left
}
.fa.pull-left {
    margin-right: .3em
}
.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(359deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg)
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg)
    }

    100% {
        -o-transform: rotate(359deg)
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg)
    }

    100% {
        -ms-transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
    -webkit-transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    transform: scale(1, -1)
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x,.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {line-height: inherit}
.fa-stack-2x {font-size: 2em}
.fa-inverse {color: #fff}
.fa-glass:before {content: "\f000"}
.fa-music:before {content: "\f001"}
.fa-search:before {content: "\f002"}
.fa-envelope-o:before {content: "\f003"}
.fa-heart:before {content: "\f004"}
.fa-star:before {content: "\f005"}
.fa-star-o:before {content: "\f006"}
.fa-user:before {content: "\f007"}
.fa-film:before {content: "\f008"}
.fa-th-large:before {content: "\f009"}
.fa-th:before {content: "\f00a"}
.fa-th-list:before {content: "\f00b"}
.fa-check:before {content: "\f00c"}
.fa-times:before {content: "\f00d"}
.fa-search-plus:before {content: "\f00e"}
.fa-search-minus:before {content: "\f010"}
.fa-power-off:before {content: "\f011"}
.fa-signal:before {content: "\f012"}
.fa-gear:before,.fa-cog:before {content: "\f013"}
.fa-trash-o:before {content: "\f014"}
.fa-home:before {content: "\f015"}
.fa-file-o:before {content: "\f016"}
.fa-clock-o:before {content: "\f017"}
.fa-road:before {content: "\f018"}
.fa-download:before {content: "\f019"}
.fa-arrow-circle-o-down:before {content: "\f01a"}
.fa-arrow-circle-o-up:before {content: "\f01b"}
.fa-inbox:before {content: "\f01c"}
.fa-play-circle-o:before {content: "\f01d"}
.fa-rotate-right:before,.fa-repeat:before {content: "\f01e"}
.fa-refresh:before {content: "\f021"}
.fa-list-alt:before {content: "\f022"}
.fa-lock:before {content: "\f023"}
.fa-flag:before {content: "\f024"}
.fa-headphones:before {content: "\f025"}
.fa-volume-off:before {content: "\f026"}
.fa-volume-down:before {content: "\f027"}
.fa-volume-up:before {content: "\f028"}
.fa-qrcode:before {content: "\f029"}
.fa-barcode:before {content: "\f02a"}
.fa-tag:before {content: "\f02b"}
.fa-tags:before {content: "\f02c"}
.fa-book:before {content: "\f02d"}
.fa-bookmark:before {content: "\f02e"}
.fa-print:before {content: "\f02f"}
.fa-camera:before {content: "\f030"}
.fa-font:before {content: "\f031"}
.fa-bold:before {content: "\f032"}
.fa-italic:before {content: "\f033"}
.fa-text-height:before {content: "\f034"}
.fa-text-width:before {content: "\f035"}
.fa-align-left:before {content: "\f036"}
.fa-align-center:before {content: "\f037"}
.fa-align-right:before {content: "\f038"}
.fa-align-justify:before {content: "\f039"}
.fa-list:before {content: "\f03a"}
.fa-dedent:before,.fa-outdent:before {content: "\f03b"}
.fa-indent:before {content: "\f03c"}
.fa-video-camera:before {content: "\f03d"}
.fa-picture-o:before {content: "\f03e"}
.fa-pencil:before {content: "\f040"}
.fa-map-marker:before {content: "\f041"}
.fa-adjust:before {content: "\f042"}
.fa-tint:before {content: "\f043"}
.fa-edit:before,.fa-pencil-square-o:before {content: "\f044"}
.fa-share-square-o:before {content: "\f045"}
.fa-check-square-o:before {content: "\f046"}
.fa-arrows:before {content: "\f047"}
.fa-step-backward:before {content: "\f048"}
.fa-fast-backward:before {content: "\f049"}
.fa-backward:before {content: "\f04a"}
.fa-play:before {content: "\f04b"}
.fa-pause:before {content: "\f04c"}
.fa-stop:before {content: "\f04d"}
.fa-forward:before {content: "\f04e"}
.fa-fast-forward:before {content: "\f050"}
.fa-step-forward:before {content: "\f051"}
.fa-eject:before {content: "\f052"}
.fa-chevron-left:before {content: "\f053"}
.fa-chevron-right:before {content: "\f054"}
.fa-plus-circle:before {content: "\f055"}
.fa-minus-circle:before {content: "\f056"}
.fa-times-circle:before {content: "\f057"}
.fa-check-circle:before {content: "\f058"}
.fa-question-circle:before {content: "\f059"}
.fa-info-circle:before {content: "\f05a"}
.fa-crosshairs:before {content: "\f05b"}
.fa-times-circle-o:before {content: "\f05c"}
.fa-check-circle-o:before {content: "\f05d"}
.fa-ban:before {content: "\f05e"}
.fa-arrow-left:before {content: "\f060"}
.fa-arrow-right:before {content: "\f061"}
.fa-arrow-up:before {content: "\f062"}
.fa-arrow-down:before {content: "\f063"}
.fa-mail-forward:before,.fa-share:before {content: "\f064"}
.fa-expand:before {content: "\f065"}
.fa-compress:before {content: "\f066"}
.fa-plus:before {content: "\f067"}
.fa-minus:before {content: "\f068"}
.fa-asterisk:before {content: "\f069"}
.fa-exclamation-circle:before {content: "\f06a"}
.fa-gift:before {content: "\f06b"}
.fa-leaf:before {content: "\f06c"}
.fa-fire:before {content: "\f06d"}
.fa-eye:before {content: "\f06e"}
.fa-eye-slash:before {content: "\f070"}
.fa-warning:before,.fa-exclamation-triangle:before {content: "\f071"}
.fa-plane:before {content: "\f072"}
.fa-calendar:before {content: "\f073"}
.fa-random:before {content: "\f074"}
.fa-comment:before {content: "\f075"}
.fa-magnet:before {content: "\f076"}
.fa-chevron-up:before {content: "\f077"}
.fa-chevron-down:before {content: "\f078"}
.fa-retweet:before {content: "\f079"}
.fa-shopping-cart:before {content: "\f07a"}
.fa-folder:before {content: "\f07b"}
.fa-folder-open:before {content: "\f07c"}
.fa-arrows-v:before {content: "\f07d"}
.fa-arrows-h:before {content: "\f07e"}
.fa-bar-chart-o:before {content: "\f080"}
.fa-twitter-square:before {content: "\f081"}
.fa-facebook-square:before {content: "\f082"}
.fa-camera-retro:before {content: "\f083"}
.fa-key:before {content: "\f084"}
.fa-gears:before,.fa-cogs:before {content: "\f085"}
.fa-comments:before {content: "\f086"}
.fa-thumbs-o-up:before {content: "\f087"}
.fa-thumbs-o-down:before {content: "\f088"}
.fa-star-half:before {content: "\f089"}
.fa-heart-o:before {content: "\f08a"}
.fa-sign-out:before {content: "\f08b"}
.fa-linkedin-square:before {content: "\f08c"}
.fa-thumb-tack:before {content: "\f08d"}
.fa-external-link:before {content: "\f08e"}
.fa-sign-in:before {content: "\f090"}
.fa-trophy:before {content: "\f091"}
.fa-github-square:before {content: "\f092"}
.fa-upload:before {content: "\f093"}
.fa-lemon-o:before {content: "\f094"}
.fa-phone:before {content: "\f095"}
.fa-square-o:before {content: "\f096"}
.fa-bookmark-o:before {content: "\f097"}
.fa-phone-square:before {content: "\f098"}
.fa-twitter:before {content: "\f099"}
.fa-facebook:before {content: "\f09a"}
.fa-github:before {content: "\f09b"}
.fa-unlock:before {content: "\f09c"}
.fa-credit-card:before {content: "\f09d"}
.fa-rss:before {content: "\f09e"}
.fa-hdd-o:before {content: "\f0a0"}
.fa-bullhorn:before {content: "\f0a1"}
.fa-bell:before {content: "\f0f3"}
.fa-certificate:before {content: "\f0a3"}
.fa-hand-o-right:before {content: "\f0a4"}
.fa-hand-o-left:before {content: "\f0a5"}
.fa-hand-o-up:before {content: "\f0a6"}
.fa-hand-o-down:before {content: "\f0a7"}
.fa-arrow-circle-left:before {content: "\f0a8"}
.fa-arrow-circle-right:before {content: "\f0a9"}
.fa-arrow-circle-up:before {content: "\f0aa"}
.fa-arrow-circle-down:before {content: "\f0ab"}
.fa-globe:before {content: "\f0ac"}
.fa-wrench:before {content: "\f0ad"}
.fa-tasks:before {content: "\f0ae"}
.fa-filter:before {content: "\f0b0"}
.fa-briefcase:before {content: "\f0b1"}
.fa-arrows-alt:before {content: "\f0b2"}
.fa-group:before,.fa-users:before {content: "\f0c0"}
.fa-chain:before,.fa-link:before {content: "\f0c1"}
.fa-cloud:before {content: "\f0c2"}
.fa-flask:before {content: "\f0c3"}
.fa-cut:before,.fa-scissors:before {content: "\f0c4"}
.fa-copy:before,.fa-files-o:before {content: "\f0c5"}
.fa-paperclip:before {content: "\f0c6"}
.fa-save:before,.fa-floppy-o:before {content: "\f0c7"}
.fa-square:before {content: "\f0c8"}
.fa-bars:before {content: "\f0c9"}
.fa-list-ul:before {content: "\f0ca"}
.fa-list-ol:before {content: "\f0cb"}
.fa-strikethrough:before {content: "\f0cc"}
.fa-underline:before {content: "\f0cd"}
.fa-table:before {content: "\f0ce"}
.fa-magic:before {content: "\f0d0"}
.fa-truck:before {content: "\f0d1"}
.fa-pinterest:before {content: "\f0d2"}
.fa-pinterest-square:before {content: "\f0d3"}
.fa-google-plus-square:before {content: "\f0d4"}
.fa-google-plus:before {content: "\f0d5"}
.fa-money:before {content: "\f0d6"}
.fa-caret-down:before {content: "\f0d7"}
.fa-caret-up:before {content: "\f0d8"}
.fa-caret-left:before {content: "\f0d9"}
.fa-caret-right:before {content: "\f0da"}
.fa-columns:before {content: "\f0db"}
.fa-unsorted:before,.fa-sort:before {content: "\f0dc"}
.fa-sort-down:before,.fa-sort-asc:before {content: "\f0dd"}
.fa-sort-up:before,.fa-sort-desc:before {content: "\f0de"}
.fa-envelope:before {content: "\f0e0"}
.fa-linkedin:before {content: "\f0e1"}
.fa-rotate-left:before,.fa-undo:before {content: "\f0e2"}
.fa-legal:before,.fa-gavel:before {content: "\f0e3"}
.fa-dashboard:before,.fa-tachometer:before {content: "\f0e4"}
.fa-comment-o:before {content: "\f0e5"}
.fa-comments-o:before {content: "\f0e6"}
.fa-flash:before,.fa-bolt:before {content: "\f0e7"}
.fa-sitemap:before {content: "\f0e8"}
.fa-umbrella:before {content: "\f0e9"}
.fa-paste:before,.fa-clipboard:before {content: "\f0ea"}
.fa-lightbulb-o:before {content: "\f0eb"}
.fa-exchange:before {content: "\f0ec"}
.fa-cloud-download:before {content: "\f0ed"}
.fa-cloud-upload:before {content: "\f0ee"}
.fa-user-md:before {content: "\f0f0"}
.fa-stethoscope:before {content: "\f0f1"}
.fa-suitcase:before {content: "\f0f2"}
.fa-bell-o:before {content: "\f0a2"}
.fa-coffee:before {content: "\f0f4"}
.fa-cutlery:before {content: "\f0f5"}
.fa-file-text-o:before {content: "\f0f6"}
.fa-building-o:before {content: "\f0f7"}
.fa-hospital-o:before {content: "\f0f8"}
.fa-ambulance:before {content: "\f0f9"}
.fa-medkit:before {content: "\f0fa"}
.fa-fighter-jet:before {content: "\f0fb"}
.fa-beer:before {content: "\f0fc"}
.fa-h-square:before {content: "\f0fd"}
.fa-plus-square:before {content: "\f0fe"}
.fa-angle-double-left:before {content: "\f100"}
.fa-angle-double-right:before {content: "\f101"}
.fa-angle-double-up:before {content: "\f102"}
.fa-angle-double-down:before {content: "\f103"}
.fa-angle-left:before {content: "\f104"}
.fa-angle-right:before {content: "\f105"}
.fa-angle-up:before {content: "\f106"}
.fa-angle-down:before {content: "\f107"}
.fa-desktop:before {content: "\f108"}
.fa-laptop:before {content: "\f109"}
.fa-tablet:before {content: "\f10a"}
.fa-mobile-phone:before,.fa-mobile:before {content: "\f10b"}
.fa-circle-o:before {content: "\f10c"}
.fa-quote-left:before {content: "\f10d"}
.fa-quote-right:before {content: "\f10e"}
.fa-spinner:before {content: "\f110"}
.fa-circle:before {content: "\f111"}
.fa-mail-reply:before,.fa-reply:before {content: "\f112"}
.fa-github-alt:before {content: "\f113"}
.fa-folder-o:before {content: "\f114"}
.fa-folder-open-o:before {content: "\f115"}
.fa-smile-o:before {content: "\f118"}
.fa-frown-o:before {content: "\f119"}
.fa-meh-o:before {content: "\f11a"}
.fa-gamepad:before {content: "\f11b"}
.fa-keyboard-o:before {content: "\f11c"}
.fa-flag-o:before {content: "\f11d"}
.fa-flag-checkered:before {content: "\f11e"}
.fa-terminal:before {content: "\f120"}
.fa-code:before {content: "\f121"}
.fa-reply-all:before {content: "\f122"}
.fa-mail-reply-all:before {content: "\f122"}
.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before {content: "\f123"}
.fa-location-arrow:before {content: "\f124"}
.fa-crop:before {content: "\f125"}
.fa-code-fork:before {content: "\f126"}
.fa-unlink:before,.fa-chain-broken:before {content: "\f127"}
.fa-question:before {content: "\f128"}
.fa-info:before {content: "\f129"}
.fa-exclamation:before {content: "\f12a"}
.fa-superscript:before {content: "\f12b"}
.fa-subscript:before {content: "\f12c"}
.fa-eraser:before {content: "\f12d"}
.fa-puzzle-piece:before {content: "\f12e"}
.fa-microphone:before {content: "\f130"}
.fa-microphone-slash:before {content: "\f131"}
.fa-shield:before {content: "\f132"}
.fa-calendar-o:before {content: "\f133"}
.fa-fire-extinguisher:before {content: "\f134"}
.fa-rocket:before {content: "\f135"}
.fa-maxcdn:before {content: "\f136"}
.fa-chevron-circle-left:before {content: "\f137"}
.fa-chevron-circle-right:before {content: "\f138"}
.fa-chevron-circle-up:before {content: "\f139"}
.fa-chevron-circle-down:before {content: "\f13a"}
.fa-html5:before {content: "\f13b"}
.fa-css3:before {content: "\f13c"}
.fa-anchor:before {content: "\f13d"}
.fa-unlock-alt:before {content: "\f13e"}
.fa-bullseye:before {content: "\f140"}
.fa-ellipsis-h:before {content: "\f141"}
.fa-ellipsis-v:before {content: "\f142"}
.fa-rss-square:before {content: "\f143"}
.fa-play-circle:before {content: "\f144"}
.fa-ticket:before {content: "\f145"}
.fa-minus-square:before {content: "\f146"}
.fa-minus-square-o:before {content: "\f147"}
.fa-level-up:before {content: "\f148"}
.fa-level-down:before {content: "\f149"}
.fa-check-square:before {content: "\f14a"}
.fa-pencil-square:before {content: "\f14b"}
.fa-external-link-square:before {content: "\f14c"}
.fa-share-square:before {content: "\f14d"}
.fa-compass:before {content: "\f14e"}
.fa-toggle-down:before,.fa-caret-square-o-down:before {content: "\f150"}
.fa-toggle-up:before,.fa-caret-square-o-up:before {content: "\f151"}
.fa-toggle-right:before,.fa-caret-square-o-right:before {content: "\f152"}
.fa-euro:before,.fa-eur:before {content: "\f153"}
.fa-gbp:before {content: "\f154"}
.fa-dollar:before,.fa-usd:before {content: "\f155"}
.fa-rupee:before,.fa-inr:before {content: "\f156"}
.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before {content: "\f157"}
.fa-ruble:before,.fa-rouble:before,.fa-rub:before {content: "\f158"}
.fa-won:before,.fa-krw:before {content: "\f159"}
.fa-bitcoin:before,.fa-btc:before {content: "\f15a"}
.fa-file:before {content: "\f15b"}
.fa-file-text:before {content: "\f15c"}
.fa-sort-alpha-asc:before {content: "\f15d"}
.fa-sort-alpha-desc:before {content: "\f15e"}
.fa-sort-amount-asc:before {content: "\f160"}
.fa-sort-amount-desc:before {content: "\f161"}
.fa-sort-numeric-asc:before {content: "\f162"}
.fa-sort-numeric-desc:before {content: "\f163"}
.fa-thumbs-up:before {content: "\f164"}
.fa-thumbs-down:before {content: "\f165"}
.fa-youtube-square:before {content: "\f166"}
.fa-youtube:before {content: "\f167"}
.fa-xing:before {content: "\f168"}
.fa-xing-square:before {content: "\f169"}
.fa-youtube-play:before {content: "\f16a"}
.fa-dropbox:before {content: "\f16b"}
.fa-stack-overflow:before {content: "\f16c"}
.fa-instagram:before {content: "\f16d"}
.fa-flickr:before {content: "\f16e"}
.fa-adn:before {content: "\f170"}
.fa-bitbucket:before {content: "\f171"}
.fa-bitbucket-square:before {content: "\f172"}
.fa-tumblr:before {content: "\f173"}
.fa-tumblr-square:before {content: "\f174"}
.fa-long-arrow-down:before {content: "\f175"}
.fa-long-arrow-up:before {content: "\f176"}
.fa-long-arrow-left:before {content: "\f177"}
.fa-long-arrow-right:before {content: "\f178"}
.fa-apple:before {content: "\f179"}
.fa-windows:before {content: "\f17a"}
.fa-android:before {content: "\f17b"}
.fa-linux:before {content: "\f17c"}
.fa-dribbble:before {content: "\f17d"}
.fa-skype:before {content: "\f17e"}
.fa-foursquare:before {content: "\f180"}
.fa-trello:before {content: "\f181"}
.fa-female:before {content: "\f182"}
.fa-male:before {content: "\f183"}
.fa-gittip:before {content: "\f184"}
.fa-sun-o:before {content: "\f185"}
.fa-moon-o:before {content: "\f186"}
.fa-archive:before {content: "\f187"}
.fa-bug:before {content: "\f188"}
.fa-vk:before {content: "\f189"}
.fa-weibo:before {content: "\f18a"}
.fa-renren:before {content: "\f18b"}
.fa-pagelines:before {content: "\f18c"}
.fa-stack-exchange:before {content: "\f18d"}
.fa-arrow-circle-o-right:before {content: "\f18e"}
.fa-arrow-circle-o-left:before {content: "\f190"}
.fa-toggle-left:before,.fa-caret-square-o-left:before {content: "\f191"}
.fa-dot-circle-o:before {content: "\f192"}
.fa-wheelchair:before {content: "\f193"}
.fa-vimeo-square:before {content: "\f194"}
.fa-turkish-lira:before,.fa-try:before {content: "\f195"}
.fa-plus-square-o:before {content: "\f196"}

@-webkit-keyframes glowing {
    from {
        -moz-box-shadow: 0px 0px 0px rgba(44,154,219,0.3),0px 1px 2px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0px 0px 0px rgba(44,154,219,0.3),0px 1px 2px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 0px rgba(44,154,219,0.3),0px 1px 2px rgba(0,0,0,0.2)
    }

    50% {
        -moz-box-shadow: 0px 0px 16px rgba(44,154,219,0.8),0px 1px 2px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0px 0px 16px rgba(44,154,219,0.8),0px 1px 2px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 16px rgba(44,154,219,0.8),0px 1px 2px rgba(0,0,0,0.2)
    }

    to {
        -moz-box-shadow: 0px 0px 0px rgba(44,154,219,0.3),0px 1px 2px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0px 0px 0px rgba(44,154,219,0.3),0px 1px 2px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 0px rgba(44,154,219,0.3),0px 1px 2px rgba(0,0,0,0.2)
    }
}

@-moz-keyframes glowing {
    from {
        -moz-box-shadow: 0px 0px 0px rgba(44,154,219,0.3),0px 1px 2px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0px 0px 0px rgba(44,154,219,0.3),0px 1px 2px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 0px rgba(44,154,219,0.3),0px 1px 2px rgba(0,0,0,0.2)
    }

    50% {
        -moz-box-shadow: 0px 0px 16px rgba(44,154,219,0.8),0px 1px 2px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0px 0px 16px rgba(44,154,219,0.8),0px 1px 2px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 16px rgba(44,154,219,0.8),0px 1px 2px rgba(0,0,0,0.2)
    }

    to {
        -moz-box-shadow: 0px 0px 0px rgba(44,154,219,0.3),0px 1px 2px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0px 0px 0px rgba(44,154,219,0.3),0px 1px 2px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 0px rgba(44,154,219,0.3),0px 1px 2px rgba(0,0,0,0.2)
    }
}

@-o-keyframes glowing {
    from {
        -moz-box-shadow: 0px 0px 0px rgba(44,154,219,0.3),0px 1px 2px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0px 0px 0px rgba(44,154,219,0.3),0px 1px 2px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 0px rgba(44,154,219,0.3),0px 1px 2px rgba(0,0,0,0.2)
    }

    50% {
        -moz-box-shadow: 0px 0px 16px rgba(44,154,219,0.8),0px 1px 2px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0px 0px 16px rgba(44,154,219,0.8),0px 1px 2px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 16px rgba(44,154,219,0.8),0px 1px 2px rgba(0,0,0,0.2)
    }

    to {
        -moz-box-shadow: 0px 0px 0px rgba(44,154,219,0.3),0px 1px 2px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0px 0px 0px rgba(44,154,219,0.3),0px 1px 2px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 0px rgba(44,154,219,0.3),0px 1px 2px rgba(0,0,0,0.2)
    }
}

@keyframes glowing {
    from {
        -moz-box-shadow: 0px 0px 0px rgba(44,154,219,0.3),0px 1px 2px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0px 0px 0px rgba(44,154,219,0.3),0px 1px 2px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 0px rgba(44,154,219,0.3),0px 1px 2px rgba(0,0,0,0.2)
    }

    50% {
        -moz-box-shadow: 0px 0px 16px rgba(44,154,219,0.8),0px 1px 2px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0px 0px 16px rgba(44,154,219,0.8),0px 1px 2px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 16px rgba(44,154,219,0.8),0px 1px 2px rgba(0,0,0,0.2)
    }

    to {
        -moz-box-shadow: 0px 0px 0px rgba(44,154,219,0.3),0px 1px 2px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0px 0px 0px rgba(44,154,219,0.3),0px 1px 2px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 0px rgba(44,154,219,0.3),0px 1px 2px rgba(0,0,0,0.2)
    }
}

.button {
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5),0px 1px 2px rgba(0,0,0,0.15);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5),0px 1px 2px rgba(0,0,0,0.15);
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5),0px 1px 2px rgba(0,0,0,0.15);
    background-color: #eee;
    background: -moz-linear-gradient(top, #fbfbfb,#e1e1e1);
    background: -webkit-linear-gradient(top, #fbfbfb,#e1e1e1);
    background: linear-gradient(to bottom, #fbfbfb,#e1e1e1);
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    border: 1px solid #d4d4d4;
    height: 32px;
    line-height: 32px;
    padding: 0px 25.6px;
    font-weight: 300;
    font-size: 14px;
    font-family: "Helvetica Neue Light","Helvetica Neue","Helvetica","Arial","Lucida Grande",sans-serif;
    color: #666;
    text-shadow: 0 1px 1px #fff;
    margin: 0;
    text-decoration: none;
    text-align: center
}

.button:hover {
    background-color: #eee;
    background: -moz-linear-gradient(top, #ffffff,#dcdcdc);
    background: -webkit-linear-gradient(top, #ffffff,#dcdcdc);
    background: linear-gradient(to bottom, #ffffff,#dcdcdc)
}

.button:active {
    -moz-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.3),0px 1px 0px #fff;
    -webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.3),0px 1px 0px #fff;
    box-shadow: inset 0px 1px 3px rgba(0,0,0,0.3),0px 1px 0px #fff;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.4);
    background: #eee;
    color: #bbb
}

.button:focus {
    outline: none
}

input.button,button.button {
    height: 34px;
    cursor: pointer;
    -webkit-appearance: none
}

.button-block {
    display: block
}

.button.disabled,.button.disabled:hover,.button.disabled:active,input.button:disabled,button.button:disabled {
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    background: #EEE;
    border: 1px solid #DDD;
    text-shadow: 0 1px 1px #fff;
    color: #CCC;
    cursor: default;
    -webkit-appearance: none
}

.button-wrap {
    background: -moz-linear-gradient(top, #e3e3e3,#f2f2f2);
    background: -webkit-linear-gradient(top, #e3e3e3,#f2f2f2);
    background: linear-gradient(to bottom, #e3e3e3,#f2f2f2);
    -moz-border-radius: 200px;
    -webkit-border-radius: 200px;
    border-radius: 200px;
    -moz-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.04);
    -webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.04);
    box-shadow: inset 0px 1px 3px rgba(0,0,0,0.04);
    padding: 10px;
    display: inline-block
}

.button-flat {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-transition-property: background;
    -o-transition-property: background;
    -webkit-transition-property: background;
    transition-property: background;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    background: #eee;
    border: none;
    text-shadow: none
}

.button-flat:hover {
    background: #fbfbfb
}

.button-flat:active {
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    background: #eee;
    color: #bbb
}

.button-flat.disabled {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none
}

.button-border {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    color: #666;
    border: 2px solid #666;
    background: none;
    text-shadow: none
}

.button-border:hover {
    background: none;
    color: gray;
    border: 2px solid gray
}

.button-border:active {
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    background: none;
    color: #4d4d4d;
    border: 2px solid #4d4d4d
}

.button-border.disabled {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none
}

.button-3d {
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 7px 0px #bbb,0px 8px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 7px 0px #bbb,0px 8px 3px rgba(0,0,0,0.2);
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 7px 0px #bbb,0px 8px 3px rgba(0,0,0,0.2);
    background: -moz-linear-gradient(top, #f3f3f3,#e9e9e9);
    background: -webkit-linear-gradient(top, #f3f3f3,#e9e9e9);
    background: linear-gradient(to bottom, #f3f3f3,#e9e9e9);
    background-color: #eee;
    color: #666;
    border: 1px solid #e1e1e1;
    text-shadow: none;
    position: relative;
    top: 0px
}

.button-3d:hover {
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 7px 0px #bbb,0px 8px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 7px 0px #bbb,0px 8px 3px rgba(0,0,0,0.2);
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 7px 0px #bbb,0px 8px 3px rgba(0,0,0,0.2);
    background: -moz-linear-gradient(top, #ffffff,#ebebeb);
    background: -webkit-linear-gradient(top, #ffffff,#ebebeb);
    background: linear-gradient(to bottom, #ffffff,#ebebeb);
    background-color: #fff
}

.button-3d:active {
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 2px 0px #bbb,0px 3px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 2px 0px #bbb,0px 3px 3px rgba(0,0,0,0.2);
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 2px 0px #bbb,0px 3px 3px rgba(0,0,0,0.2);
    background: -moz-linear-gradient(top, #e9e9e9,#f3f3f3);
    background: -webkit-linear-gradient(top, #e9e9e9,#f3f3f3);
    background: linear-gradient(to bottom, #e9e9e9,#f3f3f3);
    background-color: #eee;
    color: #bbb;
    border: 1px solid #e1e1e1;
    top: 5px
}

.button-3d.disabled {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none
}

.button-rounded {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.button-pill {
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px
}

.button-circle {
    -moz-border-radius: 240px;
    -webkit-border-radius: 240px;
    border-radius: 240px;
    -moz-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.5),0px 1px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.5),0px 1px 2px rgba(0,0,0,0.2);
    box-shadow: inset 0px 1px 1px rgba(255,255,255,0.5),0px 1px 2px rgba(0,0,0,0.2);
    width: 120px;
    line-height: 120px;
    height: 120px;
    padding: 0px;
    border-width: 4px;
    font-size: 19px
}

.button-primary {
    background: -moz-linear-gradient(top, #00b5e5,#008db2);
    background: -webkit-linear-gradient(top, #00b5e5,#008db2);
    background: linear-gradient(to bottom, #00b5e5,#008db2);
    background-color: #00a1cb;
    border-color: #007998;
    color: #fff;
    text-shadow: 0 -1px 1px rgba(0,40,50,0.35)
}

.button-primary:hover {
    background-color: #00a1cb;
    background: -moz-linear-gradient(top, #00c9fe,#008db2);
    background: -webkit-linear-gradient(top, #00c9fe,#008db2);
    background: linear-gradient(to bottom, #00c9fe,#008db2)
}

.button-primary:active {
    background: #1495b7;
    color: #005065
}

.button-3d-primary {
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 7px 0px #007998,0px 8px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 7px 0px #007998,0px 8px 3px rgba(0,0,0,0.3);
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 7px 0px #007998,0px 8px 3px rgba(0,0,0,0.3);
    background: -moz-linear-gradient(top, #00a9d5,#0099c1);
    background: -webkit-linear-gradient(top, #00a9d5,#0099c1);
    background: linear-gradient(to bottom, #00a9d5,#0099c1);
    background-color: #00a1cb;
    color: #fff;
    border: 1px solid #007998;
    text-shadow: none;
    position: relative;
    top: 0px
}

.button-3d-primary:hover {
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 7px 0px #00708e,0px 8px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 7px 0px #00708e,0px 8px 3px rgba(0,0,0,0.3);
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 7px 0px #00708e,0px 8px 3px rgba(0,0,0,0.3);
    background: -moz-linear-gradient(top, #00c1f4,#009dc6);
    background: -webkit-linear-gradient(top, #00c1f4,#009dc6);
    background: linear-gradient(to bottom, #00c1f4,#009dc6);
    background-color: #00c9fe
}

.button-3d-primary:active {
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 2px 0px #007998,0px 3px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 2px 0px #007998,0px 3px 3px rgba(0,0,0,0.3);
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 2px 0px #007998,0px 3px 3px rgba(0,0,0,0.3);
    background: -moz-linear-gradient(top, #0099c1,#00a9d5);
    background: -webkit-linear-gradient(top, #0099c1,#00a9d5);
    background: linear-gradient(to bottom, #0099c1,#00a9d5);
    background-color: #1495b7;
    color: #005065;
    border: 1px solid #008db2;
    top: 5px
}

.button-3d-primary.disabled {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none
}

.button-border-primary {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    color: #00a1cb;
    border: 2px solid #00a1cb;
    background: none;
    text-shadow: none
}

.button-border-primary:hover {
    background: none;
    color: #00c9fe;
    border: 2px solid #00c9fe
}

.button-border-primary:active {
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    background: none;
    color: #007998;
    border: 2px solid #007998
}

.button-border-primary.disabled {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none
}

.button-flat-primary {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-transition-property: background;
    -o-transition-property: background;
    -webkit-transition-property: background;
    transition-property: background;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    background: #00a1cb;
    color: #fff;
    text-shadow: none;
    border: none
}

.button-flat-primary:hover {
    background: #00b5e5
}

.button-flat-primary:active {
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    background: #1495b7;
    color: #00647f
}

.button-flat-primary.disabled {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none
}

.button-action {
    background: -moz-linear-gradient(top, #8fcf00,#6b9c00);
    background: -webkit-linear-gradient(top, #8fcf00,#6b9c00);
    background: linear-gradient(to bottom, #8fcf00,#6b9c00);
    background-color: #7db500;
    border-color: #5a8200;
    color: #fff;
    text-shadow: 0 -1px 1px rgba(19,28,0,0.35)
}

.button-action:hover {
    background-color: #7db500;
    background: -moz-linear-gradient(top, #a0e800,#6b9c00);
    background: -webkit-linear-gradient(top, #a0e800,#6b9c00);
    background: linear-gradient(to bottom, #a0e800,#6b9c00)
}

.button-action:active {
    background: #76a312;
    color: #374f00
}

.button-3d-action {
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 7px 0px #5a8200,0px 8px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 7px 0px #5a8200,0px 8px 3px rgba(0,0,0,0.3);
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 7px 0px #5a8200,0px 8px 3px rgba(0,0,0,0.3);
    background: -moz-linear-gradient(top, #84bf00,#76ab00);
    background: -webkit-linear-gradient(top, #84bf00,#76ab00);
    background: linear-gradient(to bottom, #84bf00,#76ab00);
    background-color: #7db500;
    color: #fff;
    border: 1px solid #5a8200;
    text-shadow: none;
    position: relative;
    top: 0px
}

.button-3d-action:hover {
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 7px 0px #537800,0px 8px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 7px 0px #537800,0px 8px 3px rgba(0,0,0,0.3);
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 7px 0px #537800,0px 8px 3px rgba(0,0,0,0.3);
    background: -moz-linear-gradient(top, #99de00,#79b000);
    background: -webkit-linear-gradient(top, #99de00,#79b000);
    background: linear-gradient(to bottom, #99de00,#79b000);
    background-color: #a0e800
}

.button-3d-action:active {
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 2px 0px #5a8200,0px 3px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 2px 0px #5a8200,0px 3px 3px rgba(0,0,0,0.3);
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 2px 0px #5a8200,0px 3px 3px rgba(0,0,0,0.3);
    background: -moz-linear-gradient(top, #76ab00,#84bf00);
    background: -webkit-linear-gradient(top, #76ab00,#84bf00);
    background: linear-gradient(to bottom, #76ab00,#84bf00);
    background-color: #76a312;
    color: #374f00;
    border: 1px solid #6b9c00;
    top: 5px
}

.button-3d-action.disabled {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none
}

.button-border-action {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    color: #7db500;
    border: 2px solid #7db500;
    background: none;
    text-shadow: none
}

.button-border-action:hover {
    background: none;
    color: #a0e800;
    border: 2px solid #a0e800
}

.button-border-action:active {
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    background: none;
    color: #5a8200;
    border: 2px solid #5a8200
}

.button-border-action.disabled {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none
}

.button-flat-action {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-transition-property: background;
    -o-transition-property: background;
    -webkit-transition-property: background;
    transition-property: background;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    background: #7db500;
    color: #fff;
    text-shadow: none;
    border: none
}

.button-flat-action:hover {
    background: #8fcf00
}

.button-flat-action:active {
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    background: #76a312;
    color: #486900
}

.button-flat-action.disabled {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none
}

.button-highlight {
    background: -moz-linear-gradient(top, #fa9915,#d87e04);
    background: -webkit-linear-gradient(top, #fa9915,#d87e04);
    background: linear-gradient(to bottom, #fa9915,#d87e04);
    background-color: #f18d05;
    border-color: #bf7004;
    color: #fff;
    text-shadow: 0 -1px 1px rgba(91,53,2,0.35)
}

.button-highlight:hover {
    background-color: #f18d05;
    background: -moz-linear-gradient(top, #fba42e,#d87e04);
    background: -webkit-linear-gradient(top, #fba42e,#d87e04);
    background: linear-gradient(to bottom, #fba42e,#d87e04)
}

.button-highlight:active {
    background: #d8891e;
    color: #8d5303
}

.button-3d-highlight {
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 7px 0px #bf7004,0px 8px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 7px 0px #bf7004,0px 8px 3px rgba(0,0,0,0.3);
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 7px 0px #bf7004,0px 8px 3px rgba(0,0,0,0.3);
    background: -moz-linear-gradient(top, #fa9306,#e78705);
    background: -webkit-linear-gradient(top, #fa9306,#e78705);
    background: linear-gradient(to bottom, #fa9306,#e78705);
    background-color: #f18d05;
    color: #fff;
    border: 1px solid #bf7004;
    text-shadow: none;
    position: relative;
    top: 0px
}

.button-3d-highlight:hover {
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 7px 0px #b56a04,0px 8px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 7px 0px #b56a04,0px 8px 3px rgba(0,0,0,0.3);
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 7px 0px #b56a04,0px 8px 3px rgba(0,0,0,0.3);
    background: -moz-linear-gradient(top, #faa024,#ec8a05);
    background: -webkit-linear-gradient(top, #faa024,#ec8a05);
    background: linear-gradient(to bottom, #faa024,#ec8a05);
    background-color: #fba42e
}

.button-3d-highlight:active {
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 2px 0px #bf7004,0px 3px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 2px 0px #bf7004,0px 3px 3px rgba(0,0,0,0.3);
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 2px 0px #bf7004,0px 3px 3px rgba(0,0,0,0.3);
    background: -moz-linear-gradient(top, #e78705,#fa9306);
    background: -webkit-linear-gradient(top, #e78705,#fa9306);
    background: linear-gradient(to bottom, #e78705,#fa9306);
    background-color: #d8891e;
    color: #8d5303;
    border: 1px solid #d87e04;
    top: 5px
}

.button-3d-highlight.disabled {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none
}

.button-border-highlight {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    color: #f18d05;
    border: 2px solid #f18d05;
    background: none;
    text-shadow: none
}

.button-border-highlight:hover {
    background: none;
    color: #fba42e;
    border: 2px solid #fba42e
}

.button-border-highlight:active {
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    background: none;
    color: #bf7004;
    border: 2px solid #bf7004
}

.button-border-highlight.disabled {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none
}

.button-flat-highlight {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-transition-property: background;
    -o-transition-property: background;
    -webkit-transition-property: background;
    transition-property: background;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    background: #f18d05;
    color: #fff;
    text-shadow: none;
    border: none
}

.button-flat-highlight:hover {
    background: #fa9915
}

.button-flat-highlight:active {
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    background: #d8891e;
    color: #a66103
}

.button-flat-highlight.disabled {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none
}

.button-caution {
    background: -moz-linear-gradient(top, #e8543f,#d9331a);
    background: -webkit-linear-gradient(top, #e8543f,#d9331a);
    background: linear-gradient(to bottom, #e8543f,#d9331a);
    background-color: #e54028;
    border-color: #c22d18;
    color: #fff;
    text-shadow: 0 -1px 1px rgba(103,24,13,0.35)
}

.button-caution:hover {
    background-color: #e54028;
    background: -moz-linear-gradient(top, #eb6855,#d9331a);
    background: -webkit-linear-gradient(top, #eb6855,#d9331a);
    background: linear-gradient(to bottom, #eb6855,#d9331a)
}

.button-caution:active {
    background: #cd5240;
    color: #952312
}

.button-3d-caution {
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 7px 0px #c22d18,0px 8px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 7px 0px #c22d18,0px 8px 3px rgba(0,0,0,0.3);
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 7px 0px #c22d18,0px 8px 3px rgba(0,0,0,0.3);
    background: -moz-linear-gradient(top, #e64831,#e4381f);
    background: -webkit-linear-gradient(top, #e64831,#e4381f);
    background: linear-gradient(to bottom, #e64831,#e4381f);
    background-color: #e54028;
    color: #fff;
    border: 1px solid #c22d18;
    text-shadow: none;
    position: relative;
    top: 0px
}

.button-3d-caution:hover {
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 7px 0px #b92b16,0px 8px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 7px 0px #b92b16,0px 8px 3px rgba(0,0,0,0.3);
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 7px 0px #b92b16,0px 8px 3px rgba(0,0,0,0.3);
    background: -moz-linear-gradient(top, #e9604c,#e43c23);
    background: -webkit-linear-gradient(top, #e9604c,#e43c23);
    background: linear-gradient(to bottom, #e9604c,#e43c23);
    background-color: #eb6855
}

.button-3d-caution:active {
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 2px 0px #c22d18,0px 3px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 2px 0px #c22d18,0px 3px 3px rgba(0,0,0,0.3);
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 2px 0px #c22d18,0px 3px 3px rgba(0,0,0,0.3);
    background: -moz-linear-gradient(top, #e4381f,#e64831);
    background: -webkit-linear-gradient(top, #e4381f,#e64831);
    background: linear-gradient(to bottom, #e4381f,#e64831);
    background-color: #cd5240;
    color: #952312;
    border: 1px solid #d9331a;
    top: 5px
}

.button-3d-caution.disabled {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none
}

.button-border-caution {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    color: #e54028;
    border: 2px solid #e54028;
    background: none;
    text-shadow: none
}

.button-border-caution:hover {
    background: none;
    color: #eb6855;
    border: 2px solid #eb6855
}

.button-border-caution:active {
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    background: none;
    color: #c22d18;
    border: 2px solid #c22d18
}

.button-border-caution.disabled {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none
}

.button-flat-caution {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-transition-property: background;
    -o-transition-property: background;
    -webkit-transition-property: background;
    transition-property: background;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    background: #e54028;
    color: #fff;
    text-shadow: none;
    border: none
}

.button-flat-caution:hover {
    background: #e8543f
}

.button-flat-caution:active {
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    background: #cd5240;
    color: #ac2815
}

.button-flat-caution.disabled {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none
}

.button-royal {
    background: -moz-linear-gradient(top, #99389f,#752a79);
    background: -webkit-linear-gradient(top, #99389f,#752a79);
    background: linear-gradient(to bottom, #99389f,#752a79);
    background-color: #87318c;
    border-color: #632466;
    color: #fff;
    text-shadow: 0 -1px 1px rgba(26,9,27,0.35)
}

.button-royal:hover {
    background-color: #87318c;
    background: -moz-linear-gradient(top, #ab3eb2,#752a79);
    background: -webkit-linear-gradient(top, #ab3eb2,#752a79);
    background: linear-gradient(to bottom, #ab3eb2,#752a79)
}

.button-royal:active {
    background: #764479;
    color: #3e1740
}

.button-3d-royal {
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 7px 0px #632466,0px 8px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 7px 0px #632466,0px 8px 3px rgba(0,0,0,0.3);
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 7px 0px #632466,0px 8px 3px rgba(0,0,0,0.3);
    background: -moz-linear-gradient(top, #8e3494,#802e84);
    background: -webkit-linear-gradient(top, #8e3494,#802e84);
    background: linear-gradient(to bottom, #8e3494,#802e84);
    background-color: #87318c;
    color: #fff;
    border: 1px solid #632466;
    text-shadow: none;
    position: relative;
    top: 0px
}

.button-3d-royal:hover {
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 7px 0px #5b215f,0px 8px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 7px 0px #5b215f,0px 8px 3px rgba(0,0,0,0.3);
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 7px 0px #5b215f,0px 8px 3px rgba(0,0,0,0.3);
    background: -moz-linear-gradient(top, #a43caa,#833088);
    background: -webkit-linear-gradient(top, #a43caa,#833088);
    background: linear-gradient(to bottom, #a43caa,#833088);
    background-color: #ab3eb2
}

.button-3d-royal:active {
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 2px 0px #632466,0px 3px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 2px 0px #632466,0px 3px 3px rgba(0,0,0,0.3);
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.15),0px 2px 0px #632466,0px 3px 3px rgba(0,0,0,0.3);
    background: -moz-linear-gradient(top, #802e84,#8e3494);
    background: -webkit-linear-gradient(top, #802e84,#8e3494);
    background: linear-gradient(to bottom, #802e84,#8e3494);
    background-color: #764479;
    color: #3e1740;
    border: 1px solid #752a79;
    top: 5px
}

.button-3d-royal.disabled {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none
}

.button-border-royal {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    color: #87318c;
    border: 2px solid #87318c;
    background: none;
    text-shadow: none
}

.button-border-royal:hover {
    background: none;
    color: #ab3eb2;
    border: 2px solid #ab3eb2
}

.button-border-royal:active {
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    background: none;
    color: #632466;
    border: 2px solid #632466
}

.button-border-royal.disabled {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none
}

.button-flat-royal {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-transition-property: background;
    -o-transition-property: background;
    -webkit-transition-property: background;
    transition-property: background;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    background: #87318c;
    color: #fff;
    text-shadow: none;
    border: none
}

.button-flat-royal:hover {
    background: #99389f
}

.button-flat-royal:active {
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    background: #764479;
    color: #501d53
}

.button-flat-royal.disabled {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none
}

.button-jumbo {
    font-size: 24px;
    height: 51.2px;
    line-height: 51.2px;
    padding: 0px 40.96px
}

.button-large {
    font-size: 19px;
    height: 38.4px;
    line-height: 38.4px;
    padding: 0px 30.72px
}

input.button-large,button.button-large {
    height: 40.4px
}

.button-small {
    font-size: 15px;
    height: 25.6px;
    line-height: 25.6px;
    padding: 0px 20.48px
}

input.button-small,button.button-small {
    height: 27.6px
}

.button-tiny {
    font-size: 12px;
    height: 22.4px;
    line-height: 22.4px;
    padding: 0px 17.92px
}

input.button-tiny,button.button-tiny {
    height: 24.4px
}

.button.glow {
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -ms-animation-duration: 3s;
    -o-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -khtml-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: glowing;
    -khtml-animation-name: glowing;
    -moz-animation-name: glowing;
    -ms-animation-name: glowing;
    -o-animation-name: glowing;
    animation-name: glowing
}

.button.glow:active {
    -webkit-animation-name: none;
    -moz-animation-name: none;
    -ms-animation-name: none;
    -o-animation-name: none;
    animation-name: none;
    -moz-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.3),0px 1px 0px #fff;
    -webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.3),0px 1px 0px #fff;
    box-shadow: inset 0px 1px 3px rgba(0,0,0,0.3),0px 1px 0px #fff
}

.button-dropdown {
    position: relative;
    overflow: visible;
    display: inline-block
}

.button-dropdown .button .icon-caret-down {
    font-size: 90%;
    margin: 0px 0px 0px 3px;
    vertical-align: middle
}

.button-dropdown ul.button-dropdown-menu-below {
    top: 115%
}

.button-dropdown ul.button-dropdown-menu-above {
    bottom: 115%;
    top: auto
}

.button-dropdown ul {
    -moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.6);
    box-shadow: 0px 3px 6px rgba(0,0,0,0.6);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: none;
    position: absolute;
    background: #fcfcfc;
    top: -2px;
    left: -2px;
    z-index: 1000;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    min-width: 102%
}

.button-dropdown ul li {
    padding: 0px;
    margin: 0px;
    display: block
}

.button-dropdown ul li:first-child a {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px
}

.button-dropdown ul li:last-child a {
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.button-dropdown ul .button-dropdown-divider {
    -moz-box-shadow: inset 0px 1px 0px #fff;
    -webkit-box-shadow: inset 0px 1px 0px #fff;
    box-shadow: inset 0px 1px 0px #fff;
    border-top: 1px solid #e4e4e4
}

.button-dropdown ul a {
    display: block;
    padding: 0px 20px;
    text-decoration: none;
    font-size: 12px;
    color: #333;
    line-height: 30px;
    white-space: nowrap
}

.button-dropdown ul a:hover {
    background-color: #3c6ab9;
    color: #fff
}

html,body {
    height: 100%
}

body {
    color: #1f1f1f;
    font-size: 13px;
    line-height: 1.4;
    background: url(../images/bg.png) repeat 0 0;
    border-top: 3px solid #85733E;
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif
}

h1,h2,h3,h4,h5,h6,address,div,blockquote,p,pre,ul,li,dl,dt,dd,hr {
    margin: 0;
    padding: 0;
    border: 0;
    font-style: normal;
    font-weight: normal;
    font-size: 100%
}

li {
    margin: 0;
    padding: 0;
    list-style: none
}

img {
    vertical-align: text-bottom
}

a {
    color: #945a1e;
    text-decoration: none;
    outline: none;
    -moz-transition-property: color;
    -o-transition-property: color;
    -webkit-transition-property: color;
    transition-property: color;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s
}

a:hover {
    color: #f0599d
}

a:hover img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8
}

a,a:link,a:visited,a:active,a:hover {
    outline: none
}

.clear {
    clear: both
}

.tbl {
    display: table;
    table-layout: fixed
}
.odd {
    background: #fff
}
.even {
    background: #fdfafb
}
.txt-left {
    text-align: left
}
.txt-right {
    text-align: right
}
.txt-center {
    text-align: center
}
.txt-small {
    font-size: 12px
}
.txt-caption {
    color: #3399CC;
    font-weight: bold
}
.msg-notfound {
    padding: 20px 10px 10px;
    color: #666666;
    font-size: 16px
}
.msg-thanks {
    color: #666666;
    font-size: 16px;
    margin-bottom: 15px
}
.msg-success {
    background-color: #DFF0D8;
    border: 1px solid #D6E9C6;
    color: #468847;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 8px 14px 8px 14px;
    margin-bottom: 20px
}

.require,.red {color: #FF0000}
.mt5 {margin-top: 5px}
.mt10 {margin-top: 10px}
.mt15 {margin-top: 15px}
.mt20 {margin-top: 20px}
.mt25 {margin-top: 25px}
.mt30 {margin-top: 30px}
.mt35 {margin-top: 35px}
.mt40 {margin-top: 40px}
.mt45 {margin-top: 45px}
.mt50 {margin-top: 50px}
.mb5 {margin-bottom: 5px}
.mb10 {margin-bottom: 10px}
.mb15 {margin-bottom: 15px}
.mb20 {margin-bottom: 20px}
.mb25 {margin-bottom: 25px}
.mb30 {margin-bottom: 30px}
.mb35 {margin-bottom: 35px}
.mb40 {margin-bottom: 40px}
.mb45 {margin-bottom: 45px}
.mb50 {margin-bottom: 50px}
.btn {
    border: 1px solid #B3B3B3;
    padding: 2px 12px;
    line-height: 19px;
    color: #1f1f1f;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #e6e6e6;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFDFDFD', endColorstr='#FFE6E6E6');
    background-image: -moz-linear-gradient(top, #fdfdfd 0%,#e6e6e6 100%);
    background-image: -webkit-linear-gradient(top, #fdfdfd 0%,#e6e6e6 100%);
    background-image: linear-gradient(to bottom, #fdfdfd 0%,#e6e6e6 100%);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.35),0 1px 0 rgba(255,255,255,0.4) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.35),0 1px 0 rgba(255,255,255,0.4) inset;
    box-shadow: 0 1px 2px rgba(0,0,0,0.35),0 1px 0 rgba(255,255,255,0.4) inset;
    text-shadow: 0 1px 1px rgba(0,0,0,0.25)
}

.btn:hover,.btn:active {
    color: #1f1f1f
}

.btn:hover {
    background-color: #d9d9d9;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF0F0F0', endColorstr='#FFD9D9D9');
    background-image: -moz-linear-gradient(top, #f0f0f0 0%,#d9d9d9 100%);
    background-image: -webkit-linear-gradient(top, #f0f0f0 0%,#d9d9d9 100%);
    background-image: linear-gradient(to bottom, #f0f0f0 0%,#d9d9d9 100%)
}

.btn:active {
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.35) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.35) inset;
    box-shadow: 0 1px 2px rgba(0,0,0,0.35) inset
}

.guideline {
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #CF004D;
}

#mainContent #contact_title{
    margin-bottom: 0;
}

.btn2 {
    border: 1px solid #B3B3B3;
    padding: 2px 12px;
    line-height: 19px;
    color: #1f1f1f;
    text-align: center;
    vertical-align: middle;

    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #e6e6e6;

    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFDFDFD', endColorstr='#FFE6E6E6');
    background-image: -moz-linear-gradient(top, #fdfdfd 0%,#e6e6e6 100%);
    background-image: -webkit-linear-gradient(top, #fdfdfd 0%,#e6e6e6 100%);
    background-image: linear-gradient(to bottom, #fdfdfd 0%,#e6e6e6 100%);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.35),0 1px 0 rgba(255,255,255,0.4) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.35),0 1px 0 rgba(255,255,255,0.4) inset;
    box-shadow: 0 1px 2px rgba(0,0,0,0.35),0 1px 0 rgba(255,255,255,0.4) inset;
    text-shadow: 0 1px 1px rgba(0,0,0,0.25);
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 0px;
}
.btn2 a {
    display: block;
    cursor: pointer;
}
.btn2:hover {
    background-color: #d9d9d9;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF0F0F0', endColorstr='#FFD9D9D9');
    background-image: -moz-linear-gradient(top, #f0f0f0 0%,#d9d9d9 100%);
    background-image: -webkit-linear-gradient(top, #f0f0f0 0%,#d9d9d9 100%);
    background-image: linear-gradient(to bottom, #f0f0f0 0%,#d9d9d9 100%)
}

.btn-reg,.btn-del {
    color: #FFFFFF;
    text-shadow: 0 1px 1px rgba(0,0,0,0.45)
}

.btn-reg:hover,.btn-reg:active,.btn-del:hover,.btn-del:active {
    color: #FFFFFF
}

.btn-reg {
    border-color: #7A9139;
    background-color: #7d9c39;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF98B73C', endColorstr='#FF7D9C39');
    background-image: -moz-linear-gradient(top, #98b73c 0%,#7d9c39 100%);
    background-image: -webkit-linear-gradient(top, #98b73c 0%,#7d9c39 100%);
    background-image: linear-gradient(to bottom, #98b73c 0%,#7d9c39 100%)
}

.btn-reg:hover {
    background-color: #6e8932;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF88A436', endColorstr='#FF6E8932');
    background-image: -moz-linear-gradient(top, #88a436 0%,#6e8932 100%);
    background-image: -webkit-linear-gradient(top, #88a436 0%,#6e8932 100%);
    background-image: linear-gradient(to bottom, #88a436 0%,#6e8932 100%)
}

.btn-del {
    border-color: #B04942;
    background-color: #bf5143;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE55249', endColorstr='#FFBF5143');
    background-image: -moz-linear-gradient(top, #e55249 0%,#bf5143 100%);
    background-image: -webkit-linear-gradient(top, #e55249 0%,#bf5143 100%);
    background-image: linear-gradient(to bottom, #e55249 0%,#bf5143 100%)
}

.btn-del:hover {
    background-color: #ad483b;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE23D33', endColorstr='#FFAD483B');
    background-image: -moz-linear-gradient(top, #e23d33 0%,#ad483b 100%);
    background-image: -webkit-linear-gradient(top, #e23d33 0%,#ad483b 100%);
    background-image: linear-gradient(to bottom, #e23d33 0%,#ad483b 100%)
}

.btn-large {
    padding: 5px 12px;
    font-size: 22px;
    line-height: 35px;
    font-weight: bold
}

.btn-wrap {
    padding: 10px;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: -moz-linear-gradient(top, #e3e3e3,#f2f2f2);
    background: -webkit-linear-gradient(top, #e3e3e3,#f2f2f2);
    background: linear-gradient(to bottom, #e3e3e3,#f2f2f2);
    -moz-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.04);
    -webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.04);
    box-shadow: inset 0px 1px 3px rgba(0,0,0,0.04)
}

.glow {
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -ms-animation-duration: 3s;
    -o-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -khtml-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: glowing;
    -khtml-animation-name: glowing;
    -moz-animation-name: glowing;
    -ms-animation-name: glowing;
    -o-animation-name: glowing;
    animation-name: glowing
}

.single-head .item,#mainContent .item .head, .area_search .head .item{
    border-bottom: 3px solid #d9cab0;
    padding: 0 5px 2px;
    font-size: 18px
}
.single-head .item span,#mainContent .item .head span, .area_search .head .item span{
    font-size: 14px
}

.status {
    padding: 0 10px 12px;
    background: url(../images/bg-dot.gif) repeat-x left bottom
}

.status.one {
    padding-bottom: 10px;
    background: none
}

.more-link {
    text-align: right;
    margin: 10px 0
}

.tbl-border {
    width: 100%;
    font-size: 14px
}

.tbl-border th,.tbl-border td {
    border-bottom: 1px dotted #CCCCCC
}

.tbl-border th {
    width: 100px;
    padding: 15px 10px
}

.tbl-border td {
    padding: 15px 10px 15px 0
}

.page_navi {
    padding: 12px 10px 10px;
    text-align: center;
    background: url(../images/bg-dot.gif) repeat-x top left
}

.page_navi a,.page_navi span {
    display: inline-block;
    height: 22px;
    width: 22px;
    margin: 0 5px;
    line-height: 22px;
    text-align: center
}

.page_navi span.page {
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #a78350;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF735A37', endColorstr='#FFA78350');
    background-image: -moz-linear-gradient(top, #735a37 0%,#a78350 100%);
    background-image: -webkit-linear-gradient(top, #735a37 0%,#a78350 100%);
    background-image: linear-gradient(to bottom, #735a37 0%,#a78350 100%);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.5) inset;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5) inset;
    box-shadow: 0 1px 1px rgba(0,0,0,0.5) inset
}

.status+.page_navi {
    padding-top: 10px;
    background: none
}

.single-head,#mainContent .item .head,#header,#head-arealink ul,#head-utility-nav ul,#g-nav>ul,#g-nav .popout,#mainContent .list-pickup,#mainContent .list-pickup li p,#mainContent .list-large li,#mainContent .list-large2 li,#mainContent .list-large2 li .info,#mainContent .list-large2 li .info .date,#mainContent .list-small li,#mainContent .list-kodawari,#mainContent .movie,#side-topics ul li,#iconinfo1 dl,#iconinfo2 dl,#footContent,#foot-nav,#foot-info,#foot-link ul,#breadcrumb ul,.list-head,#result .head,#news-result .head,#report-result .head,#result .content,#result .content .info .list-service,#result .content .info .list-status,#result .content .info .opt,#news-result .content .post,.report-form,#report-result .content .opt ul,#kiyaku dl,#link dl,#work .topics,#movie .topics,#work .list-showcase,#movie .list-showcase,#report-blog {
    overflow: hidden;
    *zoom: 1
}

.single-head:after,#mainContent .item .head:after,#header:after,#g-nav>ul:after,#g-nav .popout:after,#container:after,#mainContent .list-pickup:after,#mainContent .list-pickup li p:after,#mainContent .list-large li:after,#mainContent .list-large2 li:after,#mainContent .list-large2 li .info:after,#mainContent .list-large2 li .info .date:after,#mainContent .list-small li:after,#mainContent .list-kodawari:after,#mainContent .movie:after,#side-topics ul li:after,#iconinfo1 dl:after,#iconinfo2 dl:after,#footContent:after,#foot-nav:after,#foot-info:after,#foot-link ul:after,#breadcrumb ul:after,.list-head:after,#result .head:after,#news-result .head:after,#report-result .head:after,#result .content:after,#result .content .info .list-service:after,#result .content .info .list-status:after,#result .content .info .opt:after,#news-result .content .post:after,.report-form:after,#report-result .content .opt ul:after,#kiyaku dl:after,#link dl:after,#work .topics:after,#movie .topics:after,#work .list-showcase:after,#movie .list-showcase:after,#body_pandachannel #text-link:after,#report-blog:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: "."
}

#wrapper {
    position: relative;
    margin: 0 auto;
    width: 1020px;
    background: #FFFFFF;
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2);
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    z-index: 200
}

#header {
    position: relative;
    height: 138px;
    width: 1020px;
    background: url(../images/bg-header.png) no-repeat 0 0;
    background-size: cover;
    overflow: visible !important
}

#header #head-logo {
    float: left;
    padding: 49px 0 0 13px;
}

#header #head-banner,#header #head-pagetxt-area {
    float: right;
    width: 468px;
    padding: 41px 20px 0 0;
    font-size: 10px;
}
#header #head-pagetxt-area #header_h1 {
    margin-bottom: 4px;
    padding-bottom: 1px;
    border-bottom: 1px solid #dacea3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#header #head-pagetxt-area #header_h1 span {
    color: #dacea3;
}

#head-arealink {
    position: absolute;
    top: 0;
    width: 100%;

}
#head-arealink ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
    box-shadow: 0 1px 2px rgb(199 190 169);
    background-color: #ded3b9;
}
#head-arealink ul li a {
    display: block;
    height: 30px;
    padding: 2px 15px 0 15px;
    line-height: 30px;
    color: #594E37;
    text-align: left;
    background:url(../images/dot-arealink.png) no-repeat center left;
    box-sizing: border-box;
}
#head-arealink ul li:first-child a {
    background: none;
}
#head-arealink ul li a:hover {
    color: #98855e;
}
#head-arealink ul li a i {
    margin-right: 5px;
}


#head-utility-nav {
    position: absolute;
    top: 31px;
    left: 100%;
    text-align: center;
}

#head-utility-nav ul {
    position: fixed;
    background-color: #fbfaf7;
    box-shadow: 2px 1px 3px rgba(0,0,0,0.2);
}
#head-utility-nav ul li:first-child::after {
    content: "";
    display: block;
    width: 54%;
    margin: 0 auto;
    border-bottom: 1px dashed #ded3b9;
}
#head-utility-nav ul li a {
    position: relative;
    display: block;
    padding: 15px 10px;
    color: #1F1F1F;
    font-size: 12px;
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    transition: all 0.2s;
}
#head-utility-nav ul li a:hover {
    color: #ded3b9;
    background-color: #644d41;
}
#head-utility-nav ul li:last-child a{
    border-bottom: none;
}

/* #head-arealink {
    position: absolute;
    top: -3px;
    right: auto;
    bottom: auto;
    left: 5px;
}

#head-arealink ul {
    border-top: 3px solid #BCAD87;
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0;
    border-radius: 0 0 6px 6px;
    -moz-box-shadow: 0 0 2px rgba(57,45,40,0.6);
    -webkit-box-shadow: 0 0 2px rgba(57,45,40,0.6);
    box-shadow: 0 0 2px rgba(57,45,40,0.6)
}

#head-arealink ul li,#head-arealink ul a {
    height: 30px
}

#head-arealink ul li {
    float: left
}

#head-arealink ul li a {
    display: block;
    padding: 0 11.5px;
    background: url(../images/dot-arealink.png) no-repeat center right #ded3b9;
    line-height: 30px;
    color: #594E37
}

#head-arealink ul li a:hover {
    color: #98855e
}

#head-arealink ul li a i {
    margin-right: 5px
}

#head-arealink ul li:first-child a {
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px
}

#head-arealink ul li:last-child a {
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    background-image: none;
    font-size: 95%;
}

#head-utility-nav {
    position: absolute;
    top: 0;
    right: 211px;
    bottom: auto;
    left: auto;
    z-index: 300
}

#head-utility-nav ul {
    position: fixed;
    width: 204px;
    background-color: #fbfaf7;
    *zoom: 1;
    -moz-box-shadow: 0 0 4px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3);
    box-shadow: 0 0 4px rgba(0,0,0,0.3)
}

#head-utility-nav ul li {
    float: left;
    width: 84px;
    padding: 0 9px;
    background: url(../images/dot-utility.png) no-repeat center right;
    text-align: center
}

#head-utility-nav ul li:last-child {
    background: none
}

#head-utility-nav ul li li,#head-utility-nav ul li a {
    height: 30px
}

#head-utility-nav ul li a {
    line-height: 30px;
    display: block;
    color: #1F1F1F;
    font-size: 12px
}

#head-utility-nav ul li a:hover {
    color: #525252
} */

#g-nav,#g-nav>ul,#g-nav>ul>li,#g-nav>ul>li>a {
    height: 43px
}

#g-nav {
    width: 1020px;
    background: url(../images/nav.png) no-repeat 0 -50px
}

#g-nav>ul {
    padding-left: 20px;
    overflow: visible !important;
    width: 980px
}

#g-nav>ul>li {
    position: relative;
    float: left
}

#g-nav>ul>li>a,#g-nav>ul>li div {
    display: block;
    background: url(../images/nav.png) no-repeat 0 0;
    line-height: 43px;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    text-align: left;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s
}

#g-nav1 {
    width: 163px
}

#g-nav1>a,#g-nav1 div {
    width: 163px;
    background-position: -20px 0 !important
}

#g-nav1:hover>a,#g-nav1:hover div {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

#g-nav2 {
    width: 163px
}

#g-nav2>a,#g-nav2 div {
    width: 163px;
    background-position: -183px 0 !important
}

#g-nav2:hover>a,#g-nav2:hover div {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

#g-nav3 {
    width: 163px
}

#g-nav3>a,#g-nav3 div {
    width: 163px;
    background-position: -346px 0 !important
}

#g-nav3:hover>a,#g-nav3:hover div {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

#g-nav4 {
    width: 163px
}

#g-nav4>a,#g-nav4 div {
    width: 163px;
    background-position: -509px 0 !important
}

#g-nav4:hover>a,#g-nav4:hover div {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

#g-nav5 {
    width: 163px
}

#g-nav5>a,#g-nav5 div {
    width: 163px;
    background-position: -672px 0 !important
}

#g-nav5:hover>a,#g-nav5:hover div {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

#g-nav6 {
    width: 163px
}

#g-nav6>a,#g-nav6 div {
    width: 163px;
    background-position: -835px 0 !important
}

#g-nav6:hover>a,#g-nav6:hover div {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

#g-nav .popout {
    top: -99999px;
    position: absolute;
    top: -99999px auto auto 0;
    right: auto;
    bottom: auto;
    left: auto;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    width: 375px;
    padding: 10px 20px 10px 20px;
    background: #DED3B9;
    z-index: -100
}

#g-nav .popout li {
    float: left;
    width: 187px
}

#g-nav .popout li a {
    width: 100%;
    padding: 5px 0;
    color: #594E37;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

#g-nav .popout li a:hover {
    color: #FF8000
}

#g-nav .popout li a i {
    margin-right: 5px
}

#g-nav .single {
    width: 163px
}

#g-nav>ul>li:hover .popout {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=98);
    opacity: 0.98;
    top: 41px;
    background: #DED3B9;
    -moz-box-shadow: 0 0 4px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.6);
    box-shadow: 0 0 4px rgba(0,0,0,0.6);
    z-index:1;
}


/* NEWグローバルナビ 20240315 */
#g_nav{
    width: 1020px;
    background: -moz-linear-gradient(to bottom,#6b574a 0%,#523e33 100%);
    background: -webkit-linear-gradient(to bottom,#6b574a 0%,#523e33 100%);
    background: linear-gradient(to bottom,#6b574a 0%,#523e33 100%); 
    padding: 3px 0;
}
#g_nav .frame{
    border-top: 2px dashed #a0917e;
    border-bottom: 2px dashed #a0917e;
    width: 100%;
    height: 100%;
    padding: 5px 0;
}
#g_nav ul{
    width: 100%;
    margin-left: 20px;
}
#g_nav ul li{
    display: inline-block;
    width: calc(100% / 6 - 10px);
    height: 100%;
    box-sizing: border-box;
    border-right: 1px solid #a0917e;
    transition: 0.2s;
}
#g_nav ul li:first-child{
    border-left: 1px solid #a0917e;
}
#g_nav ul li:hover{
    background: #2b211c;
}
#g_nav ul li a{
    display: block;
    padding: 5px 0;
    color: #DACEB2;
    text-align: center;
    box-sizing: border-box;
    font-weight: 700;
}


/*店舗名で検索*/
.search_shop_01{
    display: inline-block;
    margin-bottom: 14px;
}

.search_shop{
 margin: 4px 0;
}

.search_shop input{
    border-radius: 4px 0 0 4px;
    border: 1px solid #584337;
    background: #ede7cd;
    padding-left: 4px;
    float: left;
    font-size: 12px;
    height: 25px;
}

.search_shop button{
   background: #6a5648;
   border-radius: 0 4px 4px 0;
   border: none;
   vertical-align: bottom;
   color: #fff;
   float: left;
   padding: 4px;
}

.search_shop button img{
    filter: invert(100%);
    margin-bottom: 2px;
    width: 18px;
}

#container {
    position: relative;
    padding: 30px 20px 90px;
    /* z-index: -200 */
}

#mainContent {
    width: 780px;
    float: right
}

/*下層ページページトップh2*/
.pagetop_h2{
    padding: 5px 0 0;
    margin: 10px 0px;
    font-size: 18px;
    border-bottom: 3px solid #d9cab0;
}
.pagetop_h2_txt{
margin-bottom: 10px;
}


/*------------------------------------------------
エリアから探す
------------------------------------------------*/
#mainContent .area_search {
    width: 780px;
    margin-bottom: 30px;
}
#mainContent .area_search .head h2 {
    margin-bottom: 10px;
}
#mainContent .area_search .head h3 {
    margin-bottom: 10px;
}
#mainContent .item .head h2 {
    float: left;
}
#mainContent .area_search_left .area_list {
    width: 100%;
    max-height: 288px;
/*    float:left;*/
    background: #fbf8f6;
    padding: 10px;
    overflow-y: auto;
    box-sizing: border-box;
}
#mainContent .area_search_left .area_list a{color: #474645;}
#mainContent .area_search_left .area_list .medium{
    flex-wrap: wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}
#mainContent .area_search_left .area_list .medium li {
    min-width: 90px;
    display: block;
    margin: 0px 4px 6px 0;
    padding: 0 8px;
    border: solid 1px #d9cbb0;
    background: #fff;
    border-radius: 3px;
    min-height: 42px;
    box-sizing: border-box;
    box-shadow: 0 1px 2px 0 rgb(217 203 176);
    color: #13131e;
}

#mainContent .area_search_left .area_list .medium li a span{
    position: relative;
    height: 100%;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    font-weight: 700;
    font-size: 11px;
}
#mainContent .area_search_left .area_list .small{
    margin-top: 10px;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}
#mainContent .area_search_left .area_list .small li{
    margin: 0 0px 6px 0;
    width: calc(100% / 4);
}
#mainContent .area_search_left .area_list .small li a{font-size: 11px;}
#mainContent .area_search_left .area_list .small li:before {
    content: "\f138";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    width: 20px;
    line-height: 20px;
    color: #a2c758;
    text-align: center;
    vertical-align: top;
}
/*右側 トップ10*/
#mainContent .area_search .area_search_right {
    width: 225px;
    height: 370px;
    float: right;
    font-size: 12px;
    font-weight: bold;
    line-height: 2;
}
#mainContent .area_search .area_search_right .mini_title {
    width: 100%;
    margin: 0 0 7px 0;
    padding: 3px 0 0 0;
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background-color: #E4D7AD;
}
/*
__エリアから探す
------------------------------------------------*/

#pickup { clear: both;}

/*TOPランキング*/

#top_ranking ul{
overflow: hidden; /* スクロールバーを表示(※) */
height: 290px;
}

#top_ranking li{
    width: 220px;
    height: 40px;
    font-size: 12px;
    border-bottom: dashed 1px #D3BEA0;
    padding: 0;
    position: relative;
}

#top_ranking li img{
    padding: 0px 5px;
    position: absolute;
    top: 55%;
    margin-top: -1em;
}

#top_ranking li .name{
    width: 160px;
    overflow: hidden;
    line-height:1.2;
    height:29px;
    position: absolute;
    top: 50%;
    left:45px;
    margin-top: -1em;
}
#top_ranking .li_btn {
    overflow: hidden;
}
#top_ranking .il_name {
    margin-left: 40px;
    padding-top: 4px;
    line-height: 1.4;
}


#mainContent .branding {
    position: relative;
    height: 250px;
    width: 780px;
    margin-bottom: 30px
}

#mainContent .branding p {
    color: #FFFFFF;
    font-family: "明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
    font-size: 14px;
    line-height: 20px;
    -webkit-transform-origin: 0 0;
    -webkit-transform: scale(1, 1.01);
    -moz-transform-origin: 0 0;
    -moz-transform: scale(1, 1.01);
    -ms-transform-origin: 0 0;
    -ms-transform: scale(1, 1.02);
    -o-transform-origin: 0 0;
    -o-transform: scale(1, 1.01);
    position: absolute;
    top: 65px;
    right: atuo;
    bottom: atuo;
    left: 40px;
    text-shadow: 1px 1px 3px rgba(0,0,0,1);
}

#mainContent .item {
    margin-bottom: 20px
}

#mainContent .item .head h3 {
    float: left
}

#mainContent .item .head .more {
    float: right;
    color: #202020;
    font-size: 12px;
    line-height: 20px
}

#mainContent .item .head .more:after {
    margin-left: 10px;
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    height: 20px;
    width: 20px;
    line-height: 20px;
    background: #a2c758;
    color: #fff;
    text-align: center;
    vertical-align: top;
    -moz-transition-property: background;
    -o-transition-property: background;
    -webkit-transition-property: background;
    transition-property: background;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s
}

#mainContent .item .head .more:hover {
    color: #f0599d
}

#mainContent .item .head .more:hover:after {
    background: #f0599d
}

#mainContent .item .foot {
    height: 20px;
    margin: 10px 0 10px 0
}

#mainContent .item .foot .more {
    float: right;
    color: #202020;
    font-size: 12px;
    line-height: 20px
}

#mainContent .item .foot .more:after {
    margin-left: 10px;
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    height: 20px;
    width: 20px;
    line-height: 20px;
    background: #a2c758;
    color: #fff;
    text-align: center;
    vertical-align: top;
    -moz-transition-property: background;
    -o-transition-property: background;
    -webkit-transition-property: background;
    transition-property: background;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s
}

#mainContent .item .foot .more:hover {
    color: #f0599d
}

#mainContent .item .foot .more:hover:after {
    background: #f0599d
}

#mainContent .list-pickup {
    padding: 12px 0 0 20px;
    overflow: hidden
}

#mainContent .list-pickup li {
    float: left;
    margin-right: 20px;
    width: 132px
}

#mainContent .list-pickup li p {
    padding-top: 4px;
    margin-bottom: 4px
}

#mainContent .list-pickup li p img,#mainContent .list-pickup li p .station {
    float: left
}

#mainContent .list-pickup li .flex {
    display: flex;
}
#mainContent .list-pickup li p .ic_info:first-of-type {
    margin-right: 5px
}
#mainContent .list-pickup li p .station {
    width: 101px;
    display:inline-block;
    text-align: left;
    background: url(../images/icon-station.svg) no-repeat 0 0;
    padding-left: 21px;
    color: #666666;
    font-size: 12px;
    vertical-align: top;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
#mainContent .list-pickup li .shop {
    width: 132px;
    display:inline-block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}


#mainContent .list-large li {
    padding: 10px;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px dashed #E4DFDB
}

#mainContent .list-large li .thumbs,#mainContent .list-large li .info,#mainContent .list-large li .mark {
    float: left
}

#mainContent .list-large li .thumbs {
    width: 90px
}

#mainContent .list-large li .mark {
    width: 60px
}

#mainContent .list-large li .info {
    width: 590px;
    padding: 0 10px
}

#mainContent .list-large li .info .date,#mainContent .list-large li .info .station,#mainContent .list-large li .info .shop {
    color: #666666
}

#mainContent .list-large li .info h3 {
    font-size: 14px;
    margin-bottom: 5px
}

#mainContent .list-large li .info .opt {
    font-size: 12px;
    line-height: 16px
}

#mainContent .list-large li .info .opt .station {
    background: url(../images/icon-station.svg) no-repeat 0 0;
    padding-left: 21px;
    margin-right: 5px;
    color: #666666;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

#mainContent .list-large li .info .opt .shop {
    font-size: 14px;
    font-weight: bold
}

#mainContent .list-large2 li {
    padding: 10px;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px dashed #E4DFDB
}

#mainContent .list-large2 li .thumbs,#mainContent .list-large2 li .info {
    float: left
}

#mainContent .list-large2 li .thumbs {
    width: 120px;
}

#mainContent .list-large2 li .info {
    width: 630px;
    padding-left: 10px
}

#mainContent .list-large2 li .info .date,#mainContent .list-large2 li .info .station,#mainContent .list-large2 li .info .shop {
    color: #666666
}

#mainContent .list-large2 li .info .date .flex {
    display: flex;
    float: right;
    line-height: 18px;
    font-size: 11px
}
#mainContent .list-large2 li .info .date .flex p {
    color: #B4A798;
}
#mainContent .list-large2 li .info .date .flex .ic_info {
    margin-left: 5px;
}

#mainContent .list-large2 li .info .wrap {
    float: left;
    width: 610px
}

#mainContent .list-large2 li .info .wrap h3 {
    font-size: 14px;
    margin-bottom: 5px
}

#mainContent .list-large2 li .info .wrap .opt {
    font-size: 12px;
    line-height: 16px
}

#mainContent .list-large2 li .info .wrap .opt .station {
    background: url(../images/icon-station.svg) no-repeat 0 0;
    padding-left: 21px;
    margin-right: 5px;
    color: #666666;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

#mainContent .list-large2 li .info .wrap .opt .shop {
    font-size: 14px;
    font-weight: bold
}

#mainContent .list-large2 li .info .mark {
    float: right;
    width: 60px;
    padding-top: 10px
}

#mainContent .list-small li {
    height: 58px;
    padding: 10.1px;
    border-bottom: 1px dashed #E4DFDB
}

#mainContent .list-small li .date,#mainContent .list-small li h4,#mainContent .list-small li .shop {
    float: left
}

#mainContent .list-small li .date,#mainContent .list-small li .shop {
    color: #666666;
    line-height: 19.6px
}

#mainContent .list-small li .date {
    width: 70px;
    font-size: 12px
}

#mainContent .list-small li h3 {
    width: 470px;
    /*padding: 0 10px;*/
    font-size: 14px;
    display: inline-block;
}

#mainContent .list-small li .shop {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#mainContent .list-kodawari {
    margin-right: -10px;
    padding: 20px 0 0 10px
}

#mainContent .list-kodawari li {
    float: left;
    width: 370px;
    margin: 0 20px 0 0
}
#mainContent .list-kodawari li .comment {
    color: #6a4015;
    height: 50px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 11px
}
#mainContent .movie {
    padding: 20px 0 0 20px
}
#mainContent .movie li {
    width: 170px;
    height: 220px;
    float: left;
    margin-right: 20px
}
#mainContent .movie li .station {
    display: block;
    background: url(../images/icon-station.svg) no-repeat 0 0;
    padding-left: 21px;
    color: #666666;
    font-size: 12px;
    vertical-align: top;
    padding-bottom: 5px
}
#mainContent .movie li .icon {
    margin: 5px auto 5px auto
}

#soldout .station {
    background: url(../images/icon-station.svg) no-repeat 0 0;
    padding-left: 21px;
    margin-right: 5px;
    color: #666666;
    display: inline-block;
    vertical-align: middle;
}

#report-blog .content{
    width: 50%;
    float: left;
}
#map .content {
    padding: 20px 10px 0
}
#map_canvas {
    height: 459px;
    width: 760px
}
.gmap img {
    height: 16px;
    width: 16px
}
#kodawari.item {
    margin-bottom: 20px
}
#pickup .head {
    padding-bottom: 1px !important
}
#sidebar {
    float: left;
    width: 180px;
    margin-top: 2px;
}
#sidebar .title_side {
    margin-bottom: 10px;
    padding: 0 5px 10px;
    border-bottom: 3px solid #d9cab0;
    font-size: 16px;
    letter-spacing: .1em;
}
#sidebar .item,#sidebar .banner {
    margin-bottom: 40px
}

#sidebar .banner ul li {
    margin-bottom: 10px
}

#sidebar .banner ul li:last-child {
    margin-bottom: 0
}

#sidebar h3 {
    margin-bottom: 10px;
    padding: 0 5px 10px;
    border-bottom: 3px solid #d9cab0
}

#sub-nav {
    height: 109px;
    background: url(../images/bg-sub-nav.png) no-repeat 0 0;
    padding: 11px 10px 0 10px
}

#sub-nav ul li,#sub-nav ul li a {
    height: 44px;
    width: 160px
}

#sub-nav ul li {
    margin-bottom: 10px
}

#sub-nav ul li a {
    display: block;
    line-height: 44px;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    text-align: left
}

#sub-nav1 {
    background: url(../images/btn-sub-nav1.png) no-repeat 0 0
}

#sub-nav2 {
    background: url(../images/btn-sub-nav2.png) no-repeat 0 0
}

#side-area ul li,#side-area ul li,#side-area ul a {
    color: #212121
}

#side-area ul .area-d {
    position: relative;
    padding: 5px 30px 5px 10px;
    line-height: 1em;
    cursor: pointer;
    background-color: #dbcd9b;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFFFFFFF', endColorstr='#FFDBCD9B');
    background-image: -moz-linear-gradient(left, #ffffff 0%,#dbcd9b 100%);
    background-image: -webkit-linear-gradient(left, #ffffff 0%,#dbcd9b 100%);
    background-image: linear-gradient(to right, #ffffff 0%,#dbcd9b 100%)
}

#side-area ul .area-d:after {
    position: absolute;
    top: 5px;
    right: 10px;
    content: "\f0d8";
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#side-area ul .area-d-ex {
    position: relative;
    padding: 5px 30px 5px 10px;
    line-height: 1em;
    cursor: pointer;
    background-color: #dbcd9b;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFFFFFFF', endColorstr='#FFDBCD9B');
    background-image: -moz-linear-gradient(left, #ffffff 0%,#dbcd9b 100%);
    background-image: -webkit-linear-gradient(left, #ffffff 0%,#dbcd9b 100%);
    background-image: linear-gradient(to right, #ffffff 0%,#dbcd9b 100%)
}

#side-area ul .area-d-ex:after {
    position: absolute;
    top: 5px;
    right: 10px;
    content: "\f0d8";
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#side-area ul .area-s-ex {
    padding: 10px;
    border-bottom: 1px solid #d9cab0;
    font-size: 12px
}

#side-area ul .close:after {
    content: "\f0d7"
}

#side-area ul .area-s {
    display: none;
    padding: 10px;
    border-bottom: 1px solid #d9cab0;
    font-size: 12px
}

#side-area ul .area-belt {
    padding: 5px 20px 5px 10px;
    line-height: 1em;
    background-color: #EBE2BF;
}

#side-area ul li:last-child {
    border-bottom: none
}

#side-topics {
    margin-right: -17px
}

#side-topics h3 {
    width: 170px
}

#side-topics .content {
    position: relative;
    max-height: 650px;
    overflow-x: hidden
}

#side-topics ul {
    width: 180px
}

#side-topics ul li {
    padding: 10px;
    border-bottom: 1px dashed #E4DFDB
}

#side-topics .thumbs {
    float: left;
    width: 50px;
    height: 35px
}

#side-topics .info {
    float: right;
    width: 100px
}

#side-topics .info .date,#side-topics .info .title {
    margin-bottom: 2px
}

#side-topics .info .date {
    line-height: 1em;
    font-size: 11px
}

#side-topics .info .title {
    font-size: 12px
}

#side-topics .info .opt img {
    vertical-align: top
}

#side-topics .info .opt .station {
    display: block;
    background: url(../images/icon-station.svg) no-repeat 0 3px;
    padding: 3px 0 0 20px;
    line-height: 16px;
    color: #666666;
    font-size: 10px;
    vertical-align: top
}

#side-magazine h3 {
    margin-bottom: 17px
}

#side-magazine .content {
    padding: 10px;
    border: 1px solid #E1E1E1;
    background: #FCFAF8
}

#side-magazine .content h5 {
    margin-bottom: 10px;
    text-align: center
}

#side-magazine .content input[type="text"] {
    width: 152px;
    margin-bottom: 10px
}
/* アイコン */
.ic_info {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 16px;
    font-size: 11px;
    padding: 2px auto;
    border-radius: 2px;
    box-sizing: border-box;
    color: #fff;
}
/* 男性専用 */
.ic_info.mo {
    background: #366AFF;
}
/* 男女OK */
.ic_info.mw {
    background: #EE47A1;
}
/* 店舗 */
.ic_info.sp {
    background: #59A1C7;
}
/* ルーム */
.ic_info.rm {
    background: #FB8919;
}
/* 出張 */
.ic_info.tr {
    background: #97BF44;
}
/* 店・出 */
.ic_info.st {
    background: #FB4140;
}
/* ルーム・出 */
.ic_info.rt {
    background: #FC3E96;
}
/* サービス */
.ic_info.sv {
    background: #CC1932;
}
/* 割引 */
.ic_info.dis {
    background: #FB2200;
}
.ic_info.off {
    background: #CCCCCC;
}
#iconinfo1 dd {
    margin-left: 3px;
}
#iconinfo2 dd {
    margin-left: 10px;
}

#iconinfo1 p,#iconinfo2 p {
    padding: 0 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eae1d2;
    font-size: 14px
}

#iconinfo1 dl,#iconinfo2 dl {
    padding-bottom: 10px
}

#iconinfo1 dl dt,#iconinfo1 dl dd,#iconinfo2 dl dt,#iconinfo2 dl dd {
    float: left;
    height: 16px;
    margin-bottom: 5px;
    line-height: 16px
}

#iconinfo1 img,#iconinfo2 img {
    vertical-align: top
}

#iconinfo1 dl {
    font-size: 10px
}
#iconinfo1 .ic_info {
    font-size: 10px;
    width: 55px;
}

#iconinfo1 dl dt img {
    width: 48px;
    height: auto;
}

#iconinfo1 dl dd {
    width: 120px;
    letter-spacing: -1px;
}

#iconinfo2 {
    position: absolute;
    top: 185px;
    right: auto;
    bottom: auto;
    left: -320px;
    display: none
}

#iconinfo2 .inner {
    position: relative;
    top: 3px;
    width: 260px;
    padding: 15px 15px 0;
    line-height: 16px;
    background-color: #fbfaf7;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFDFCF8', endColorstr='#FFFBFAF7');
    background-image: -moz-linear-gradient(top, #fdfcf8 0%,#fbfaf7 100%);
    background-image: -webkit-linear-gradient(top, #fdfcf8 0%,#fbfaf7 100%);
    background-image: linear-gradient(to bottom, #fdfcf8 0%,#fbfaf7 100%);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
    box-shadow: 0 0 4px rgba(0,0,0,0.2)
}

#iconinfo2 dl {
    font-size: 12px
}

#iconinfo2 dl dd {
    width: 170px;
}

#iconinfo3{
    position: absolute;
    top: 185px;
    right: -300px;
    width: 260px;
    display: none;
}
#iconinfo3 .inner{
    position: relative;
    top: 3px;
    width: 260px;
}
#iconinfo3 .inner img{
    transition: 0.3s;
}

@media only screen and (min-width: 1600px) {
    #iconinfo1 {
        display:none
    }

    #iconinfo2 {
        display: block
    }

    #iconinfo3 {
        display: block
    }
}

#footer {
    position: relative;
/*     background: url(../images/bg-footer.png) repeat-x 0 0 */
    background: -moz-linear-gradient(to bottom, #6b574a 0%, #523e33 100%);
    background: -webkit-linear-gradient(to bottom, #6b574a 0%, #523e33 100%);
    background: linear-gradient(to bottom, #6b574a 0%, #523e33 100%);
    padding: 3px 0;
}

#footer .copy {
    padding: 15px 40px;
    line-height: 1;
    text-align: right;
    color: #212121;
    font-size: 10px;
    background: #fff;
}

#footContent {
    padding: 3px 0;
/*     height: 310px; */
}
#footContent .frame{
    border-top: 2px dashed #a0917e;
    border-bottom: 2px dashed #a0917e;
    width: 100%;
    height: 100%;
    padding: 10px 20px 20px;
    box-sizing: border-box;
    display: inline-block;
}

#foot-nav {
    float: left;
/*     height: 273px; */
    line-height: 1.5;
}

#foot-nav .nav1,#foot-nav .nav2,#foot-nav .nav3 {
    float: left;
    min-height: 230px;
    height: auto !important;
    height: 230px;
    background: url(../images/bg-foot-nav.png) no-repeat top right
}

#foot-nav .nav1,#foot-nav .nav3 {
    padding: 0 20px
}

#foot-nav .nav1 {
    width: 110px
}

#foot-nav .nav2 {
    width: 270px;
    padding: 0 10px 0 20px
}

#foot-nav .nav3 {
    width: 250px;
}

#foot-nav .title,#foot-nav .title a,#foot-nav .site a {
    color: #FFFFFF;
}

#foot-nav .title {
    margin-bottom: 10px;
}

#foot-nav ul li a {
    color: #FFF2D2;
}

#foot-nav ul li a:hover {
    color: #FF8000;
}

#foot-nav .nav2 .contentHolder {
    position: relative;
    width: 260px;
/*     height: 210px; */
/*     overflow: hidden */
}

#foot-info {
    float: right;
    width: 353px;
}

#foot-info #btn-bookmark {
    float: left;
    display: block;
    height: 35px;
    width: 35px;
    margin-right: 18px;
    background: url(../images/btn-bookmark.png) no-repeat 0 0;
    line-height: 35px;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    text-align: left;
}

#foot-info #info {
    float: left;
    width: 315px;
    padding-left: 50px;
    color: #FFFFFF
}

#foot-info #info>dt {
    margin-bottom: 10px
}

#foot-info #info dd {
    font-size: 11px;
    line-height: 1.5em;
}

#foot-info #info dd p {
    margin-bottom: 10px
}

#foot-info #info dd dl {
    /*background: url(../images/qr-code.png) no-repeat top right*/
}
#foot-info #info dd dl:last-child {
    margin-bottom: 10px;
}
#foot-info #info dd dl dt {
    background: url(../images/square.png) no-repeat 0 0;
    padding-left: 12px;
    padding-right: 4px;
    line-height: 1.1;
    display: inline-block;
}
#foot-info #info dd dl dd {
    line-height: 1.1;
    display: inline-block;
}

#foot-info #info a {
    color: #F6E8C9
}

#foot-info #info a:hover {
    color: #FF8000
}

#foot-link {
    clear: both
}

#foot-link ul {
    margin-right: -10px
}

#foot-link ul li {
    float: left;
    width: 155px;
    height: 78px;
    margin-right: 10px
}

#btn-top {
    display: block;
    height: 40px;
    width: 40px;
    background: url(../images/btn-top.png) no-repeat 0 0;
    position: absolute;
    top: -60px;
    right: 20px;
    bottom: auto;
    left: auto;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    text-align: left
}

#breadcrumb {
    padding: 5px 10px 10px;
    background: url(../images/bg-dot.gif) repeat-x bottom left;
    font-size: 12px;
    line-height: 14px
}

#breadcrumb ul li {
    float: left;
    margin-right: 5px
}

#breadcrumb ul .home {
    padding-left: 15px;
    background: url(../images/icon-home.svg) no-repeat 0 1px
}

#breadcrumb ul .spacer {
    font-size: 10px
}

#kodawari {
    padding: 10px 0 12px;
    background: url(../images/bg-dot.gif) repeat-x bottom left
}

#kodawari p {
    padding: 10px;
    font-size: 14px
}

.listFrm {
    padding: 10px 10px 30px
}

.listFrm select,.listFrm input[type="submit"] {
    margin-right: 5px
}

.listFrm label {
    color: #666666
}

.list-head,#result .head,#news-result .head,#report-result .head {
    padding: 5px 8px 5px 15px;
    background: #DED3B9
}

.list-head h4,#result .head h4,#news-result .head h4,#report-result .head h4 {
    float: left;
    width: 55%;
    font-size: 16px
}

.list-head h4 a,#result .head h4 a,#news-result .head h4 a,#report-result .head h4 a {
    color: #1f1f1f;
    text-decoration: underline
}

.list-head h4 a:hover,#result .head h4 a:hover,#news-result .head h4 a:hover,#report-result .head h4 a:hover {
    color: #f0599d
}
.list-head h2, #news-result .head h2, #report-result .head h2 {
    float: left;
    width: 55%;
    font-size: 16px;
}

.list-head h2 a,#news-result .head h2 a,#report-result .head h2 a {
    color: #1f1f1f;
    text-decoration: underline
}
.list-head .more,#result .head .more,#news-result .head .more,#report-result .head .more {
    float: right
}
#result .head .more {
    display: flex;
    margin-top: 4px;
}
#result .head .more .ic_info {
    margin-left: 5px;
}

#result .head h2 {
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
}
/*#result .head h3 {font-size: 18px;font-weight: bold;display: inline-block;}*/
#result .head .more img {
    vertical-align: middle;
}
#result .type_display {
    font-size: 12px;
    color: #727272
}

#result .content {
    padding: 20px;
    font-size: 12px
}

#result .content .thumbs {
    float: left;
    width: 160px
}

#result .content .thumbs a {
    display: block;
    margin-bottom: 10px
}

#result .content .thumbs a img {
    vertical-align: top;
}
#result .content .thumbs img {
    margin-bottom: 10px
}

#result .content .thumbs li {
    color: #666666;
    padding-left: 21px;
    margin-bottom: 4px
}

#result .content .thumbs .link-btn {
    padding: 2px 0;
    display: block;
    text-align: center;
    /* text-decoration: underline; */
}

#result .content .thumbs p {
    padding: 4px;
    margin-bottom: 15px;
    display: block;
    text-align: center;
    color: #ffffff;
    font-size: 11px;
    box-shadow: 0 2px #5e1822;
    background: #C44A5C;
}

#result .content .thumbs p:hover {
    opacity: 0.6;
}

#result .content .thumbs .text_card {
    margin-top: -8px;
    text-align: center;
    text-decoration: underline;
}
#result .content .thumbs .station {
    background: url(../images/icon-station.svg) no-repeat 0 0
}

#result .content .thumbs .tel {
    background: url(../images/icon-tel.svg) no-repeat 0 0
}

#result .content .thumbs .price {
    background: url(../images/icon-price.svg) no-repeat 0 0
}

#result .content .thumbs .working-hour {
    background: url(../images/icon-clock.svg) no-repeat 0 0
}

#result .content .thumbs .form-btn {
    text-align: center;
    margin-bottom: 20px
}

#result .content .thumbs .form-btn a {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

#result .content .thumbs .rec-thumb {
    margin-bottom: 20px
}

#result .content .info {
    float: right;
    width: 560px
}

#result .content .info .list-service,#result .content .info .list-status,#result .content .info .comment,#result .content .info .discount,#result .content .info .treat {
    margin-bottom: 10px
}

#result .content .info .list-service li,#result .content .info .list-status li {
    float: left
}

#result .content .info .list-service li img,#result .content .info .list-status li img {
    vertical-align: top
}

#result .content .info .list-service li {
    /* width: 70px; */
    margin-right: 10px
}

#result .content .info .list-status li {
    width: 55px;
    margin-right: 5px
}

#result .content .info .comment {
    padding: 0 5px
}

#result .content .info .discount,#result .content .info .treat,#result .content .info .rec-title {
    padding: 5px
}

#result .content .info .discount {
    background: #FDE0DE
}

/*2015/08/31 オススメコース用追加*/
#result .content .info .reco {
    color: #ff0000;
    font-weight: bold;
}

#result .content .info .reco_price {
    font-weight: bold;
}

#result .content .info .reco_detail {
    background-color: #fcebea;
    margin-top: 5px;
    padding: 3px;
}
/*2015/08/31 オススメコース用追加*/

#result .content .info .treat {
    background: #EEE9DC;
    color: #575747
}

#result .content .info .treat li {
    display: inline;
    margin-right: 5px
}

#result .content .info .rec-title {
    background: #DEFAFC
}

#result .content .info .rec-info li {
    border-bottom: 1px dashed #d9cab0;
    padding: 10px 0
}

#result .content .info .rec-info .tel,#result .content .info .rec-info .station {
    color: #666666
}

#result .content .info .rec-info .tel,#result .content .info .rec-info .station,#result .content .info .rec-info .official {
    padding-left: 21px;
    margin-bottom: 4px
}

#result .content .info .rec-info .station {
    background: url(../images/icon-station.svg) no-repeat 0 0
}

#result .content .info .rec-info .tel {
    background: url(../images/icon-tel.svg) no-repeat 0 0;
    margin-right: 10px
}

#result .content .info .rec-info .official {
    background: url(../images/icon-official.svg) no-repeat 0 0
}

#result .content .info .youtube {
    margin-top: 20px
}

#result .content .info .rec-etc {
    margin-top: 20px;
    text-align: right
}

/*#result .content .info .opt .news {
    float: left;
    width: 400px;
    padding: 14px 0 0 110px;
    font-size: 14px;
    background: url(../images/icon-news.png) no-repeat 0 10px
}

#result .content .info .opt .news a {
    text-decoration: underline
}

#result .content .info .opt .news img {
    float: none;
    vertical-align: top;
}

#result .content .info .opt .rec {
    float: left;
    width: 400px;
    padding: 14px 0 0 110px;
    font-size: 14px;
    background: url(../images/icon-recruit.png) no-repeat 0 10px
}

#result .content .info .opt .rec a {
    text-decoration: underline
}

#result .content .info .opt img {
    float: right;
    width: 60px
}*/

/*2015/09/05 予約状況追加*/

.reserve_area{
    text-align: center;
    margin: -30px 0 20px 0;
}

.btn_reserve{
    color: #fff;
    font-size: 20px;
    padding: 5px 50px;
    border: 1px solid #eee;
    background-color: #7d9c39;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF98B73C', endColorstr='#FF7D9C39');
    background-image: -moz-linear-gradient(top, #98b73c 0%,#7d9c39 100%);
    background-image: -webkit-linear-gradient(top, #98b73c 0%,#7d9c39 100%);
    background-image: linear-gradient(to bottom, #98b73c 0%,#7d9c39 100%);
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 2px rgba(0,0,0,0.35),0 1px 0 rgba(255,255,255,0.4) inset;
}

.btn_reserve:hover{
    opacity: 0.8;
}

/*flort解除*/
#result .content .info .opt div.left:after,
#result .content .info .opt div.right:after{
  content : "";
  display : block;
  clear : both;
  height : 0;
}

#result .content .info .opt .left{
    width: 420px;
    float: left;
}
#result .content .info .opt #opt_width {
    width: 100%;
}
#result .content .info .opt .right{
    width: 120px;
    float: right;
    margin: 8px 0 0 0;
}
#result .content .info .opt .right ul{
    padding: 1px;
    border-radius: 3px 3px 0 0;
    border: 1px solid #cccccc;
    background: #ffffff;
    color: #898989;
}
#result .content .info .opt .right ul .reserve_now{
    margin: 1px 1px 5px 1px;
    padding: 3px 0;
    background: #f1f1f1;
    border-top: 2px solid #b7e25d;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.1em;
    text-align: center;
    color: #000;
}
#result .content .info .opt .right ul .small{
    font-size: 10px;
    text-align: center;
    margin: 0 2px;
}
#result .content .info .opt .right ul .reserve_time{
    font-size: 14px;
    text-align: center;
    margin: 0 5px;
    border-bottom: 1px solid #f1f1f1;
}
#result .content .info .opt .right ul .reserve_state li{
    display: inline-block;
    vertical-align: middle;
}
#result .content .info .opt .right ul .reserve_state li.mark{
    width: 40%;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #f48218;
}
#result .content .info .opt .right ul .reserve_state_soldout li.mark{
    width: 100%;
    font-size: 29px;
    color: #b03200;
}
#result .content .info .opt .right ul .reserve_state li.txt{
    width: 55%;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    color: #b03200;
}
#result .content .info .opt .right ul li.reserve_txt{
    font-size: 10px;
    text-align: center;
}

#result .content .info .opt .news,
#result .content .info .opt .rec {
    display: flex;
    align-items: start;
    margin-top: 11px;
}

#result .content .info .opt .news a,
#result .content .info .opt .rec a {
    display: flex;
    align-items: flex-start;
    text-decoration: underline;
    font-size: 14px;
}
#result .content .info .opt .news .ic_info.dis {
    min-width: 60px;
    margin: 2px 4px 0 0;
}
#result .content .info .opt .news .ic_info.ns {
    position: relative;
    min-width: 100px;
    height: 22px;
    margin-right: 10px;
    padding-left: 12px;
    background: #A5CA4E;
}
#result .content .info .opt .news .ic_info.ns::before {
    content: "＞";
    position: absolute;
    left: 4px;
}
#result .content .info .opt .rec .ic_info.rt {
    position: relative;
    min-width: 100px;
    height: 22px;
    margin-right: 10px;
    padding-left: 12px;
    background: #C852C7;
}
#result .content .info .opt .rec .ic_info.rt::before {
    content: "＞";
    position: absolute;
    left: 4px;
}

#result .content .info .opt img#bnr_coupon {
    float: none;
    width: auto;
}

#news-result .content {
    padding: 20px 20px 40px
}

#news-result .content .discount {
    background-color: #FDFAFB;
    margin-bottom: 10px;
    padding: 10px
}

#news-result .content .discount .headline {
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 5px;
    margin-bottom: 10px;
    line-height: 20px;
    border-bottom: 1px dashed #E4DFDB
}

#news-result .content .discount .headline:before {
    margin-right: 10px;
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    height: 20px;
    width: 20px;
    line-height: 20px;
    background: #da1a54;
    color: #fff;
    text-align: center;
    vertical-align: top;
    -moz-transition-property: background;
    -o-transition-property: background;
    -webkit-transition-property: background;
    transition-property: background;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s
}

#news-result .content .discount .txt {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #CC0033
}

#news-result .content .discount .guid {
    color: #663300;
    font-weight: bold
}

#news-result .content .opt {
    line-height: 16px;
    margin-bottom: 10px;
    color: #727272
}

#news-result .content .station,#news-result .content .official {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    padding-left: 21px;
    margin-right: 5px
}

#news-result .content .station {
    background: url(../images/icon-station.svg) no-repeat 0 0
}

#news-result .content .official {
    background: url(../images/icon-official.svg) no-repeat 0 0
}

#news-result .content h5 {
    font-size: 16px;
    font-weight: bold
}

#news-result .content .date {
    font-size: 12px;
    color: #727272
}

#news-result .content .post {
    padding-top: 10px
}

#news-result .content .thumb {
    float: right;
    margin: 0 0 20px 20px
}

#news-result .content .youtube {
    padding-top: 20px;
    text-align: center;
}

.report-form {
    text-align: center
}

.report-form .search {
    padding: 10px 0;
    float: right;
}

/* .report-form .search input[type=text] {
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.35),0 1px 0 rgba(255,255,255,0.4) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.35),0 1px 0 rgba(255,255,255,0.4) inset;
    box-shadow: 0 1px 2px rgba(0,0,0,0.35),0 1px 0 rgba(255,255,255,0.4) inset;
    line-height: 19px;
    padding: 2px
} */

#report-result .head h4,#report-result .head .more {
    line-height: 25px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

#report-result .head h4 {
    width: 70%
}

#report-result .head .more {
    width: 30%;
    font-size: 12px;
    text-align: right
}

#report-result .content {
    padding: 20px 20px 40px
}

#report-result .content .opt ul li {
    float: left;
    margin-right: 10px;
    font-size: 11px;
    line-height: 12px
}

#report-result .content .opt ul li img {
    margin-left: 5px;
    vertical-align: top
}

#report-result .content .caption {
    margin-bottom: 10px
}

#report-result .content h5 {
    font-size: 16px;
    font-weight: bold
}

#report-result .content .date {
    font-size: 12px;
    color: #727272
}

#report-result .content .post {
    padding-top: 20px
}
#report-result .head h3 {
    float: left;
    width: 55%;
    font-size: 16px;
}
#report-result .head h3 a{
    color: #1f1f1f;
    text-decoration: underline
}
#report-result .head h3 {
    width: 70%;
}
#report-result .content h4 {
    font-size: 16px;
    font-weight: bold;
}


.more-link h4 {
    color: #6a5648;
    font-size: 17px;
    font-weight: bold;
    padding: 4px 0;
    margin-bottom: 24px;
    border-bottom: 2px solid #DED3B9;
    text-align: left;
}
.more-link .btn_report {
    width: 250px;
    padding: 11px 0 10px 0;
    display: block;
    margin: 0 auto 25px;
    background: #6a5648;
    border-radius: 4px;
    box-shadow: 0 3px 0 #564336, 0 6px 0 rgba(0,0,0,0.2);
    -webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
    transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
    color: #fff;
    text-align: center;
    text-decoration: none;
    position: relative;
}
.more-link .btn_report::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 32px;
    margin: auto;
    display: block;
    height: 1em;
    line-height: 1;
    color: #fff;
    content: ">";
    -webkit-transform: scaleX(0.5);
       -moz-transform: scaleX(0.5);
        -ms-transform: scaleX(0.5);
         -o-transform: scaleX(0.5);
            transform: scaleX(0.5);
}
.more-link .btn_report:hover {
    box-shadow: 0 2px 0 #6a5648, 0 4px 0px rgba(0,0,0,0.2);
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    background: #564336;
}

#report-result.list_detail {
    width: 96%;
    margin: 0 auto 50px;
}
#report-result.list_detail > ul > li {
    margin-bottom: 48px;
    overflow: hidden;
}
#report-result.list_detail ul li .content {
    clear: both;
    padding: 0;
}
#report-result.list_detail ul li .content .caption {
    border-bottom: 1px dashed #DED3B9;
    overflow: hidden;
    position: relative;
    margin-bottom: 16px;
}
#report-result.list_detail ul li .content .caption h4 {
    width: 75%;
}
#report-result.list_detail ul li .content .caption .date {
    width: 25%;
    position: absolute;
    text-align: right;
    bottom: 0;
    right: 0;
}

#report-result.list_detail ul li .content .opt {
    width: 20%;
    float: left;
    border-right: 1px dashed #DED3B9;
}
#report-result.list_detail ul li .content .opt .list_stars {
    width: 5em;
    display: inline-block;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: bold;
    color: #6a5648;
}
#report-result.list_detail ul li .content .opt img {
    vertical-align: baseline;
}
#report-result.list_detail ul li .content .post {
    width: 77%;
    float: right;
    padding-top: 0;
    text-align: justify;
    text-justify: inter-ideograph;
}

/* パンダニュース詳細ページ下部エリアテーブル */
.table_area h5{
    font-weight: bold;
    font-size: 13px;
    padding: 5px 10px;
    border-bottom: 2px solid #eee;
    color: #756758;
}
.table_area ul li{
    display: inline-block;
    width: 48%;
    padding: 5px;
}
.table_area ul li a{
    display: block;
    position: relative;
    transition: 0.3s all;
    padding: 5px;
    border-bottom: 1px solid #f9f7f3;
}
.table_area ul li a:after{
    content: " \f105";
    font-family: FontAwesome;
    position: absolute;
    bottom: 5px;
    right: 10px;
    
}
.table_area ul li a:hover{
    background: #f9f7f3;
}

#cboxOverlay {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #000;
    -ms-filter: "alpha( opacity=50 )";
    filter: alpha(opacity=50);
    opacity: 0.5 !important
}

#colorbox,#cboxOverlay,#cboxWrapper {
    position: absolute;
    overflow: hidden;
    z-index: 9999
}

#kiyaku {
    padding: 15px 10px
}
#kiyaku h3 {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bold;
}
#kiyaku h4,#kiyaku h5 {
    font-weight: bold
}

#kiyaku h4 {
    font-size: 16px;
    margin-bottom: 10px
}

#kiyaku h5 {
    margin-bottom: 5px
}

#kiyaku p {
    margin-bottom: 10px
}

#kiyaku dl {
    margin-bottom: 20px
}

#kiyaku dl dt {
    clear: left;
    width: 45px;
    float: left;
    font-weight: bold
}

#kiyaku dl dd {
    margin-left: 45px;
    margin-bottom: 5px
}

#kiyaku .txt-small {
    font-weight: bold;
    margin-bottom: 20px
}

#link p {
    margin: 15px 10px
}

#link dl {
    margin-bottom: 20px;
    border-bottom: 1px dotted #CCCCCC;
    font-size: 10px
}

#link dl dt,#link dl dd {
    padding: 10px;
    border-top: 1px dotted #CCCCCC
}

#link dl dt {
    clear: left;
    width: 70px;
    float: left;
    font-weight: bold
}

#link dl dd {
    margin-left: 90px;
    padding-bottom: 10px
}

#link dl dd textarea {
    display: block;
    height: 50px;
    width: 95%;
    margin-top: 10px;
    resize: none;
    color: #666666
}

#contact {
    padding: 15px 10px
}

#contact .contact-list,#contact .txt-field,#contact h4,#contact h5 {
    margin-bottom: 15px
}

#contact input[type="checkbox"],#contact input[type="radio"] {
    position: relative;
    top: 2px;
    margin-right: 5px
}

#contact label {
    margin-right: 10px
}

#contact textarea {
    resize: vertical;
}

#contact .lv1 {
    padding: 0 10px;
    margin-bottom: 20px
}

#contact h3, #contact h4, #contact h5 {
    padding: 0 10px 5px;
    border-bottom: 2px dotted #d9cab0;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 10px;
}

#contact img {
    margin-bottom: 30px
}

/*掲載依頼フォームを設置の際.regのmbを20に変更*/

#contact .reg {
    margin-bottom: 40px;
    text-align: center
}
#contact .guide_line{
    margin-bottom: 30px;
}
#contact .btn-large {
    width: 400px
}

#contact .caption-box {
    padding: 10px;
    margin-bottom: 20px;
    background: #FFE8E8
}

#contact .tbl-frm {
    width: 100%;
    border-top: 1px dotted #CCCCCC;
    margin-bottom: 20px
}

#contact .tbl-frm caption {
    text-align: left;
    font-weight: bold
}

#contact .tbl-frm th {
    width: 180px;
    padding: 10px 5px 5px;
    background: #fdfafb;
    font-weight: normal;
    text-align: left;
    vertical-align: top
}

#contact .tbl-frm th,#contact .tbl-frm td {
    font-size: 11px;
    font-weight: normal;
    border-bottom: 1px dotted #CCCCCC
}

#contact .tbl-frm td {
    padding: 5px
}

#contact .tbl-frm td .require {
    font-weight: bold
}

#contact .frm-submit {
    padding: 10px;
    text-align: center;
    border-bottom: 1px dotted #CCCCCC
}

#contact .txt-field-bottom {
    padding: 30px 10px;
}

#contact .rest {
    margin-top: 20px
}

#contact .rest p {
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: bold
}

#contact .rest textarea {
    height: 150px;
    width: 748px;
    padding: 5px;
    background: #FFE8E8;
    border: 1px solid #CCCCCC;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

#contact .chk {
    padding: 20px 10px;
    border-bottom: 1px dotted #CCCCCC
}

#contact .chk .require {
    margin-bottom: 5px
}

.contact-list {
    text-align: center;
    margin-bottom: 10px
}

/*料金表*/
table.table_menu th {
    width: 20%;
    border-right-width: 4px;
    border-right-style: solid;
    border-right-color: #DFD2A4;
    padding-top: 15px;
    padding-right: 10px;
    padding-bottom: 15px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #DDDDDD;
    white-space: nowrap;
    background-color: #EEE8D0;
    border-top-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-left-style: solid;
    border-top-color: #DDDDDD;
    border-left-color: #DDDDDD;
    padding-left: 20px;
}
table.table_menu th span {
    font-size: 10px;
    color: #36A6DC;
}
table.table_menu td {
    width: 100%;
    padding: 20px;
    border-bottom-color: #E5E5E5;
    line-height: 22px;
    background-color: #FFFFFF;
    border-top-color: #E5E5E5;
    border-right-color: #E5E5E5;
    border-left-color: #E5E5E5;
}
.table_menu strong {
    font-size: 12px;
    color: #ff0000;
    padding-right: 5px;
    padding-left: 5px;
}
table.table_menu {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-right: auto;
    margin-left: auto;
}

table.table_menu tr{
  border: 1px solid #eee;
}

.table_info th a {
    color: #312D24;
}
#content .table_info .td_odd p {
    margin: 0px;
}
#content table.table_menu td {
    font-size: 12px;
}
#content table.table_menu th {
    font-size: 12px;
    background-repeat: repeat-x;
    background-position: center top;
    color: #334A51;
    background-color: #F7F9F9;
    border-right-color: #ABBDBE;
}

table.table_menu span.mini{
    font-size:10px;
}

table.table_menu span.red2{
    font-size: 10px;
    color: #ff0000;
}

#different {
    width: 742px;
    margin: 0 auto 40px auto;
    padding: 120px 0 0;
    background: url(../images/contact/bg-diff-top.jpg) no-repeat 0 0
}

#different dl {
    background: url(../images/contact/bg-diff-middle.gif) repeat-y 0 0;
    padding: 0 45px
}

#different dl dt {
    margin-bottom: 15px
}

#different dl dt img {
    margin: 0
}

#different dl dd {
    font-size: 15px;
    padding-bottom: 20px
}

#different .foot {
    height: 86px;
    background: url(../images/contact/bg-diff-bottom.jpg) no-repeat 0 0
}

#campaign {
    width: 610px;
    margin: 0 auto 40px auto;
    padding-top: 217px;
    background: url(../images/contact/bg-camp-top.jpg) no-repeat 0 0
}

#campaign .inner {
    padding: 15px 0;
    background: url(../images/contact/bg-camp-middle.gif) repeat-y 0 0;
    text-align: center
}

#campaign .foot {
    height: 15px;
    background: url(../images/contact/bg-camp-bottom.jpg) no-repeat 0 0
}

#campaign+.txt-field {
    border-top: 1px dotted #d9cab0;
    padding: 10px 10px 0;
    margin: 0
}

#entry-form {
    width: 510px;
    margin: 0 auto;
    padding: 20px;
    background: #FFFFFF;
    font-size: 12px;
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2);
    box-shadow: 0 0 20px rgba(0,0,0,0.2)
}

#entry-form .single-head,#entry-form #mainContent .item .head,#mainContent .item #entry-form .head {
    margin-bottom: 10px
}

#entry-form h4 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px
}

#entry-form table {
    width: 100%;
    margin-bottom: 20px
}

#entry-form table th,#entry-form table td {
    padding: 5px;
    border: 1px solid #CFCFCF
}

#entry-form table th {
    background: #F4F4F4;
    width: 150px;
    text-align: left;
    vertical-align: top
}

#entry-form table th .require {
    margin-left: 5px
}

#entry-form table td .require {
    line-height: 2em;
    font-weight: bold
}

#entry-form .form-submit {
    text-align: center
}

#entry-form .msg-thanks {
    padding: 0 14px;
    font-size: 14px
}

#work,#movie {
    padding: 0 10px
}

#work h2,#movie h2 {
    margin-bottom: 45px
}

#work h3,#movie h3 {
    margin: 0 -10px 15px -10px
}

#work h4,#movie h4 {
    margin: 50px 0 20px;
    padding: 0 10px;
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 0.1em
}

#work h4:first-child,#movie h4:first-child {
    margin-top: 0
}

#work p,#movie p {
    font-size: 16px;
    line-height: 1.6
}

#work .topics,#movie .topics {
    margin-bottom: 55px
}

#work .topics p,#movie .topics p {
    float: left;
    width: 440px
}

#work .topics .thumb,#movie .topics .thumb {
    float: right;
    width: 290px
}

#work .topics .thumb img:first-child,#movie .topics .thumb img:first-child {
    margin-bottom: 40px
}

#work .list-showcase,#movie .list-showcase {
    margin-right: -30px
}

#work .list-showcase li,#movie .list-showcase li {
    float: left;
    margin-right: 30px
}

#work .cap-work,#movie .cap-work {
    padding: 0 10px;
    margin-bottom: 10px
}

#work .tbl-work,#movie .tbl-work {
    width: 100%
}

#work .tbl-work tr,#movie .tbl-work tr {
    border-bottom: 1px dotted #ADADAD
}

#work .tbl-work td,#movie .tbl-work td,#work .tbl-work th,#movie .tbl-work th {
    padding: 20px 10px 10px
}

#work .tbl-work th,#movie .tbl-work th {
    width: 150px;
    text-align: left;
    vertical-align: top
}

#work .tbl-work th .require,#movie .tbl-work th .require {
    margin-left: 5px
}

#work .tbl-work input,#movie .tbl-work input,#work .tbl-work textarea,#movie .tbl-work textarea {
    width: 380px;
    margin-bottom: 10px
}

#work .tbl-work textarea,#movie .tbl-work textarea {
    height: 160px
}

#work .form-submit,#movie .form-submit {
    padding: 20px;
    text-align: center
}

#work .form-submit .btn,#movie .form-submit .btn {
    width: 150px
}

#movie strong {
    display: block;
    text-align: center;
    font-size: 16px;
    clear: both
}

#movie .topics p {
    margin-bottom: 30px
}

#movie .list-showcase {
    margin: 30px -30px 0 0
}

#movie .list-showcase li {
    width: 360px;
    height: 230px;
    float: left;
    margin-right: 30px
}

#movie .list-showcase li p {
    font-size: 10px
}

.ps-container .ps-scrollbar-x-rail {
    position: absolute;
    bottom: 3px;
    height: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color 0.2s linear,opacity 0.2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear
}

.ps-container:hover .ps-scrollbar-x-rail,.ps-container.hover .ps-scrollbar-x-rail {
    opacity: 0.6;
    filter: alpha(opacity=60)
}

.ps-container .ps-scrollbar-x-rail:hover,.ps-container .ps-scrollbar-x-rail.hover {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity=90)
}

.ps-container .ps-scrollbar-x-rail.in-scrolling {
    opacity: 0.9;
    filter: alpha(opacity=90)
}

.ps-container .ps-scrollbar-y-rail {
    position: absolute;
    right: 3px;
    width: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color 0.2s linear,opacity 0.2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear
}

.ps-container:hover .ps-scrollbar-y-rail,.ps-container.hover .ps-scrollbar-y-rail {
    opacity: 0.6;
    filter: alpha(opacity=60)
}

.ps-container .ps-scrollbar-y-rail:hover,.ps-container .ps-scrollbar-y-rail.hover {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity=90)
}

.ps-container .ps-scrollbar-y-rail.in-scrolling {
    opacity: 0.9;
    filter: alpha(opacity=90)
}

.ps-container .ps-scrollbar-x {
    position: absolute;
    bottom: 0;
    height: 8px;
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear
}

.ps-container.ie6 .ps-scrollbar-x {
    font-size: 0
}

.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,.ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x {
    background-color: #999
}

.ps-container .ps-scrollbar-y {
    position: absolute;
    right: 0;
    width: 8px;
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear
}

.ps-container.ie .ps-scrollbar-y {
    font-size: 0
}

.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y {
    background-color: #999
}

#grass_rss {
    margin: 10px 5px 10px 5px
}

.garss_head{
    max-height: 410px;
    overflow-x: hidden;
}

.garss_head p {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px dashed #E4DFDB
}

.garss_head p:first-child {
    /*display: none*/
}

.garss_head .date2 {
    color: #666666
}
/****************** パンダちゃんねる *******************/
#body_pandachannel h1{
    width: 90%;
    margin: 0 auto 5px auto;
    padding: 5px;
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.4);
    box-shadow: 0 0 3px rgba(0,0,0,0.4);
    background: no-repeat center right #ded3b9;
}
#body_pandachannel #tenpo-name a{
    display: block;
    width: 620px;
    height: 105px;
    margin: 0 auto;
    line-height: 105px;
    background: url(../images/txt-title-tenponame.png) 50% 0 no-repeat;
    font-size: 24px;
}
#body_pandachannel div:first-child{
    text-align: center;
    width: 658px;
    margin: 0 auto;
    padding-bottom: 30px;
    border-left: 1px solid #bbbbbb;
    border-right: 1px solid #bbbbbb;
    border-bottom: 1px solid #bbbbbb;
    background: #FFFFFF;
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2);
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
#body_pandachannel #text-box{
    padding: 48px;
}
#body_pandachannel #text-link a{
    display: block;
    width: 500px;
    height: 30px;
    margin: 10px 0 0 20px;
    line-height: 30px;
    border: 1px solid #b4b4b4;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,,0.4);
    box-shadow: 0 0 3px rgba(0,0,0,0.4);
    position: relative;
    text-decoration: underline;
    float: left;
}
#body_pandachannel #text-link img{
    margin-left: 40px;
    float: left;
}
/****************** //パンダちゃんねる *******************/
.link-cap {
    font-weight: bold;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    background-color: #FBFBB3;
    margin-left: 2px;
    margin-right: 2px;
}
/* ==========================================================================
   workページ 20150901
========================================================================== */
.mb_10 {
    margin-bottom: 10px;
}
.mb_20 {
    margin-bottom: 20px;
}
.mb_40 {
    margin-bottom: 40px;
}
.mb_60 {
    margin-bottom: 60px;
}
/* 共通 */
#work h2 img {
    margin-right: 5px;
}
#work h2 {
    margin-bottom: 10px;
    border-bottom: 3px solid #d9cab0;
    padding: 0 5px 2px;
    font-size: 18px;
    letter-spacing: 0.1em;
}
.price1 h3 {
    margin-bottom: 40px;
}
.plan_box {
    margin-bottom: 40px;
}
.plan_box a {
    margin: 0 8px 40px 0;
}
.plan_box a:last-of-type {
    margin-right: 0;
}
#work .plan_discription {
    margin: 0 0 40px 0;
    font-size: 1.75em;
    letter-spacing: 2px;
    text-align: center;
    line-height: 1.6;
}
#work .plan_discription_small {
    font-size: 0.8em;
}
.plan_discription_bold {
    font-weight: bold;
}
#work .check_box img {
    margin: 0 10px 20px 0;
}
#work .check_box img:nth-of-type(2n) {
    margin: 0 0 20px 0;
}
#work .price_comment {
    margin-bottom: 40px;
    font-size: 0.9em;
    text-align: center;
    line-height: 2;
}
#work .note_txt{
    text-align: center;
    margin-bottom: 30px;
    padding: 3px 0 2px 0;
    background: #ef9e9e;
    color: #fff;
}
/* ボトム 3カラム */
#price_bottom_outer {
    text-align: center;
    display: table;
    width: 100%;
    margin-bottom: 30px;
}
.price_bottom_column {
    height: 290px;
    width: 250px;
    border-right: 1px solid #4b3526;
    text-align: center;
    display: table-cell;
}
.price_bottom_column p {
    margin-bottom: 10px;
    text-align: center;
    line-height: 1.8;
    color: #4b3526;
}
.price_bottom_column p span {
    font-size: 0.8em;
}
.price_bottom_column:last-of-type {
    margin-right: 0;
    border-right: 0;
}
.subtitle_circle {
    height: 92px;
    width: 92px;
    margin: 0 auto 20px auto;
    padding: 4px;
    border-radius: 50%;
    background: #4b3526;
    color: #fff2d2;
    text-align: center;
    }
.subtitle_inner {
    height: 53px;
    width: 90px;
    padding-top: 37px;
    border: 1px dashed #ffffff;
    border-radius: 50%;
}
#price_bottom_outer .price_bottom_column .subtitle_circle p {
    padding-bottom: 4px;
    color: #fff2d2;
    letter-spacing: 2px;
    font-size: 0.9em;
    display: inline;
}
/* 制作実績はこちら */
.btn_works {
    margin-bottom: 60px;
    text-align: center;
}
.btn_works a {
    padding: 20px 150px;
    border: 1px solid #ff6600;
    border-radius: 4px;
    color: #ff6600;
    font-size: 1.25em;
    letter-spacing: 2px;
    text-decoration: none;
}
/* お問い合わせ */
.price_contact {
    position: relative;
    width: 1000px;
    height: 250px;
    background-image: url(http://tokyo.aroma-tsushin.com/images/price_contact_bg.png);
    background-size: 760px;
    background-repeat: no-repeat;
    margin-right: auto;
    margin-left: auto;
}
.price_contact_02 {
    background-image: url(http://tokyo.aroma-tsushin.com/images/price_contact_bg_02.png);
}
.price_contact p.over {
    position: absolute;
    top: 85px;
    left: 460px;
}
/*　キャンペーン */
.price_campaign {
    width: 450px;
    margin: 0 auto;
    color:#dd5244;
    font-size: 1.25em;
    position: relative;
    /* ↓角丸 */
    border: 2px solid #dd5244;
    -webkit-border-radius: 8px 8px 0px 0px ;
    -moz-border-radius: 8px 8px 0px 0px ;
    border-radius: 8px 8px 0px 0px ;
    /* ↓背景 */
    background-color: #fff;
}
.price_campaign:after {
    height: 0;
    margin: -8px 0 0 0;
    content: "\25B8"; /* ▼ */
    display: block;
    font-size: 3em;
    line-height: 0;
    position: absolute;
    color: #dd5244;
    top: 0;
    left: 1px;
    text-align: center;
    /* ↓▼を曲げる */
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    width: 100%;
}
.campaign_inner {
    width: 414px;
    margin: 0 auto 60px auto;
    padding: 20px 20px;
    border-radius: 0 0 8px 8px;
    background-color: #dd5244;
    color: #fff;
}
.campaign_inner p {
    text-align: center;
}
#plan_detail_01 .price_campaign .campaign_title {
    padding: 10px;
    font-size: 1.5em;
    letter-spacing: 16px;
    text-align: center
}
#plan_detail_01 .campaign_inner .campaign_square {
    width: 80px;
    margin: 0 0 10px 150px;
    padding: 10px 20px;
    border-radius: 4px;
    background: #fff;
    color: #dd5244;
    letter-spacing: 2px;
    font-size: 1em;
}
.campaign_inner .campaign_discription span {
    font-size: 2.25em;
}
/* ==========================================================================
   オープニングスタッフ
   ========================================================================== */
/*flort解除*/
#opening ul div:after{
        content : "";
        display : block;
        clear : both;
        height : 0;
}
#opening {
    width: 100%;
    margin: auto;
}
#opening .scroll_box{
    width: 100%;
    max-height: 500px;
    overflow-y: auto;
}
#opening li{
    width: 46%;
    height: 125px;
    padding: 10px;
    margin: 5px 0 5px 5px;
    display: inline-block;
    background: #FDFAFB;
}
#opening li:nth-child(even){
    margin-right: 0;
}
#opening li .data{
    font-size: 12px;
    margin-bottom: 10px;
}
#opening li .data p{
    line-height: 16px;
    float: left;
}
#opening li .data .fs_large{
    font-size: 16px;
}
#opening li .opening span {
    padding: 2px 10px;
    margin-right: 14px;
    color: #fff;
}
#opening li div.collum_02{
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
}
#opening li div.left{
    width: 25%;
    text-align: left;
}
#opening li div.right{
    width: 70%;
    text-align: left;
}
#opening li div.right .flex {
    display: flex;
}
#opening li div.right .flex span:first-of-type {
    margin-right: 4px;
}

#opening li .name {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#opening li .station {
    padding-left: 20px;
    background: url(../images/icon-station.svg) no-repeat 0 0;
    color: #000;
}
#opening li .shop_info .station img{
    vertical-align: middle;
}
#opening li .opening .before {
    background: #EE47A1;
}
#opening li .opening .after {
    background: #6587FA;
}
#opening li .open_txt {
    font-size: 16px;
    color: #945a1e;
}
#opening li .panda_news{
    text-decoration: underline;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

table.table_menu .plan_1 {
    background-color: #FFDCDD;
    text-align: center;
}
table.table_menu .plan_2 {
    background-color: #D9FFD6;
    text-align: center;
}
table.table_menu .plan_3 {
    background-color: #FFFDD6;
    text-align: center;
}
h6 {
    color: #B44605;
    font-weight: bold;
}
.flow_txt {
    padding: 10px;
    color: #DF1216;
    border-radius: 10px;
    border: 2px double #8E0103;
    background-color: #FFFBE5;
    overflow: hidden;
    width: 600px;
}
.flow_arrow {
    padding: 10px;
    color: #78230F;
    font-weight: bold;
    overflow: hidden;
        margin-top: -10px;
    margin-bottom: -10px;
}
.mini {
    font-size:90%;

    }
.lightbox { display: none; }

.tel-box {
    width: 480px;
    margin: 0 auto 20px;
    border: 1px solid #563F35;
    border-radius: 4px;
    text-align: center;
}
.tel-box p:first-child {
    padding: 10px;
    background: #563F35;
    color: #ffffff;
}
.tel-box-inner {
    padding: 20px 0 0;
}
.tel-box-inner a {
    margin: 0 auto 4px;
    border-radius: 4px;
    display: block;
}
.tel-box-inner a:nth-of-type(1) {
    width: 280px;
    padding: 15px;
    background: #563F35;
    color: #ffffff;
    font-size: 1.25em;
}
.tel-box-inner a:nth-of-type(2) {
    width: 200px;
    padding: 10px;
    border: 1px solid #563F35;
    background: #ffffff;
    color: #563F35;
}
.tel-box-inner img {
    width: 24px;
    margin-bottom: 5px !important;
}
.tel-box-inner p {
    margin-bottom: 20px;
    font-size: 0.75em;
    color: #585858;
}
/* ==========================================================================
   新規掲載店
========================================================================== */

/*flort解除*/
#new_shop ul div:after{
        content : "";
        display : block;
        clear : both;
        height : 0;
}
#new_shop {
    width: 100%;
    margin: auto;
}
#new_shop .scroll_box{
    width: 100%;
    max-height: 500px;
    overflow-y: auto;
}
#new_shop li{
    width: 46%;
    height: 85px;
    padding: 10px;
    margin: 5px 0 5px 5px;
    display: inline-block;
    background: #FDFAFB;
}
/* 店舗ページ(エリア名の他のお店はこちら部分) */
#new_shop.shop_page li{
    height: 70px;
}

#new_shop li:nth-child(even){
    margin-right: 0;
}
#new_shop li .data{
    font-size: 12px;
    margin-bottom: 10px;
}
#new_shop li .data p{
    line-height: 16px;
    float: left;
}
#new_shop li .data .fs_large{
    font-size: 16px;
}
#new_shop li .new_shop span {
    padding: 2px 10px;
    margin-right: 14px;
    color: #fff;
}
#new_shop li div.collum_02{
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
}
#new_shop li div.left{
    width: 25%;
    text-align: left;
}
#new_shop li div.right{
    width: 70%;
    text-align: left;
}
#new_shop li div.right .flex {
    display: flex;
}
#new_shop li div.right .flex .ic_info{
    margin-right: 5px;
}
#new_shop li div.right .flex span:first-of-type {
    margin-right: 4px;
}
#new_shop li .station {
    padding-left: 20px;
    background: url(../images/icon-station.svg) no-repeat 0 0;
    color: #000;
}
#new_shop li .title{
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/******************************************

制作実績用モーダルウインド - /works/

******************************************/
.modal > label {
    cursor: pointer;
    display: inline-block;
}
.modal > label .name {
    margin-bottom: 5px;
    color: #ff6600;
    text-decoration: underline;
}
.modal > label img:hover {
    opacity:0.70;
    filter:alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
}
.modal-overlay {
    background: rgba(255, 255, 255, 0.8);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align:center;
    overflow: scroll;
}
.modal-wrap {
    position: relative;
    margin: 0 auto;
    width: 100%;
}
.modal-wrap label {
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 1.25em;
    background: #563F35;
    color: #ffffff;
    position: fixed;
    top: 10px;
    right: 10px;
}
.modal input {
    position: absolute;
    z-index: -9999;
    visibility: hidden;
}
.modal-overlay {
    opacity:0;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transition: all 0.75s cubic-bezier(0.65, -0.55, 0.265, 1.55);
        -moz-transition: all 0.75s cubic-bezier(0.65, -0.55, 0.265, 1.55);
        -ms-transition: all 0.75s cubic-bezier(0.65, -0.55, 0.265, 1.55);
        -o-transition: all 0.75s cubic-bezier(0.65, -0.55, 0.265, 1.55);
        transition: all 0.75s cubic-bezier(0.65, -0.55, 0.265, 1.55);
    z-index: -999;
}
.modal input:checked ~ .modal-overlay {
    opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -0-transform: scale(1);
        transform: scale(1);
    z-index: 999;
}

/*アロマブログRSS*/
  .rss_list p {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px dashed #E4DFDB
  }
  
/*---------------------------------
23時以降受付可能メンズエステ
---------------------------------*/
#night_area{
    margin: 20px 0;
}
#night_area_top{
    width: 100%
}
#night_area_top:after{
    content : "";
    display : block;
    clear : both;
    height : 0;
}
#night_area_top ul{
    display: table;
    width: 100%;
}
#night_area_top ul li {
    border-bottom: 1px solid #DED3B9;
    border-right: 1px solid #DED3B9;
    border-top: 1px solid #DED3B9;
    display: table-cell;
    box-sizing: border-box;
}
#night_area_top ul li p{
    padding: 16px 9px 18px;
    font-size: 12px;
    font-weight: bold;
    color: #945a1e;
    position: relative;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
#night_area_top ul li p:before{
    content: " \f107";
    font-family: FontAwesome;
    position: absolute;
    bottom: 4px;
    right: 48%;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    opacity: 0;
}
#night_area_top ul li p:hover:before{
    bottom: 2px;
    opacity: 1;
}
#night_area_top ul li p:hover{
    background: #f4efe0;
    color: #000;
}

#night_area_top ul li:nth-child(1){
    border-left: 1px solid #DED3B9;
}

#night_area_top ul li.select {
    border-bottom: 1px solid #f4efe0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
#night_area_top ul li.select p:before{
    bottom: 2px;
    opacity: 1;
}
#night_area_top ul li.select p {
    background: #f4efe0;
    color: #945a1e;
}
#night_area_datail{
    border-bottom: 1px solid #DED3B9;
    border-right: 1px solid #DED3B9;
    border-left: 1px solid #DED3B9;
    background: #f4efe0;;
}
#night_area_datail ul{
    width: 100%;
    text-align: left;
    padding: 10px 30px;
    /*    display: none;*/
}
#night_area_datail ul.select_area{
    display: block;
}
#night_area_datail ul li {
    display: inline-block;
    margin: 5px;
    font-size: 14px;
}
#night_area_datail ul li a{
    padding: 15px;
    position: relative;
    color: #553d31;
    line-height: 20px;
}
#night_area_datail ul li a:hover{
    color: #945a1e;
}
#night_area_datail ul li a:before{
    content: " \f054";
    font-size: 12px;
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    bottom: 31%;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    opacity: 0;
}
#night_area_datail ul li a:hover:before{
    left: 2px;
    opacity: 1;
}
#night_area_datail ul li.current a{
    color: #945a1e;
    font-weight: bold;
}
#night_area_datail ul li.current a:before{
    left: 2px;
    opacity: 1;
}
.disnon{
    display: none;
}
.disblock{
    display: block;
}
.notes{
    font-size: 10.5px;
    color: #b62d00;
    margin-top: 3px;
    padding: 4px 0px;
    font-weight: bold;
}
.discount {
    color: #663300;
    width: 100%;
    box-sizing: border-box;
}

/*---------------------------------
23時以降受付可能メンズエステ(中エリア少なめ)
---------------------------------*/
#night_area_small{
    margin: 20px 0;
}
#night_area_small_top{
    width: 100%
}
#night_area_small_top:after{
    content : "";
    display : block;
    clear : both;
    height : 0;
}
#night_area_small_top ul{
    display: table;
    table-layout: fixed;
    width: 100%;
}
#night_area_small_top ul li {
    border-bottom: 1px solid #DED3B9;
    border-right: 1px solid #DED3B9;
    border-top: 1px solid #DED3B9;
    display: table-cell;
    box-sizing: border-box;
}
#night_area_small_top ul li p{
    padding: 16px 9px 18px 9px;
    font-size: 15px;
    font-weight: bold;
    color: #945a1e;
    position: relative;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    text-align: center;
}
#night_area_small_top ul li p:before{
    content: " \f107";
    font-family: FontAwesome;
    position: absolute;
    bottom: 4px;
    right: 49%;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    opacity: 0;
}
#night_area_small_top ul li p:hover:before{
    bottom: 2px;
    opacity: 1;
}
#night_area_small_top ul li p:hover{
    background: #f4efe0;
    color: #000;
}

#night_area_small_top ul li:nth-child(1){
    border-left: 1px solid #DED3B9;
}

#night_area_small_top ul li.select {
    border-bottom: 1px solid #f4efe0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
#night_area_small_top ul li.select p:before{
    bottom: 2px;
    opacity: 1;
}
#night_area_small_top ul li.select p {
    background: #f4efe0;
    color: #945a1e;
}
#night_area_small_datail{
    border-right: 1px solid #DED3B9;
    border-left: 1px solid #DED3B9;
    border-bottom: 1px solid #DED3B9;
    background: #f4efe0;;
}
#night_area_small_datail ul{
    width: 100%;
    text-align: left;
    padding: 10px 20px;
    box-sizing: border-box;
    /*    display: none;*/
}
#night_area_small_datail ul.select_area{
    display: block;
}
#night_area_small_datail ul li {
    display: inline-block;
    font-size: 14px;
}
#night_area_small_datail ul li a{
    padding: 15px;
    position: relative;
    color: #553d31;
    line-height: 20px;
    display: block;
    box-sizing: border-box;
}
#night_area_small_datail ul li a:hover{
    color: #945a1e;
}
#night_area_small_datail ul li a:before{
    content: " \f054";
    font-size: 12px;
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    bottom: 31%;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    opacity: 0;
}
#night_area_small_datail ul li a:hover:before{
    left: 2px;
    opacity: 1;
}
#night_area_small_datail ul li.current a{
    color: #945a1e;
    font-weight: bold;
}
#night_area_small_datail ul li.current a:before{
    left: 2px;
    opacity: 1;
}
/*中エリア無し*/
#night_area_small{
    margin: 20px 0;
}
#night_area_almost_datail{
    border-top: 3px solid #DED3B9;
    border-right: 1px solid #DED3B9;
    border-left: 1px solid #DED3B9;
    border-bottom: 1px solid #DED3B9;
    background: #f4efe0;;
}
#night_area_almost_datail ul{
    width: 100%;
    text-align: left;
    padding: 10px 20px;
    box-sizing: border-box;
}
#night_area_almost_datail ul.select_area{
    display: block;
}
#night_area_almost_datail ul li {
    display: inline-block;
    font-size: 14px;
}
#night_area_almost_datail ul li a{
    padding: 15px;
    position: relative;
    color: #553d31;
    line-height: 20px;
    display: block;
    box-sizing: border-box;
}
#night_area_almost_datail ul li a:hover{
    color: #945a1e;
}
#night_area_almost_datail ul li a:before{
    content: " \f054";
    font-size: 12px;
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    bottom: 31%;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    opacity: 0;
}
#night_area_almost_datail ul li a:hover:before{
    left: 2px;
    opacity: 1;
}
#night_area_almost_datail ul li.current a{
    color: #945a1e;
    font-weight: bold;
}
#night_area_almost_datail ul li.current a:before{
    left: 2px;
    opacity: 1;
}


/**********
制作実績 タブ
**********/
/* タブメニュー */
#tab-menu-outer {
  padding-top: 10px;
  border-bottom: 8px solid #d37171;
  background: rgba(255, 255, 255, 0.8);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
   z-index: 9999;
}
#tab-menu-outer div {
    margin: 0 auto;
    width: 1096px;
}
#tab-menu-outer .select_plan {
    margin-top: 6px;
    text-align: left;
    display: block;
}
#tab-menu {
  list-style: none;
}
#tab-menu li {
  height: 50px;
  padding-top: 10px;
  border-radius: 10px 10px 0 0;
  color: #ffffff;
  cursor: pointer;
  /* smooth */
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  display: inline-block;
  width: 270px;
  /* smooth */
    text-align: center;
    background: #c6c6c6;
}
#tab-menu li.active {
  background: #d37171;
}
#tab-menu li.active:hover {
  background: #d37171;
}
#tab-menu li:hover {
    background: #e9b0b0;
}
/* タブの中身 */
#tab-box section {
  display: none;
}
#tab-box section.active {
  display: block;
}

/*------------------------------------------------
 今日のごっつええガール
------------------------------------------------*/
#gottsu_girl {
    padding: 10px 0;
    clear: both;
}
#gottsu_gallery {
    padding: 10px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
#gottsu_gallery li {
    width: calc((100% - 40px) / 5);
    max-width: 150px;
    background-color: #fff;
    margin-right: 10px;
    margin-bottom: 2%;
}
#gottsu_gallery li:nth-child(5n) {
    margin-right: 0;
}

#gottsu_gallery .open-modal-gallery {
    display: block;
    position: relative;
    height: 100%;
}
#gottsu_gallery .open-modal-gallery > img {
    display: block;
    width: 100%;
    height: calc(1040px / 4.1);
    max-height: 200px; 
    object-fit: cover;
}
#gottsu_gallery .open-modal-gallery:hover {
    cursor: pointer;
}
#gottsu_gallery .info_gottsu_gallery {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    line-height: 1.4;
    padding: 4px;
    box-sizing: border-box;
    color: #b89651;
}
#gottsu_gallery .info_gottsu_gallery h3,
#gottsu_gallery .info_gottsu_gallery p { 
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#gottsu_gallery .info_gottsu_gallery .name_gottsu_gallery {
  font-weight: bold;
}
#gottsu_gallery .info_gottsu_gallery .work_gottsu_gallery {
    color: #bf6161;
}
#gottsu_gallery .info_gottsu_gallery .work_gottsu_gallery span {
    margin-right: 4px;
    padding: 3px 6px;
    color: #fff;
    background: #bf6161;
    border-radius: 3px;
    font-size: 11px;
}


/* 今日のごっつええガール modal */
/* CSSモーダル
Pure CSS modal box
Author: Jorge Chavez
Github: http://github.com/jorgechavz
*/
.pure-modal .checkbox{
  display: none;
}

/* Gray background */
.pure-modal .pure-modal-overlay{
  opacity: 0;
  transition: all 0.3s ease;
  width: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -100;
  transform: scale(1);
  display: none;
  background-color: rgba(0,0,0,0.5);
}

/* Box */
.pure-modal .pure-modal-wrap{
    background: #fdfbfb;
    border-radius: 0.2em;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
    letter-spacing: 0.05em;
    height: 85vh;
    max-height: 460px;
    line-height: 1.6;
    margin: 20px auto;
    transition: all 0.5s ease;
    align-self: center;
    overflow-x: auto;
    overflow-y: hidden;
}

.pure-modal .pure-modal-wrap .pure-modal-overflow-wrap {
    padding: 24px;
    width: 700px;
    height: calc(100% - 50px);
    overflow-y: auto;
    box-sizing: border-box;
}

.pure-modal .pure-modal-wrap .pure-modal-overflow-wrap.pd_wide {
    padding-top: 50px;
}

/* Close button */
.pure-modal .pure-modal-overlay .close {
    display: block;
    background: #6a5648;
    z-index: 1;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    width: 700px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

.pure-modal .pure-modal-overlay .close:hover{
    cursor: pointer;
    background-color: #4c3d32;
    transition: all 0.3s ease;
}
.pure-modal .pure-modal-overlay .close_float {
    position: absolute;
    top: 6px;
    right: 12px;
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.pure-modal .pure-modal-overlay .close_float::before,
.pure-modal .pure-modal-overlay .close_float::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3px;
    height: 24px;
    background: #6a5648;
}
.pure-modal .pure-modal-overlay .close_float::before {
    transform: translate(-50%,-50%) rotate(45deg);
}
.pure-modal .pure-modal-overlay .close_float::after {
    transform: translate(-50%,-50%) rotate(-45deg);
}
.pure-modal .pure-modal-overlay .close_float:hover{
    cursor: pointer;
}
.pure-modal .pure-modal-overlay .tel_button {
    display: block;
    background: #6a5648;
    z-index: 1;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    width: 700px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    box-sizing: border-box;
    transition: all 0.3s ease;
}
.pure-modal .pure-modal-overlay .tel_button img {
    padding-right: 4px;
}
.pure-modal .pure-modal-overlay .tel_button:hover{
    cursor: pointer;
    background-color: #4c3d32;
}

 .pure-modal .o-close {
   width: 100%;
   height: 100%;
   position: fixed;
   left: 0;
   top: 0;
   z-index: -100;
 }

.pure-modal input:checked ~ .o-close {
  z-index: 9998;
}
.pure-modal input:checked ~ .pure-modal-overlay{
  transform: scale(1);
  opacity:1;
  z-index: 9997;
  /*overflow: auto;*/
  display: flex;
  animation-duration: 0.5s;
  animation-name: fade-in;
  -moz-animation-duration: 0.5s;
  -moz-animation-name: fade-in;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: fade-in;
}
.pure-modal input:checked ~ .pure-modal-overlay .pure-modal-wrap {
  transform: translateY(0);
  z-index: 9999;
}

/* Responsive Design */
/* Tablet size */
/*@media (max-width: 800px){
  .pure-modal .pure-modal-wrap {
    width: 80%;
    padding: 20px;
  }
}*/

/* Phone size */
/*@media (max-width: 500px){
  .pure-modal .pure-modal-wrap {
    width: 90%;
  }
}*/

/* Fadein from display:none */
@keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: flex;
    opacity: 0;
  }
  100% {
    display: flex;
    opacity: 1;
  }
}

@-moz-keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: flex;
    opacity: 0;
  }
  100% {
    display: flex;
    opacity: 1;
  }
}

@-webkit-keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: flex;
    opacity: 0;
  }
  100% {
    display: flex;
    opacity: 1;
  }
}

/** 装飾 **/
.pure-modal-overflow-wrap .mdl_header {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 3px;
    border-bottom: 2px solid #867061;
}
.pure-modal-overflow-wrap .mdl_header .mdl_shop_name {
    font-size: 20px;
    color: #6a5648;
    width: 26em;
    line-height: 1;
}
.pure-modal-overflow-wrap .mdl_header .mdl_area {
    background: url(../images/icon-station.svg) no-repeat 0 0;
    padding-left: 21px;
    margin-right: 5px;
    font-size: 12px;
    line-height: 16px;
    color: #6a5648;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
}
.pure-modal-overflow-wrap .mdl_header .mdl_icons {
    position: absolute;
    top: -1px;
    right: 0;
}
.pure-modal-overflow-wrap .mdl_header .mdl_icons .ic_info:first-of-type {
    margin-bottom: 5px;
}

/* prof */
.pure-modal-overflow-wrap .mdl_box_prof {
    width: 360px;
    margin-bottom: 32px;
    float: right;
}
.pure-modal-overflow-wrap .mdl_box_prof .mdl_name {
    font-size: 22px;
    line-height: 1;
    padding-top: 4px;
    margin-bottom: 4px;
}
.pure-modal-overflow-wrap .mdl_box_prof .mdl_name .age {
    font-size: 16px;
}
.pure-modal-overflow-wrap .mdl_box_prof .mdl_sizes {
    font-size: 16px;
    line-height: 1;
    margin-bottom: 8px;
}
.pure-modal-overflow-wrap .mdl_box_prof .mdl_sizes p {
    display: inline-block;
    padding-right: 40px;
}
.pure-modal-overflow-wrap .mdl_box_prof .mdl_sizes p.pd_small {
    padding-right: 10px;
}
.pure-modal-overflow-wrap .mdl_box_prof .mdl_box_work {
    display: flex;
    margin-bottom: 8px;
    border-radius: 3px;
    border: 1px solid #bf4558;
}

.pure-modal-overflow-wrap .mdl_box_prof .mdl_box_work .work_today {
    color: #fff;
    background-color: #bf4558;
    padding: 4px 8px;
    min-width: 4.2em;
}

.pure-modal-overflow-wrap .mdl_box_prof .mdl_box_work .work_time {
    color: #bf4558;
    padding: 4px 8px;
}



.pure-modal-overflow-wrap .mdl_box_prof .mdl_skills {
    margin-bottom: 8px;
}
.pure-modal-overflow-wrap .mdl_box_prof .mdl_skills span {
    display: inline-block;
    padding: 4px 8px;
    margin-bottom: 4px;
    color: #fff;
    border-radius: 3px;
    background-color: #BCAD87;
}
.pure-modal-overflow-wrap .mdl_box_prof .mdl_message {
    padding-top: 18px;
    /* border-top: 1px solid #6a5648; */
    font-size: 13px;
}
.content_box {
    padding-bottom: 80px;
}
.pure-modal-overflow-wrap .mdl_box_prof .mdl_shift {
    position: relative;
    margin-top: 32px;
}
.pure-modal-overflow-wrap .mdl_box_prof .mdl_shift .bt {
    position: absolute;
    top: 0;
    right: 0;
}
.pure-modal-overflow-wrap .mdl_box_prof .mdl_shift .bt .btn {
    background: #fff;
    border: 1px solid #DED3B9;
    box-shadow: none;
    text-shadow: none;
    color: #6A5648;
}
.pure-modal-overflow-wrap .mdl_box_prof .mdl_shift .bt .btn.off {
    display: none;
}

.pure-modal-overflow-wrap .mdl_box_prof .mdl_shift .bt .btn:hover {
    cursor: pointer;
}
.pure-modal-overflow-wrap .mdl_box_prof .mdl_shift .bt .prev::before {
    content: "<";
    display: inline-block;
    margin-right: 4px;
}
.pure-modal-overflow-wrap .mdl_box_prof .mdl_shift .bt .next::after {
    content: ">";
    display: inline-block;
    margin-left: 4px;
}
.pure-modal-overflow-wrap .mdl_box_prof .mdl_shift p {
    font-size: 16px;
    font-weight: bold;
}
.pure-modal-overflow-wrap .mdl_box_prof .mdl_shift table {
    display: block;
    width: 360px;
    margin-top: 12px;
    background: #fff;
    border: 1px solid #aaa;
    border-collapse: separate;
    overflow: hidden;
    border-spacing: 0;
    border-radius: 4px;
}
.pure-modal-overflow-wrap .mdl_box_prof .mdl_shift table tr:first-of-type td,
.pure-modal-overflow-wrap .mdl_box_prof .mdl_shift table tr:nth-child(8) td {
  border-top: none;
}
.pure-modal-overflow-wrap .mdl_box_prof .mdl_shift table tr:nth-child(n + 8) td {
    display: none;
}
.pure-modal-overflow-wrap .mdl_box_prof .mdl_shift table td {
    width: 230px;
    padding: 6px 16px;
    font-size: 14px;
    border-left: 1px solid #aaa;
    border-top: 1px solid #aaa;
}
.pure-modal-overflow-wrap .mdl_box_prof .mdl_shift table td:first-of-type {
    text-align: center;
    width: 130px;
    border-left: none;
    background: #fbf4f9;
}
.pure-modal-overflow-wrap .mdl_box_prof .mdl_shift table tr:nth-child(n + 8) td:first-of-type {
    background: #f1f9fc;
}
.pure-modal-overflow-wrap .mdl_box_prof .mdl_shift table td.sat {
    color: #3E6AC5;
}
.pure-modal-overflow-wrap .mdl_box_prof .mdl_shift table td.sun {
    color: #C1485C;
}
.pure-modal-overflow-wrap .mdl_box_prof .mdl_schedule,
.pure-modal-overflow-wrap .mdl_lisks {
    clear: both;
    margin-bottom: 16px;
    display: flex;
    justify-content: center;
}
.pure-modal-overflow-wrap .mdl_lisks .links_button {
    position: relative;
    display: block;
    background: #776457;
    color: #fff;
    padding: 8px 24px;
    margin: 5px;
    border-radius: 4px;
    width : 200px;
    overflow: hidden;
    font-size: 16px;
    text-align : left;
    transition : .2s;
    cursor : pointer;
    box-sizing: border-box;
    box-shadow: 0px 1px 2px rgba(0,0,0,.2);
}

.pure-modal-overflow-wrap .mdl_lisks .links_button::before {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    height: 100%;
    border-radius: 0 4px 4px 0;
    background-color: #BCAD87;
    z-index: 5;
    transition: .2s;
}
.pure-modal-overflow-wrap .mdl_lisks .links_button:nth-child(1):hover::before {
    background-color: #e7d63e;
}
.pure-modal-overflow-wrap .mdl_lisks .links_button:nth-child(2):hover::before {
    background-color: #98c53f;
}
.pure-modal-overflow-wrap .mdl_lisks .links_button:nth-child(3):hover::before {
    background-color: #f0599d;
}
.pure-modal-overflow-wrap .mdl_lisks .links_button.links_button_tel:hover::before {
    background-color: #e7d63e;
}
.pure-modal-overflow-wrap .mdl_lisks .links_button.links_button_line:hover::before {
    background-color: #98c53f;
}
.pure-modal-overflow-wrap .mdl_lisks .links_button.links_button_shop:hover::before {
    background-color: #f0599d;
}

.pure-modal-overflow-wrap .mdl_lisks .links_button::after {
    display: block;
    content: "";
    position: absolute;
    right: 14px;
    top: 15px;
    width: 9px;
    height: 9px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 6;
}


/* スライダー */
.pure-modal-overflow-wrap .mdl_box_thum {
    width: 260px;
    margin-bottom: 32px;
    float: left;
}
.pure-modal-overflow-wrap .mdl_box_thum img {
    object-fit: contain;
    width: 100%;
    max-width: 100%;
    max-height: 600px;
}
.pure-modal-overflow-wrap .swiper-container .swiper-slide {
    text-align: center;
}
.pure-modal-overflow-wrap .swiper-container .swiper-button-prev {
    width: 14px;
    height: 14px;
    border-bottom: 1px solid #945a1e;
    border-left: 1px solid #945a1e;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-image: none;
}
.pure-modal-overflow-wrap .mdl_box_thum .swiper-button-next {
    width: 14px;
    height: 14px;
    border-top: 1px solid #945a1e;
    border-right: 1px solid #945a1e;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-image: none;
}
.swiper-pagination-bullet-active {
    background: #C5495C;
}
/* // モーダル*/

#gottsu_gallery li.is-hidden {
  visibility: hidden;
  opacity: 0;
  height: 0;
  margin: 0 10px;
  padding: 0;
}

/*ごっつええガールもっと見るボタン*/
.btn_more {
  text-align: center;
  margin-top: 20px;
}

.btn_more button {
  background-color: #d8cbb0;
  border: none;
  cursor: pointer;
  outline: none;
  color: #fff;
  padding: 0;
  line-height: 40px;
  width: 180px;
  border-radius: 20px;
  box-shadow: 0 1px 4px rgb(0 0 0 / 20%);
  transition: 0.3s ease-in-out;
}
.btn_more button:hover {
    background: #FFF;
    color: #d8cbb0;
    box-shadow: 0 15px 30px -5px rgb(0 0 0 / 25%);
    transform: translateY(-4px);
}
/*///ごっつええガールもっと見るボタン*/

/* //-- 今日のごっつええガール */

/*------------------------------------------------
 イベント
------------------------------------------------*/
#event_notice .before {
    position: relative;
    margin-top: 10px;
}
#event_notice .before  span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(10deg);
    font-size: 48px;
    padding: 3px 8px 0;
    border: solid 2px #fff;
    outline: solid 2px #fff;
    outline-offset: 2px;
    border-radius: 8px;
    font-weight: bold;
    color: #fff;
}
#event_notice img {
    filter: brightness(0.6);
}
#event_notice label:hover {
    cursor: pointer;
}
#mainContent #event_notice.item .head .more:after {
    background: #FB8919;
}
#mainContent #event_notice.item .head .more:hover:after {
    background: #f0599d;
}
#event_notice .pure-modal .pure-modal-wrap .pure-modal-overflow-wrap {
    height: 100%;
}
#event_notice .pure-modal .pure-modal-wrap .pure-modal-overflow-wrap.pd_wide {
    padding: 24px;
}
#event_notice .pure-modal b {
    position: relative;
    display: inline-block;
    padding: 8px 16px 8px 30px;
    background: #1952AC;
    border-radius: 30px 0 0 30px;
    font-size: 14px;
    color: #fff;
}
#event_notice .pure-modal b::before {
    content: "";
    position: absolute;
    top: 13px;
    left: 12px;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
}
#event_notice .pure-modal b:not(:first-of-type) {
    margin-top: 32px;
}
#event_notice .pure-modal p {
    margin-top: 16px;
    padding-left: 16px;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0;
}
#event_notice .pure-modal b + p {
    margin-top: 8px;
}
#event_notice .pure-modal p span {
    font-size: 18px;
    font-weight: bold;
    border-bottom: double 5px #FEE160;
}
#event_notice .pure-modal p.strong {
    font-size: 20px;
    font-weight: bold;
    color: #1952AC;
}



/*------------------------------------------------
 推しピイベント設定
------------------------------------------------*/
/* -----エリアトップページ----- */
.event_top{
    /* padding: 20px 10px; */
    /* background: linear-gradient(to right, #270808 0%, #db0000 50%, #040722 100%); */
    background-size: 100%;
}
#mainContent .item.event_top .head{
    border-bottom: 3px solid #fff;
}
#mainContent .item.event_top .head h2{
    text-align: center;
    float: unset;
    color: #fff;
    font-weight: bold;
}
.relative{
    position: relative;
}
.relative .btn_more_event{
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 180px;
    font-size: 16px;
    text-align: center;
    background: #fff;
    /* color: #1E34A2; */
    color: #7f46b0;
	background-image: linear-gradient(to right, #e46801 0%, #76019c 100%);
	border-radius: 50px;
    padding: 2px;
    transition: 0.3s;
}
.relative .btn_more_event div{
	background-color: #ffffff;
	border-radius: 50px;
	padding: 10px 0;
    font-weight: bold;
}
.btn_more_event div:after{
    position: absolute;
    right: 14px;
    content: "\f04b";
    font-family: "Font Awesome 5 Free";
    color: #7f46b0;
    font-size: 8px;
    line-height: 22px;
    transition: 0.3s;
}
.relative:hover .btn_more_event{
    color: #ff6600;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.relative:hover .btn_more_event div:after{
    right: 6px;
    color: #ff6600;
}

/* バナー下スライダー設定 */
.swiper_top{
    width: 750px;
    overflow: hidden;
    position: relative;
    margin-top: -1px;
}
.swiper_top .swiper-wrapper{
    width: 780%;
    transition-timing-function: linear;
}
.swiper_top .swiper-slide{
    width: 150px;
    height: 150px;
}
.swiper_top .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    border: 2px solid #e102ff;
}

/* バナー下スライダー設定_年末年始ver */
.relative02{
    position: relative;
    overflow: hidden;
    width: 750px;
    height: 351px;
}
.swiper_top_02{
    width: 300px;
    height: 300px;
    overflow: hidden;
    margin-top: -3px;
    position: absolute;
    top: 25px;
    right: -30px;
    border-radius: 50%;
    border: 2px solid #fff;
}
.swiper_top_02 .swiper-wrapper{
    width: 780%;
    transition-timing-function: linear;
}
.swiper_top_02 .swiper-slide{
    width: 300px;
    height: 300px;
}
.swiper_top_02 .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}
.btn_more_event02{
    position: absolute;
    bottom: 10px;
    right: 30px;
    width: 180px;
    font-size: 16px;
    text-align: center;
    background: #fff;
    /* color: #1E34A2; */
    color: #7f46b0;
	background-image: linear-gradient(to right, #e46801 0%, #76019c 100%);
	border-radius: 50px;
    padding: 2px;
    z-index: 10;
}
.btn_more_event02 p{
	background-color: #ffffff;
	border-radius: 50px;
	padding: 10px 0;
    font-weight: bold;
}
.btn_more_event02 p:after{
    position: absolute;
    right: 14px;
    content: "\f04b";
    font-family: "Font Awesome 5 Free";
    color: #7f46b0;
    font-size: 8px;
    line-height: 22px;
    transition: 0.3s;
}
.relative02:hover .btn_more_event02{
    color: #ff6600;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.relative02:hover .btn_more_event02 p:after{
    right: 6px;
    color: #ff6600;
}


/* 店舗一覧のアイコン設定 */
.icon_box_event {  
    display: block;
    position: relative;
    margin: 0 auto -2px;
    padding: 5px 0;
    width: 160px;
    background: #141414;
    box-sizing: border-box;
}
.icon_ribbon {  
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 3px 0;
    z-index: 2;
    width: 30px;
    text-align: center;
    font-size: 17px;
    color: white;
    background: #fb9635;
}
.icon_ribbon:after {
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    height: 0;
    width: 0;
    border-left: 15px solid #fb9635;
    border-right: 15px solid #fb9635;
    border-bottom: 5px solid transparent;
}
.icon_box_event .txt_icon{
    text-align: right;
    font-weight: bold;
    padding-right: 10px;
    color: #fff;
}

/* -----イベントページ----- */
.event_area.color_event{
    margin:0;
    padding:0;
}
.event_area.color_event #night_area_top ul li {
    border-bottom: 1px solid #fff;
    border-right: none;
    border-top: 1px solid #7d2895;
    background: #7d2895;
}
.event_area.color_event #night_area_small_datail,
.event_area.color_event #night_area_datail{
    border-right: 1px solid #7d2895;
    border-left: 1px solid #7d2895;
    border-bottom: 1px solid #7d2895;
    background: #7d2895;
}
.event_area.color_event #night_area_top ul li p{
    color: #fff;
}
.event_area.color_event #night_area_top ul li.select p {
    background: #7d2895;
    color: #780498;
}

.event_area.color_event #night_area_top ul li p:hover{
    color: #780498;
}
.event_area.color_event #night_area_datail ul li a {
    color: #780498;
}
.event_area.color_event #night_area_small_top ul li:nth-child(1),
.event_area.color_event #night_area_top ul li:nth-child(1) {
    border-left: 1px solid #780498;
}

/* 推しピバナーのスライダー設定 */
.swiper_event{
    width: 780px;
    height: 300px;
    overflow: hidden;
    position: relative;
}
.swiper_event .swiper-wrapper{
    width: 780px;
    height: 300px;
}
.swiper_event .swiper-slide{
    width: 350px;
    height: 300px;
}
.swiper_event .swiper-slide img{
    width: 100%;
    height: 100%;
}
.swiper_event .swiper-button-prev,
.swiper_event .swiper-button-next{
    width: 25px;
    height: 25px;
    background: rgba(255,255,255,0.8);
    border-radius: 50%;
    box-shadow:0 0 15px rgba(0,0,0,0.5);
}
.swiper_event .swiper-button-prev:after{
    content: "\f104";
    font-family: FontAwesome;
    color: #000;
    line-height: 25px;
    margin: 0 8px;
    font-weight: bold;
    font-size: 20px;
}
.swiper_event .swiper-button-next:after{
    content: "\f105";
    font-family: FontAwesome;
    color: #000;
    line-height: 25px;
    margin: 0 10px;
    font-weight: bold;
    font-size: 20px;
}


/* -----staff_gallery_three.php(イベントページ3人プラン)----- */
.gallery_three_box{
    float: left;
    width: 390px;
}
.gallery_three_box label{
    float: right;
}
.gallery_three_box:nth-child(4n+1) label,
.gallery_three_box:nth-child(4n+2) label{
    float: left;
}
.gallery_three_large{
    width: 260px;
    height: 260px;
}
.gallery_three_small{
    width: 130px;
    height: 130px;
}
.gallery_three_large img,
.gallery_three_small img{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    object-fit: cover;
    object-position: center top;
    border: 2px solid #fff;
}
.gallery_three_box .shop_name{
    width: 256px;
    position: absolute;
    bottom: 2px;
    left: 2px;
    color: #fff;
    padding: 20px 5px 10px;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: linear-gradient(to top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 90%);
}

/* -----staff_gallery_one.php(イベントページ１人プラン)----- */
.gallery_one_small{
    width: 130px;
    height: 130px;
    float: left;
/*     border: 1px solid #fff; */
    box-sizing: border-box;
}
.gallery_one_small .img_small{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    box-sizing: border-box;
    border-top: 2px solid #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}

/* モーダル内 */
.pure-modal.event_modal .pure-modal-wrap{
    background: #fff;
}
.pure-modal-overflow-wrap .mdl_header,
.mdl_message{
    text-align: left;
}
.btn_box{
    display: block;
    width: 100%;
    text-align: center;
    clear: both;
}
.pure-modal.event_modal .pure-modal-overlay .close_float{
    display: block;
    background: linear-gradient(to right, #e46801 0%, #76019c 100%);
    z-index: 1;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    width: 700px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    box-sizing: border-box;
    transition: all 0.3s ease;
    top: unset;
    right: 0;
    position: absolute;
}
.pure-modal.event_modal .pure-modal-overlay .close_float::before, 
.pure-modal.event_modal .pure-modal-overlay .close_float::after{
    background: #fff;
}
.pure-modal.event_modal .pure-modal-overlay .tel_button,
.pure-modal.event_modal .pure-modal-overlay .btn_shop{
    display: inline-block;
    width: 250px;
    height: 50px;
    border-radius: 25px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    transition: all 0.3s ease;
    line-height: 50px;
    font-size: 14px;
    font-weight: bold;
    margin: 5px;
    position: relative;
}
.pure-modal.event_modal .pure-modal-overlay .tel_button{
    background: #7f46b0;
    border: 1px solid #7f46b0;
}
.pure-modal.event_modal .pure-modal-overlay .btn_shop{
    background: #D61B42;
    border: 1px solid #D61B42;
}
.pure-modal.event_modal .pure-modal-overlay .btn_shop:after{
    position: absolute;
    content: "\f105";
    font-family: FontAwesome;
    font-weight: bold;
    font-size: 20px;
    right: 10px;
    line-height: 50px;
    transition: all 0.3s ease;
}
.pure-modal.event_modal .pure-modal-overlay .tel_button:hover,
.pure-modal.event_modal .pure-modal-overlay .btn_shop:hover{
    background: #fff;
}
.pure-modal.event_modal .pure-modal-overlay .tel_button:hover{
    color: #7f46b0;
}
.pure-modal.event_modal .pure-modal-overlay .btn_shop:hover{
    color: #D61B42;
}

.pure-modal.event_modal .pure-modal-overlay .btn_shop:hover:after{
    right: 5px;
}


/* --------店舗詳細ページ-------- */
.section_event{
    padding: 60px 36px;
    background: url(../images/event_bg_top.png) no-repeat,
                url(../images/event_bg_bottom.png) no-repeat,
                url(../images/event_bg_star.png) center top repeat,
                linear-gradient(0deg, #f8a081 0%, #00031b 35%);
    background-size: 200px 200px,100% auto,100% auto,100%;
    background-position: right top, bottom,top,top;
    text-align: center;
}
/*イベントタイトル（リボン）*/
.title_event {
position: relative;
height: 60px;
line-height: 60px;
text-align: center;
padding: 7px 0;
font-size: 18px;
margin-bottom: 20px;
background: #D61B42;
color: #FFF;
box-sizing: border-box;
}

.title_event h3 {
margin: 0;
padding: 0 30px;
border-top: dashed 2px rgba(255, 255, 255, 0.5);
border-bottom: dashed 2px rgba(255, 255, 255, 0.5);
line-height: 42px;
font-weight: bold;
font-size: 18px;
}

.title_event:before, .title_event:after {
position: absolute;
content: '';
width: 0px;
height: 0px;
z-index: 1;
}

.title_event:before {
/*左の山形*/
top: 0;
left: 0;
border-width: 30px 0px 30px 15px;
border-color: transparent transparent transparent #320908;
border-style: solid;
}

.title_event:after {
/*右の山形*/
top: 0;
right: 0;
border-width: 30px 15px 30px 0px;
border-color: transparent #160921 transparent transparent;
border-style: solid;
}

/*イベントタイトル（ストライブ）*/
.title_event2 {
margin-bottom: 20px;
}
.title_event2 h3 {
position: relative;
padding: 1rem;
border: 1px solid #141414;
background-image:
    linear-gradient(#ff6b38 0 100%),
    repeating-linear-gradient(135deg, #141414 0 5px, #ff6b38 5px 10px);
background-repeat: no-repeat;
background-position: center;
background-size: calc(100% - 12px) calc(100% - 12px), 100%;
color: #fff;
font-size: 24px;
font-weight: bold;
text-align: center;
}

/* 3人プラン */
.shop_box_three{
    width: 600px;
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 2fr 1fr;
    margin: 0 auto 10px;
    text-align: center;
}
.shop_box_three .open-modal-gallery:nth-of-type(1){
    grid-row: 1/3;
    grid-column: 1/2;
    margin: 0 auto;
}
.shop_box_three .open-modal-gallery:nth-of-type(2){
    grid-row: 1/2;
    grid-column: 2/3;
}
.shop_box_three .open-modal-gallery:nth-of-type(3){
    grid-row: 2/3;
    grid-column: 2/3;
}

.shop_box_three label .img_large{
    width: 400px;
    height: 400px;
    margin: 0 auto;
}
.shop_box_three .img_small{
    width: 200px;
    height: 200px;
}
.shop_box_three .img_large img,
.shop_box_three .img_small img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}


/* 1人プラン */
.shop_box_one{
    width: 720px;
    margin: 0 auto 10px;
    text-align: center;
}
.shop_box_one label .img_large{
    width: 400px;
    height: 400px;
    margin: 0 auto;
}
.shop_box_one .img_small{
    width: 200px;
    height: 200px;
}
.shop_box_one .img_large img,
.shop_box_one .img_small img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}


.section_event .banner{
    width: 300px;
    height: 257px;
    display: inline-block;
}

/* 店舗テキスト */
.section_event .txt_shop{
    width: 400px;
    height: 257px;
    display: inline-block;
    vertical-align: top;
    overflow-y: auto;
    box-sizing: border-box;
    text-wrap: balance;
    padding: 20px;
    text-align: justify;
    background: #fff;
    border: 2px solid;
    border-image: linear-gradient(to right, #877942, #fff2ce, #877942, #fff2ce, #877942) 2; 
}
  
/*------------------------------------------------
 パンダNEWSイベント情報
------------------------------------------------*/
#news-result .content .discount.event_info {
    background: #F4FCFF;
    margin-bottom: 56px;
}
#news-result .content .discount.event_info .headline:before {
    background: #1952AC;
}
#news-result .content .discount.event_info .txt {
    color: #1952AC;
}

/*------------------------------------------------
 イベントページ
------------------------------------------------*/
.event_area #night_area_small_top ul li,
.event_area #night_area_top ul li {
    border-bottom: 1px solid #1952AC;
    border-right: 1px solid #1952AC;
    border-top: 1px solid #1952AC;
}
.event_area #night_area_small_top ul li p,
.event_area #night_area_top ul li p {
    color: #1952AC;
}
.event_area #night_area_small_top ul li p,
.event_area #night_area_top ul li p {
    color: #1952AC;
}
.event_area #night_area_small_top ul li p:hover,
.event_area #night_area_top ul li p:hover {
    background: #F4FCFF;
    cursor: pointer;
}
.event_area #night_area_small_top ul li:nth-child(1),
.event_area #night_area_top ul li:nth-child(1) {
    border-left: 1px solid #1952AC;
}
.event_area #night_area_small_top ul li.select,
.event_area #night_area_top ul li.select {
    border-bottom: 1px solid #F4FCFF;
    background: #F4FCFF;
}
.event_area #night_area_small_top ul li.select p,
.event_area #night_area_top ul li.select p {
    background: #F4FCFF;
    color: #1952AC;
}
.event_area #night_area_small_datail,
.event_area #night_area_datail {
    border-right: 1px solid #1952AC;
    border-left: 1px solid #1952AC;
    border-bottom: 1px solid #1952AC;
    background: #F4FCFF;;
}
.event_area #night_area_small_datail ul li a,
.event_area #night_area_datail ul li a {
    color: #1952AC;
}
.event_area #night_area_small_datail ul li a:hover,
.event_area #night_area_datail ul li a:hover {
    color: #6683b1;
}
.event_area #night_area_small_datail ul li.current a,
.event_area #night_area_datail ul li.current a {
    color: #1952AC;
}
#mainContent #event_recomend.item {
    margin: 32px 0 56px;
}
#mainContent #event_recomend.item .head {
    border-bottom: 3px solid #1952AC;
}
#event_recomend label:hover {
    cursor: pointer;
    opacity: .8;
}
#event_recomend .pure-modal-overflow-wrap .mdl_header {
    border-bottom: 2px solid #1952AC;
}
#event_recomend .pure-modal-overflow-wrap .flex {
    display: flex;
}
#event_recomend .pure-modal-overflow-wrap .mdl_box_prof .mdl_name {
    margin: 0;
    padding-bottom: 8px;
    border-bottom: 1px solid #1952AC;
    font-size: 16px;
}
#event_recomend .pure-modal-overflow-wrap .mdl_box_thum {
    width: 200px;
    float: initial;
    margin-right: 32px;
}
#event_recomend .pure-modal-overflow-wrap .mdl_box_thum img {
    object-fit: fill;
    width: 200px;
    height: auto;
    aspect-ratio: 150 / 200;
}
#event_recomend .pure-modal-overflow-wrap .mdl_box_prof {
    float: initial;
    width: calc(100% - 200px - 32px);
}
#event_recomend .pure-modal-overflow-wrap .mdl_box_prof .mdl_message {
    border-top: none;
    padding-top: 10px;
}
#event_recomend .pure-modal .pure-modal-overlay .btn_box {
    display: flex;
    justify-content: center;
    background: #fff;
    z-index: 1;
    width: 700px;
    height: 50px;
    line-height: 50px;
    padding: 6px 0;
    box-sizing: border-box;
    box-shadow: 0px -3px 6px rgba(0,0,0,.2);
}
#event_recomend .pure-modal .pure-modal-overlay .btn_box a + a {
    margin-left: 16px;
}
#event_recomend .pure-modal .pure-modal-overlay .btn_box a {
    display: block;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px;
}
#event_recomend .pure-modal .pure-modal-overlay .btn_box .btn_sub {
    width: 15%;
    border: 2px solid #1952AC;
    color: #1952AC;
}
#event_recomend .pure-modal .pure-modal-overlay .btn_box .btn_cv {
    width: 40%;
    border: 2px solid #1952AC;
    background: #1952AC;
    color: #fff;
}
.btn_cv img {
    vertical-align: middle;
    margin-right: 4px;
}
#result.event_list .head {
    background: #1952AC;
}
#result.event_list .head a {
    color: #fff;
}
#result.event_list .head a:hover {
    opacity: .8;
}
#result.event_list .content {
    display: flex;
    flex-wrap: wrap;
}
#result.event_list .content .thumbs {
    float: initial;
    width: 250px;
    margin-right: 16px;
}
#result.event_list .content .info .list-service li {
    margin-right: 6px;
}
#result.event_list .content .list_info li {
    float: initial;
    color: #666666;
    padding-left: 21px;
    margin-bottom: 4px;
}
#result.event_list .content .station {
    background: url(../images/icon-station.svg) no-repeat 0 0
}

#result.event_list .content .tel {
    background: url(../images/icon-tel.svg) no-repeat 0 0
}

#result.event_list .content .price {
    background: url(../images/icon-price.svg) no-repeat 0 0
}

#result.event_list .content .working-hour {
    background: url(../images/icon-clock.svg) no-repeat 0 0
}
#result.event_list .content .info {
    float: initial;
    width: calc(100% - 276px);
}
#result.event_list .opt {
    width: 100%;
}
#result.event_list .btn_box {
    position: relative;
    display: flex;
    justify-content: right;
    padding-top: 32px;
}
#result.event_list .btn_box span {
    position: absolute;
    top: 8px;
    right: 2px;
    color: #e64831;
    font-weight: bold;
}
#result.event_list .btn_box span::before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 10px;
    margin-right: 6px;
    background: #e64831;
    transform: rotate(-30deg);
}
#result.event_list .btn_box span::after {
    content: "";
    display: inline-block;
    width: 2px;
    height: 10px;
    margin-left: 6px;
    background: #e64831;
    transform: rotate(30deg);
}
#result.event_list .btn_box a {
    display: block;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px;
}
#result.event_list .btn_box .btn_sub {
    width: 30%;
    margin-right: 16px;
    border: 2px solid #1952AC;
    color: #1952AC;
}
#result.event_list .btn_box .btn_cv {
    width: calc(100% - 30% - 16px);
    border: 2px solid #1952AC;
    background: #1952AC;
    color:#fff;
}
#result.event_list .opt {
    position: relative;
    margin: 16px 0 24px;
    padding: 12px;
    background: #ABDAEF;
}
#result.event_list .opt .container {
    position: relative;
    height: 50px;
    padding: 16px;
    background: #fff;
    font-size: 14px;
    overflow: hidden;
    transition: all .3s;
}
#result.event_list .opt p {
    font-size: 14px;
    line-height: 1.5;
}
#result.event_list .opt .container::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%);
    transition: all .3s;
}
#result.event_list .opt .container.show:before {
    opacity: 0;
    visibility: hidden;
}
#result.event_list .opt span {
    position: absolute;
    top: -10px;
    left: -6px;
    padding: 5px 12px;
    background: #e64831;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    z-index: 1;
}
#result.event_list .opt span::before {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 0;
    height: 0;
    border-top: 6px solid #711016;
    border-left: 6px solid transparent;
}
#result.event_list .opt .more_txt {
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%,0);
    padding: 6px 32px;
    background: #fff;
    border: 2px solid #ABDAEF;
    border-radius: 30px;
    color: #ABDAEF;
    font-size: 12px;
    font-weight: bold;
    transition: all .3s;
    z-index: 1;
}
#result.event_list .opt .more_txt:hover {
    cursor: pointer;
    background: #ABDAEF;
    color: #fff;
}
/* 新検索UI */
.search_box {
    margin-top: 10px;
}
.search_box > .listFrm {
    padding: 0;
}
.search_box table {
    width: 780px;
    border-collapse: separate;
    border-radius: 4px;
    border:1px solid #e4e4e4;
}
.search_box table tr {
    display: block;
    width: auto;
}
.search_box table tr:not(:first-of-type) {
    border-top: 1px solid #e4e4e4;
}
.search_box table td .flex {
    display: flex;
    align-items: center;
}
.search_box table th {
    min-width: 54px;
    padding: 10px;
    font-size: 12px;
    color: #535353;
    background: #f8f8f8;
    text-align: left;
    font-weight: normal;
}
.search_box table tr:first-of-type th {
    border-radius: 4px 0 0 0;
}
.search_box table tr:last-of-type th:not(th.bd) {
    border-radius: 0 0 0 4px;
}
.search_box table th.bd {
    border-left: 1px solid #e4e4e4;
}
.search_box table td {
    width: 100%;
    margin-left: 6px;
}
.search_box table tr.second select {
    width: 182px;
}.search_box select {
    width: 100%;
    padding: 10px 12px;
    margin: 0;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    background: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
    font-size: 13px;
    color: #535353;
}
.search_box td .flex .select_box:first-of-type {
    width: 45%;
}
.search_box td .flex .select_box:last-of-type {
    width: 55%;
    border-left: 1px dashed #e4e4e4;
}
.select_box {
    position: relative;
}
.select_box::before {
    position: absolute;
    top: 15px;
    right: 15px;
    content: '';
    width: 0;
    height: 0;
    padding: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #b8b8b8;
    pointer-events: none;
}
.search_box .flex div {
    display: flex;
    align-items: center;
}
.search_box .flex + .flex {
    margin-top: 16px;
}
.search_box .status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    margin: 0 0 16px 0;
    background: none;
}
.search_box .status p {
    font-size: 14px;
}
.search_box .status p span {
    font-weight: bold;
    font-size: 16px;
}
.select_box.sort {
    width: 160px;
    padding-left: 20px;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
}
.select_box.sort img {
    position: absolute;
    top: 13px;
    left: 10px;
}
.search_box .frm_submit {
    display: flex;
    justify-content: center;
    width: 60%;
    margin: 20px auto 40px;
}
.search_box .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 14px;
    border-radius: 8px;
    box-sizing: border-box;
    box-shadow: none;
    text-shadow: none;
}
.search_box .btn:hover {
    box-shadow: none;
    text-shadow: none;
    color: auto;
}
.frm_submit .input_box {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 340px;
}
.frm_submit .input_box::before {
    content: "";
    position: absolute;
    top: 11px;
    left: calc(50% - 52px);
    display: inline-block;
    background: url(../images/icon-search.svg) no-repeat 0 0;
    width: 20px;
    height: 20px;
}
.btn_clear {
    width: 120px;
    min-width: 120px;
    height: 44px;
    margin-right: 16px;
    border: 1px solid #e7e7e7;
    background: #f8f8f8;
    color: #707070;
    transition: all .3s;
}
.btn_search {
    width: 100%;
    height: 44px;
    border: 1px solid #FB8919;
    background: #FB8919;
    color: #fff;
    transition: all .3s;
}
.btn_clear:hover {
  color: #707070;
  background: #eeeeee;
}
.btn_search:hover {
  color: #fff;
  border: 1px solid #EA7F16;
  background: #EA7F16;
}
.search_box.text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.search_box.text form {
    display: flex;
    align-items: center;
    width: 100%;
}
input[name="shop_name"] {
    width: calc(100% - 100px);
    height: 44px;
    padding: 12px 15px 12px 15px;
    border: 1px solid #e4e4e4;
    border-radius: 8px 0 0 8px;
    border-right: none;
    box-sizing: border-box;
}
.search_box.text .frm_submit {
    width: 100px;
    margin: 0;
}
.search_box.text .btn_search {
    display: inline-block;
    width: 100px;
    height: 44px;
    text-align: right;
    border-radius: 0px 8px 8px 0;
}
.search_box.text .input_box::before {
    left: calc(50% - 42px);
}
.search_box.text .status {
    margin: 0;
}

/*------------------------------------------------
プロフィールページ
------------------------------------------------*/
.contents_profile .profile_box_right,
.contents_profile .profile_box_left {
	width: 100%;
	max-width: 376px;
	display: inline-block;
	vertical-align: top;
}
#container .contents_profile .inner {
    padding: 40px 20px 20px 0;
}
.contents_profile .profile_box_right h3,
.profile_box_schedule h3,
.profile_caption h3 {
    text-align: left;
    font-weight: 700;
    font-size: 16px;
    padding: 0 0 4px 8px;
    border-bottom: 2px solid #DED3B9;
    margin-bottom: 20px;
    color: #663300;
}
.contents_profile .profile_box_right .mdl_name {
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 10px;
    text-align: center;
}
.contents_profile .profile_box_right .mdl_name .age {
    font-size: 16px;
}
.contents_profile .profile_box_right .mdl_sizes {
    font-size: 16px;
    line-height: 1;
    margin-bottom: 36px;
    text-align: center;
}
.contents_profile .profile_box_right .mdl_sizes p {
    display: inline-block;
    padding-right: 40px;
}
.contents_profile .profile_box_right .mdl_sizes p.pd_small {
    padding-right: 6px;
}
.contents_profile .profile_box_right .mdl_message {
    padding: 10px;
    max-height: 248px;
    overflow-y: scroll;
}
/* スケジュール表 */
.profile_box_schedule table {
    display: block;
    background: #fff;
    border: 1px solid #ded3b9;
    table-layout: fixed;
    width: 100%;
}
.profile_box_schedule table tr:first-of-type th,
.profile_box_schedule table tr:nth-child(8) th {
  border-top: none;
}
.profile_box_schedule table tr:nth-child(n + 8) th {
    display: none;
}
.profile_box_schedule table td {
    width: 103px;
    height: 16px;
    padding: 8px 4px;
    font-size: 13px;
    text-align: center;
}
.profile_box_schedule table th {
    background: #eee9dd;
    color: #1f1f1f;
    font-size: 12px;
    text-align: center;
    font-weight: normal;
}
.profile_box_schedule table td:first-of-type {
    text-align: center;
    border-left: none;
}
.profile_box_schedule table tr:nth-child(n + 8) td:first-of-type {
    background: #f1f9fc;
}
.profile_box_schedule table th.sat {
    color: #3E6AC5;
}
.profile_box_schedule table th.sun {
    color: #C1485C;
}
.table_02 th,
.table_02 td {
    padding: 8px 4px;
    border: 1px solid #ded3b9;
}
/* セラピスト画像 */
.section_cast .cast_box {
	margin: 0 auto 20px;
	position: relative;
	text-align: center;
}
.section_cast .cast_box img {
    width: 300px;
    aspect-ratio: auto 300 / 400;
    height: 400px;
}
.section_cast .swiper {
	width: 300px;
	margin: 0 auto;
}
.swiper-pagination{
	position: initial;
}
.pagination{
    margin-top: 10px;
}
.swiper-pagination-bullet {
	background-color: #ded3b9!important;
    opacity: 1!important;
}
.swiper-pagination-bullet-active {
	background-color: #945a1d!important;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: none!important;
}
/* 店舗TOPへ戻る */
.page_back {
    font-size: 15px;
    margin-bottom: 16px;
}
.page_back a {
    color: #1f1f1f;
    text-decoration: none;
    outline: none;
    -moz-transition-property: color;
    -o-transition-property: color;
    -webkit-transition-property: color;
    transition-property: color;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s
}
.page_back a:hover {
    color: #f0599d
}
.page_back a i,
.btn_back a i {
    font-family: FontAwesome;
    font-weight: 600;
    font-size: 16px;
    margin-right: 6px;
}
.btn_back {
    text-align: center;
    margin-top: 20px;
}
.btn_back button {
    background-color: #d8cbb0;
    border: none;
    cursor: pointer;
    outline: none;
    color: #fff;
    padding: 0;
    line-height: 40px;
    width: 180px;
    border-radius: 20px;
    box-shadow: 0 1px 4px rgb(0 0 0 / 20%);
    transition: 0.3s ease-in-out;
}
.btn_back button:hover {
    background: #FFF;
    color: #d8cbb0;
    box-shadow: 0 15px 30px -5px rgb(0 0 0 / 25%);
    transform: translateY(-4px);
}



/* 1万円ポッキリ追加css 20250304 */

/******* 1万円ポッキリ/大人セラピ/団体さん壽崎設定 2025/02/12 *******/
.result_shop_box{
    width: 780px;
    position: relative;
    box-sizing: border-box;
    padding: 20px;
    border-top: 4px solid #E0D2B8;
    background: linear-gradient(to bottom,#F8F5ED 0%,#fff 50%);
    font-feature-settings: "palt";
}
.result_shop_box,
.result_shop_box a {
    color: #585858;
    transition: 0.3s;
}
.result_shop_box a:hover{
    color: #C46686;
}
.result_shop_box .result_head{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.result_shop_box h2{
    flex-basis: 430px;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.4;
}
.result_shop_box h2 span{
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
}

/* オプションアイコン */
.result_shop_box .opt_icon{
    flex-basis: 315px;
    display: flex;
    justify-content: flex-end;
}
.result_shop_box .opt_icon img{
    margin-left: 5px;
}

/* 予約状況登録 */
.result_shop_box .reserve_now{
    background: #fff;
}
.result_shop_box .reserve_now .title{
    display: inline-block;
    background: #75767B;
    padding: 5px;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
}

/* 店舗ボックス左側 */
.result_shop_box .left_box{
    width: 160px;
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    vertical-align: top;
}

/* サービスアイコン */
.result_shop_box .left_box .list-service{
    display: flex;
    flex-wrap: wrap;
}
.result_shop_box .left_box .list-service li.ic_info{
    width: calc((100% - 6px) / 3);
    margin: 0 3px 3px 0;
    height: 20px;
    font-size: 11px;
    font-weight: bold;
    border-radius: 2px;
    background: #B93039;
}
.result_shop_box .left_box .list-service li.ic_info.off{
    background: #E5E5E5;
    color: #D0D0D0;
}
.result_shop_box .left_box .list-service li.ic_info:nth-child(3n){
    margin: 0 0px 3px 0;
}
.result_shop_box .left_box .list-service li.ic_info:last-child{
    width: 100%;
    margin: 0 0 3px 0;
}

/* 店舗情報 */
.result_shop_box .left_box .shop_bg{
    background: #F7F4ED;
    padding: 10px;
    box-sizing: border-box;
}
.result_shop_box .left_box .shop_bg ul li{
  overflow-wrap: break-word;
}
.result_shop_box .left_box .shop_bg .ic_info{
    display: inline-block;
    width: 60px;
    text-align: center;
    margin: 0 3px 6px 0;
}
.result_shop_box .station span,
.result_shop_box .tel span,
.result_shop_box .working-hour span{
    display: inline-block;
    background: #79683F;
    width: 16px;
    padding: 2px 0 0px 3px;
    height: 16px;
    box-sizing: border-box;
    vertical-align: sub;
    margin-right: 4px;
}
.result_shop_box .station span i,
.result_shop_box .tel span i,
.result_shop_box .working-hour span i{
    color: #fff;
    font-size: 11px;
    vertical-align: top;
}


/* 店舗ボックス右側 */
.result_shop_box .right_box{
    width: 560px;
    display: inline-block;
}

/* パンダNEWS */
.result_shop_box .news .news_date{
    background: #F2EFDC;
    color: #614D41;
    font-size: 12px;
    padding: 4px 8px;
    display: inline-block;
}
.result_shop_box .news .title{
    font-size: 18px;
    font-weight: bold;
}
.result_shop_box .news .title .title_head{
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    align-items: center;
}
.result_shop_box .news .title span{
    padding: 3px 4px;
    background: #E36060;
    color: #fff;
    font-size: 11px;
    margin-right: 3px;
}
.result_shop_box .news .txt{
    width: 100%;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-decoration-line: underline;
}

/* パンダ特典/おすすめコース */
.result_shop_box .discount{
    width: 100%;
    background: #F7F4ED;
    padding: 10px;
    color: #79683F;
    display: flex;
    margin-bottom: 10px;
}
.result_shop_box .discount .title{
    flex-basis: 145px;
    text-align: center;
    vertical-align: top;
    align-self: center;
}
.result_shop_box .discount .title .fw_b{
    font-size: 20px;
}
.result_shop_box .discount .detail{
    flex-basis: 353px;
    border-left: 1px solid #CEC2BB;
    padding: 5px 0px 5px 25px;
    vertical-align: top;
}
.result_shop_box .discount .detail .reco_price{
    text-align: right;
}
/* パンダ特選120分コース */
.result_shop_box .discount.special{
    background: #F8EFEF;
    color: #BF6161;
}

/* 当店最安値 */
.result_shop_box .lowprice{
    width: 350px;
    display: inline-block;
    padding: 4px;
    border: 1px solid #C3C3C3;
    border-radius: 40px;
}
.result_shop_box .lowprice .title{
    background: #CB5B62;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    border-radius: 20px;
    padding: 9px 15px;
    display: inline-block;
}
.result_shop_box .lowprice .price{
    display: inline-block;
    font-weight: bold;
    font-size: 24px;
    vertical-align: sub;
}
.result_shop_box .lowprice .price .red{
    color: #CB5B62;
}

/* 詳細ページポタン */
.result_shop_box .btn_more_shop{
    background: #CB5B62;
    color: #fff;
    font-weight: bold;
    border-radius: 8px;
    position: relative;
    width: 173px;
    display: inline-block;
    padding: 11px;
    text-align: center;
}
.result_shop_box .btn_more_shop:after{
    position: absolute;
    top: 30%;
    right: 5px;
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    color: #fff;
    transition: 0.3s;
}
.result_shop_box .btn_more_shop:hover{
    color: #fff;
    opacity: 0.8;
}
.result_shop_box .btn_more_shop:hover:after{
    right: 2px;
}

.result_shop_box .center{
    text-align: center;
}

/* //1万円ポッキリ/大人セラピ/団体さん壽崎設定 2025/02/12 */



/******* 店舗ページ壽崎作成 2025/02/12 *******/
#result.shop_page,
#result.shop_page a{
    color: #707070;
    box-sizing: border-box;
    font-feature-settings: "palt";
}

#result.shop_page .head{
    background: #F8F5ED;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#result.shop_page .head h2{
    flex-basis: 440px;
}
#result.shop_page .head .opt_icon{
    flex-basis: 315px;
    display: flex;
    justify-content: flex-end;
}
#result.shop_page .head .opt_icon img{
    margin-left: 5px;
}

#result.shop_page .shop_content{
    padding: 20px;
    box-sizing: border-box;
}

/* 店舗ボックス左側 */
.shop_page .left_box{
    width: 160px;
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    vertical-align: top;
}

.shop_page .left_box .list-service{
    display: flex;
    flex-wrap: wrap;
}
.shop_page .left_box .list-service li.ic_info{
    width: calc((100% - 6px) / 3);
    margin: 0 3px 3px 0;
    height: 20px;
    font-size: 11px;
    font-weight: bold;
    border-radius: 2px;
    background: #B93039;
}
.shop_page .left_box .list-service li.ic_info.off{
    background: #E5E5E5;
    color: #D0D0D0;
}
.shop_page .left_box .list-service li.ic_info:nth-child(3n){
    margin: 0 0px 3px 0;
}
.shop_page .left_box .list-service li.ic_info:last-child{
    width: 100%;
    margin: 0 0 3px 0;
}

/* 店舗情報 */
.shop_page .left_box .shop_bg{
    background: #F7F4ED;
    padding: 10px;
    box-sizing: border-box;
}
.shop_page .left_box .shop_bg ul li{
    overflow-wrap: break-word;
}
.shop_page .left_box .shop_bg .ic_info{
    display: inline-block;
    width: 60px;
    text-align: center;
    margin: 0 3px 6px 0;
}
.shop_page .station span,
.shop_page .tel span,
.shop_page .working-hour span{
    display: inline-block;
    background: #79683F;
    width: 16px;
    padding: 2px 0 0px 3px;
    height: 16px;
    box-sizing: border-box;
    vertical-align: sub;
    margin-right: 4px;
}
.shop_page .station span i,
.shop_page .tel span i,
.shop_page .working-hour span i{
    color: #fff;
    font-size: 11px;
    vertical-align: top;
}

/* 最安値 */
.shop_page .lowprice{
    font-weight: bold;
    font-size: 18px;
}
.shop_page .lowprice .bg_red{
    background: #CB5B62;
    color: #fff;
    padding:  5px 2px;
    margin-right: 3px;
    vertical-align: middle;
}
.shop_page .lowprice .red{
    color: #CB5B62;
}

/* 予約状況 */
.shop_page .reserve{
  width: 100%;
  display: block;
  box-sizing: border-box;
}
.shop_page .reserve .title{
  width: 100%;
  background: #575757;
  border-radius: 8px 8px 0 0;
  border: 1px solid #575757;
  padding: 5px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  box-sizing: border-box;
  color: #fff;
}
.shop_page .reserve .frame{
  border: 1px solid #575757;
  padding: 10px;
  border-radius: 0 0 8px 8px;
  margin-bottom: 10px;
  box-shadow: none;
}
.shop_page .reserve .frame .center{
  text-align: center;
  font-size: 12px;
}
.shop_page .reserve .flex{
  display: flex;
  align-items: center;
  justify-content: space-around;
  line-height: 1.2;
  margin-bottom: 0;
}
.shop_page .reserve .flex .vacant,
.shop_page .reserve .flex .bit,
.shop_page .reserve .flex .cancel{
  flex-basis: 15%;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
}
.shop_page .reserve .txt{
  font-size: 16px;
  font-weight: bold;
}
.shop_page .reserve .atten{
    color: #CB5B62;
    font-size: 11px;
}

/* 店舗ボックス右側 */
.shop_page .right_box{
    width: 560px;
    display: inline-block;
}

/* パンダ特典/おすすめコース */
.shop_page .discount{
    width: 100%;
    background: #F7F4ED;
    padding: 10px;
    color: #79683F;
}
.shop_page .flex{
    display: flex;
    margin-bottom: 10px;
}
.shop_page .discount .title{
    flex-basis: 145px;
    text-align: center;
    vertical-align: top;
    align-self: center;
}
.shop_page .discount .title .fw_b{
    font-size: 20px;
}
.shop_page .discount .detail{
    flex-basis: 353px;
    border-left: 1px solid #CEC2BB;
    padding: 5px 0px 5px 25px;
    vertical-align: top;
}
.shop_page .discount .detail .reco_price{
    text-align: right;
}
.shop_page .discount .reco_detail{
    padding: 10px;
}

/* 1万円ポッキリなど */
.special_opt .flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 0;
}
.special_opt .opt_box{
    flex-basis: calc((100% - 10px) / 2);
    padding: 20px 15px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.special_opt .opt_box:last-of-type:nth-child(odd).opt_pandanews{
    flex-grow: 1;
}
.special_opt .opt_box .opt_left{
    flex-basis: 80px;
    margin-right: 20px;
    text-align: center;
}
.special_opt .opt_box .opt_left p{
    font-size: 11px;
    font-weight: bold;
    line-height: 1.2;
}
.special_opt .opt_box .opt_right{
    flex-basis: 156px;
    line-height: 1.6;
}
.special_opt .opt_box:last-of-type:nth-child(odd).opt_pandanews .opt_right{
    flex-basis: calc(100% - 110px);
}
.special_opt .opt_box.opt_10000{
    background: #F5E9F1;
    color: #B22B88;
}
.special_opt .opt_box.opt_lady{
    background: #EAE2F2;
    color: #743FB2;
}
.special_opt .opt_box.opt_group{
    background: #EAF1F4;
    color: #1F607E;
}
.special_opt .opt_box.opt_pandanews{
    background: #EBCFCF;
    color: #BE3232;
}


/* パンダNEWS */
#news-result .content .date{
    background: #DED2B9;
    padding: 5px;
    display: inline-block;
}

/* 店舗基本情報 */
#shop_info{
  padding: 30px 10px;
}
#shop_info h3{
  color: #91866B;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #D8D4CA;
}
#shop_info .table_info{
  width: 100%;
}
#shop_info .table_info tr {
  display: block;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
  color: #91866B;
}
#shop_info .table_info th {
    width: 20%;
    display: inline-block;
    font-weight: bold;
    text-align: left;
}
#shop_info .table_info td {
    width: 75%;
    display: inline-block;
    line-height: 1.8;
    font-feature-settings: "palt";
    box-sizing: border-box;
}
#shop_info .list-treat {
  display: flex;
  flex-wrap: wrap;
}
#shop_info .list-treat li{
  background: #eee;
  padding: 1px 2px;
  margin: 0 4px 4px 0;
  border-radius: 2px;
}

/* 店舗基本情報内ボタン設定 */
#shop_info .table_info .btn_info_box{
    color: #8B95BD;
    font-weight: bold;
    border-radius: 8px;
    position: relative;
    width: 250px;
    display: inline-block;
    padding: 5px;
    text-align: center;
    border: 1px solid #8B95BD;
    box-sizing: border-box;
}
#shop_info .table_info .btn_info_box:after{
    position: absolute;
    top: 15%;
    right: 5px;
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    color: #8B95BD;
    transition: 0.3s;
}
#shop_info .table_info .btn_info_box:hover{
    color: #8B95BD;
    opacity: 0.8;
}
#shop_info .table_info .btn_info_box:hover:after{
    right: 2px;
}

#shop_info .table_info .btn_info_box02{
    color: #8B95BD;
    font-weight: bold;
    border-radius: 8px;
    position: relative;
    width: 250px;
    display: flex;
    align-items: center;
    padding: 10px 0;
    text-align: center;
    border: 1px solid #8B95BD;
    box-sizing: border-box;
    transition: 0.3s;
}
#shop_info .table_info .btn_info_box02:hover{
    opacity: 0.8;
}
#shop_info .table_info .btn_info_box02 i{
    flex-basis: 20%;
    font-size: 28px;
}
#shop_info .table_info .btn_info_box02 div{
    text-align: left;
    line-height: 1.2;
}

/******* //↑店舗ページ壽崎作成 2025/02/12↑ *******/

/* 会員機能ボタン */
.member_btn_box{
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 20px;
}
.member_btn_logout, .member_btn_login {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 4px;
    font-weight: bold;
    transition: all 0.3s ease-in-out;
    text-align: center;
    width: 100%;
    height: 34px;
    font-size: 12px;
}
.member_btn_logout{
    background-color: #cc0533;
}
.member_btn_login{
    background-color: #6a5648;
}
.member_btn_logout:hover, .member_btn_login:hover{
    color: #fff;
    opacity: .8;
}
/******* //注目のメンズエステ店リメイク 2025/03/26↓ *******/

.area_atten .head{
    margin-bottom:10px;
}

.area_atten .area_atten_wrap{
    overflow-x: scroll;
}
.area_atten .area_atten_wrap ul{
    display: none;
}
.area_atten .area_atten_wrap ul:first-child{
    display: flex;
}
.area_atten .area_atten_wrap ul li{
    width: 130px;
    margin: 10px;
}

.area_atten_img {
  position: relative;
}
.area_atten_img .area_atten_rank{
  position: absolute;
  top: -7px;
  left: -7px;
  z-index: 9999;
}
.area_atten_name{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.area_cap img{
    object-fit: cover;
    width: 120px;
    height: 93px;
}

/******* //注目のメンズエステ店リメイク 2025/03/26↑ *******/



/******* SEO対応分 20250610 *******/
/* 店舗基本情報修正 */
#shop_info .table_info tr td a{
    color: #91866B;
    border-bottom: 1px solid #91866B;
}

/* 「お店のHPはこちら」ボタン修正 */
.btn_official_hp {
    display: block;
    width: 100%;
    padding: 8px;
    text-align: center;
    background: #9b845f;
    border: 1px solid #9b845f;
    color: #fff !important;
    box-sizing: border-box;
    transition: all .3s;
    border-radius: 8px;
    margin: 0 auto 20px;
}
.btn_official_hp:hover{
    background: #fff;
    color: #9b845f !important;
}

/* エリアトップ > ブログRSS店舗名色変更 */
.blog_shop_name{
    color: #1f1f1f;
    transition: 0.3s;
}
.blog_shop_name:hover{
    color: #EE47A1;
}

/* プロフィールページ修正 */
#result .head{
    background: #F8F5ED;
}
#result .head h2{
    color: #585858;
}
/******* //SEO対応分 20250610 *******/