@charset "UTF-8";
/* ============================================= */
/* [randuma Style] CSS Document               */
/* date.Jul.2015                                 */
/* Ver.1.0.2                                     */
/*
================================================ */
/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
@import url("http://fonts.googleapis.com/css?family=Merriweather+Sans:700,300");
@import url("http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css");

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

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
 display: block;
}

body {
 line-height: 1;
}

ol, ul {
 list-style: none;
}

blockquote, q {
 quotes: none;
}

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

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

.contents {
 width: 60%;
 float: left;
 padding: 0 1% 0 1%;
}

.side-a {
 width: 20%;
 float: left;
 display: block;
}

.side-b {
 width: 20%;
 float: right;
 display: block;
}

.mobile .contents {
 width: 100%;
}

.mobile .side-a {
 width: 100%;
}

.mobile .side-b {
 width: 100%;
}

.tablet body {
 min-width: 1200px;
 width: 100%;
}

.tablet .header,
.tablet .g-nav,
.tablet .container {
 min-width: 1200px;
 max-width: 1200px;
 width: 100%;
}

@media only screen and (max-width: 1200px) {

 .tablet body,
 .tablet .header,
 .tablet .g-nav,
 .tablet .container {
  min-width: 100%;
  max-width: 1200px;
  width: 100%;
 }
}

.tablet .contents {
 width: 80%;
 float: left;
 padding: 0 1% 0 1%;
}

.tablet .side-a {
 width: 20%;
 float: left;
 display: block;
}

.tablet .side-b {
 width: 100%;
 float: left;
 display: block;
}

* {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
}

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

.tablet .frame-area {
 width: 98%;
 margin: 1%;
 height: 300px;
 overflow-y: scroll;
 -webkit-overflow-scrolling: touch;
}

.flex-layout {
 width: auto;
 margin-bottom: 1rem;
 display: flex;
 justify-content: center;
}

.flex-layout img {
 width: auto;
 max-width: 100%;
 vertical-align: bottom;
}

.flex-layout ul {
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
}

.flex-layout li {
 flex: auto;
 margin: 4px;
 text-align: center;
}

.flex-layout li p {
 width: 90%;
 text-align: center;
 margin: 0 auto;
}

.list-disc {
 list-style-type: disc;
}

.list-disc li {
 margin-left: 10px;
}

.js-clickable {
 cursor: pointer;
 display: block;
 width: 100%;
 height: 100%;
 overflow: hidden;
 position: relative;
}

.js-clickable:hover {
 opacity: 0.8;
 filter: alpha(opacity=80);
}

.split2 {
 width: 48%;
 float: left;
 margin: 0 1% 30px;
}

.desktop .split2 {
 width: 48%;
 float: left;
}

html {
 background-color: white;
 overflow-y: scroll;
}

body {
 overflow: hidden;
}

a {
 text-decoration: none;
 color: #b30031;
 cursor: pointer;
}

a.text-link {
 text-decoration: underline;
}

.container {
 width: 100%;
 height: auto;
 margin: 0 auto;
 max-width: 768px;
 width: 100%;
 overflow: hidden;
 word-break: break-all;
 background-color: #fff;
 padding-top: 15px;
}

#js-mt {
 padding-top: 70px;
}

.pref_shop_sort-area {
 margin: 0 2% 10px;
}

.button.motto {
 width: 80%;
 margin: 0 auto 20px;
}

.common_mr_bt {
 margin-bottom: 10px;
}

.unit {
 margin-bottom: 20px;
 overflow: hidden;
}

.button-bar {
 width: 100%;
 background: white;
 background: -moz-linear-gradient(left, white 0%, #614f98 100%);
 background: -webkit-gradient(linear, left top, right top, color-stop(0%, white), color-stop(100%, #614f98));
 background: -webkit-linear-gradient(left, white 0%, #614f98 100%);
 background: -o-linear-gradient(left, white 0%, #614f98 100%);
 background: -ms-linear-gradient(left, white 0%, #614f98 100%);
 background: linear-gradient(to right, #ffffff 0%, #614f98 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$start-color', endColorstr='$end-color', GradientType=1);
 text-align: right;
 box-shadow: 0 5px 2px -3px rgba(0, 0, 0, 0.3);
 margin-bottom: 40px;
}

.button-bar a {
 display: inline-block;
 padding: 5px 10px 5px 0;
 text-decoration: underline;
 color: white;
 font-size: 12px;
 font-size: 1.2rem;
}

.border-content {
 border: 1px solid #766a64;
 border-radius: 5px;
 padding: 5%;
}

@font-face {}

@font-face {
 font-family: 'Noto Sans Japanese';
 font-style: normal;
 font-weight: 200;
 src: url( //fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-DemiLight.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-DemiLight.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-DemiLight.otf) format("opentype");
}

@font-face {
 font-family: 'Noto Sans Japanese';
 font-style: normal;
 font-weight: 700;
 src: url( //fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.otf) format("opentype");
}

@font-face {
 font-family: 'icomoon';
 src: url("font/recruit_gate/icomoon.eot?-tdm615");
 src: url("font/recruit_gate/icomoon.eot?#iefix-tdm615") format("embedded-opentype"), url("font/recruit_gate/icomoon.woff?-tdm615") format("woff"), url("font/recruit_gate/icomoon.ttf?-tdm615") format("truetype"), url("font/recruit_gate/icomoon.svg?-tdm615#icomoon") format("svg");
 font-weight: normal;
 font-style: normal;
}

@font-face {
 src: url( //fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);
}

html {
 font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo UI, "メイリオ", Meiryo, sans-serif;
 font-size: 62.5%;
}

body {
 font-size: 14px;
 font-size: 1.4rem;
 line-height: 22px;
 line-height: 2.2rem;
 word-break: normal;
 letter-spacing: 0.05rem;
}

h2 {
 font-size: 16px;
 font-size: 1.6rem;
}

h3 {
 font-size: 16px;
 font-size: 1.6rem;
 margin-bottom: 10px;
 color: #f9f0e4;
}

h4 {
 font-size: 16px;
 font-size: 1.6rem;
}

h5 {
 font-size: 14px;
 font-size: 1.4rem;
}

.heading-1 {
 font-size: 10px;
 font-size: 1rem;
 line-height: 12px;
 line-height: 1.2rem;
 letter-spacing: 1;
}

.heading-2 {
 padding: 0 0px 4px 10px;
 margin: 0 354px 15px 50px;
 background-image: url(../img/bg_h2_center.png);
 position: relative;
 height: 46px;
 line-height: 46px;
 width: auto;
}

.heading-2:before {
 position: absolute;
 top: 0px;
 left: -50px;
 height: 46px;
 content: url(../img/bg_h2_left.png);
}

.heading-2:after {
 position: absolute;
 top: 0px;
 right: 0px;
 width: 1px;
 height: 46px;
 content: url(../img/bg_h2_right1.png);
}

.heading-3 {
 font-size: 18px;
 font-size: 1.8rem;
 line-height: 30px;
 line-height: 3rem;
 border-left: 4px solid #766a64;
 margin-bottom: 8px;
 padding: 4px;
 color: white;
 background-color: rgba(118, 106, 100, 0.3);
}

.heading-3 a {
 color: white;
}

.heading-4 {
 font-size: 18px;
 font-size: 1.8rem;
 line-height: 20px;
 line-height: 2rem;
 color: #5a514d;
 padding: 10px;
 font-weight: 700;
 border-top: 4px double rgba(118, 106, 100, 0.3);
 border-bottom: 4px double rgba(118, 106, 100, 0.3);
 background-color: #f9f0e4;
}

.heading-5 {
 font-size: 16px;
 font-size: 1.6rem;
 line-height: 18px;
 line-height: 1.8rem;
 color: #5a514d;
 margin: 8px auto;
 padding: 10px;
 background-color: white;
}

.heading-6 {
 font-size: 24px;
 font-size: 2.4rem;
 line-height: 26px;
 line-height: 2.6rem;
 color: #5a514d;
 padding: 10px 0 20px 10px;
 padding: 1rem 0 2rem 1rem;
 font-weight: 700;
 border-bottom: 1px dotted #808080;
}

.heading-7 {
 background-color: #f8282c;
 color: white;
 padding: 8px;
 font-weight: bold;
 margin-bottom: 0px;
 border: none;
}

.heading-7 .ic-new {
 width: 4rem;
 padding: 1px 6px;
 margin: 0 3px 0 0;
 border-radius: 12px;
 background-color: #ffc107;
 color: white;
 text-align: center;
}

.heading-8 {
 background-color: #f9f0e4;
 padding: 5px;
 margin: 10px 0;
 color: white;
}

.heading-8 a {
 color: white;
 text-decoration: underline;
}

.heading-8.btn-tgl {
 background-color: #f32527;
}

.heading-8.noactive {
 background-color: #db7071;
}

.heading-9 {
 background-color: inherit;
 padding: 15px 0;
 border-bottom: 1px dotted white;
 color: white;
}

.heading-10 {
 background-color: #f2f2f2;
 padding: 7px 10px;
 border-bottom: 1px solid #766a64;
 color: #766a64;
 font-weight: bold;
}

.heading-bold {
 font-weight: bold;
 color: #222222;
}

.heading-btn-1 {
 font-size: 16px;
 font-size: 1.6rem;
 line-height: 18px;
 line-height: 1.8rem;
}

.heading-btn-2 {
 font-size: 16px;
 font-size: 1.6rem;
 line-height: 18px;
 line-height: 1.8rem;
}

.collapse-child .title {
 font-size: 14px;
 font-size: 1.4rem;
 line-height: 16px;
 line-height: 1.6rem;
}

.heading-banner {
 font-size: 14px;
 font-size: 1.4rem;
 line-height: 16px;
 line-height: 1.6rem;
 text-align: center;
 padding: 0 0 5px 0;
 border-bottom: 1px dotted #808080;
}

input,
select,
textarea {
 font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo UI, "メイリオ", Meiryo, sans-serif;
 font-size: 17px;
 font-size: 1.7rem;
}

.consent-matters .check {
 font-size: 18px;
 font-size: 1.8rem;
}

.completion_text {
 line-height: 18px;
 line-height: 1.8rem;
}

p {
 font-size: 14px;
 font-size: 1.4rem;
 line-height: 22px;
 line-height: 2.2rem;
}

.center {
 text-align: center;
}

.justify {
 text-align: justify;
}

.srash-a:after {
 content: '/';
 margin: 0 0.5em;
}

.srash-b:before {
 content: '/';
 margin: 0 0.5em;
}

.req {
 color: #c9302c;
}

.text-overflow {
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
}

.title {
 font-weight: bold;
}

.date-enter {
 font-size: 12px;
 font-size: 1.2rem;
 line-height: 14px;
 line-height: 1.4rem;
 text-align: center;
}

.name {
 font-size: 14px;
 font-size: 1.4rem;
 line-height: 22px;
 line-height: 2.2rem;
 font-weight: bold;
}

.size {
 font-size: 12px;
 font-size: 1.2rem;
 line-height: 14px;
 line-height: 1.4rem;
}

.date {
 font-size: 12px;
 font-size: 1.2rem;
 line-height: 14px;
 line-height: 1.4rem;
}

.comment {
 font-size: 14px;
 font-size: 1.4rem;
 line-height: 22px;
 line-height: 2.2rem;
 line-height: 18px;
 line-height: 1.8rem;
}

.att {
 font-size: 14px;
 font-size: 1.4rem;
 line-height: 22px;
 line-height: 2.2rem;
}

.att-comment {
 font-size: 14px;
 font-size: 1.4rem;
 line-height: 22px;
 line-height: 2.2rem;
 line-height: 18px;
 line-height: 1.8rem;
}

.att-time {
 font-size: 12px;
 font-size: 1.2rem;
 line-height: 14px;
 line-height: 1.4rem;
}

.data {
 font-size: 12px;
 font-size: 1.2rem;
 line-height: 14px;
 line-height: 1.4rem;
}

.age {
 font-size: 12px;
 font-size: 1.2rem;
 line-height: 14px;
 line-height: 1.4rem;
}

.sat {
 color: #afcced;
}

.sun {
 color: #ff0031;
}

.new {
 font-size: 12px;
 font-size: 1.2rem;
 line-height: 14px;
 line-height: 1.4rem;
}

.input-note {
 padding: 10px 0 0 0;
}

.chuui {
 color: red;
 width: 100%;
 display: block;
 border: 1px solid red;
 padding: 10px;
 margin-top: 5px;
 border-radius: 4px;
}

.cp_list .new {
 font-size: 14px;
 font-size: 1.4rem;
 line-height: 18px;
 line-height: 1.8rem;
}

.cp_list .name {
 font-size: 16px;
 font-size: 1.6rem;
 line-height: 18px;
 line-height: 1.8rem;
}

.cp_list .age {
 font-size: 14px;
 font-size: 1.4rem;
 line-height: 18px;
 line-height: 1.8rem;
}

.cp_list .size {
 font-size: 14px;
 font-size: 1.4rem;
 line-height: 18px;
 line-height: 1.8rem;
}

.cp_list .date {
 font-size: 14px;
 font-size: 1.4rem;
 line-height: 18px;
 line-height: 1.8rem;
}

.cp_list .comment {
 font-size: 12px;
 font-size: 1.2rem;
 line-height: 16px;
 line-height: 1.6rem;
}

.cp_list .att-comment {
 font-size: 12px;
 font-size: 1.2rem;
 line-height: 16px;
 line-height: 1.6rem;
}

.cp_list .att-time {
 font-size: 14px;
 font-size: 1.4rem;
 line-height: 18px;
 line-height: 1.8rem;
}

.mobile .heading-2 {
 font-size: 18px;
 font-size: 1.8rem;
 margin: 0px 5px 15px 5px;
 padding: 10px 0 0;
/* background-image: url(../img/h2sp_bg.png);*/
 background-repeat: no-repeat;
 line-height: normal;
 height: auto;
 min-height: 46px;
 color: #d40004;
/* border-bottom: 1px solid #B5A465;*/
}

.mobile .heading-2:before {
 display: none;
}

.mobile .heading-2:after {
 display: none;
}

.mobile .heading-3 {
 font-size: 16px;
 font-size: 1.6rem;
 line-height: 24px;
 line-height: 2.4rem;
 border-bottom: 0;
 margin-bottom: 2%;
}

.mobile .heading-4 {
 font-size: 16px;
 font-size: 1.6rem;
 line-height: 18px;
 line-height: 1.8rem;
}

.mobile .heading-5 {
 font-size: 14px;
 font-size: 1.4rem;
 line-height: 16px;
 line-height: 1.6rem;
}

.mobile .report-contents .heading-2,
.mobile .reply .heading-2 {
 font-size: 14px;
 font-size: 1.4rem;
 line-height: 20px;
 line-height: 2rem;
 padding: 0 2% 1% 0%;
}

.tablet .heading-2 {
 font-size: 18px;
 font-size: 1.8rem;
 margin: 0 2px 15px 50px;
}

.tablet .heading-2:after {
 display: none;
}

.header {
 width: 100%;
 height: 64px;
 position: fixed;
 top: 0;
 right: 0;
 left: 0;
 padding: 5px;
 z-index: 9998;
 color: #766a64;
 background-color: #000;
 box-shadow: 0 5px 2px -3px rgba(0, 0, 0, 0.3);
}

.branding{
	text-align: center;
}

.branding img {
 max-height: 100%;
}

#hide_point.container div.branding a img{
	width: 65%;
}

.headerinfo {
 position: relative;
 width: 100%;
}

.headerinfo .heading-2-gate {
 width: 32%;
 margin-left: 46%;
 padding: 5px 0;
 font-size: 10px;
 font-size: 1rem;
 line-height: 12px;
 line-height: 1.2rem;
}

.headerinfo .branding {
 position: absolute;
 width: auto;
 height: 40px;
 padding-right: 5px;
 margin-top: 5px;
}


.headerinfo .shop-phone {
    left: 23%;
    position: relative;
    text-align: center;
    top: 0;
    width: 54%;
}
.headerinfo .shop-phone a::before {
    color: white;
    left: 8px;
    position: absolute;
    top: 15px;
}
.headerinfo .shop-phone a::before {
    content: "";
    font-family: "FontAwesome";
    font-size: 2.6rem;
    padding: 4px 10px 4px 0;
}
.headerinfo .shop-phone a {
    background-color: #d40004;
    border: 1px solid #ff080d;
    border-radius: 4px;
    color: white;
    display: block;
    font-size: 1.4rem;
    line-height: 2.2rem;
    padding: 5px 0;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}

.footer {
 width: 100%;
 height: auto;
 margin: 0 auto;
}

.footer a {
 color: white;
}

.footerinfo {
 background-color: #766a64;
 color: white;
 width: 100%;
 float: left;
 padding: 15px 0 0 0;
}

.footerinfo .shopinfo {
 text-align: left;
}

.footerinfo .shop-phone {
 width: 100%;
 display: inline-block;
 vertical-align: top;
}

.footerinfo .shop-phone p {
 font-size: 16px;
 font-size: 1.6rem;
 width: 90%;
 margin: 0 5% 15px;
 font-weight: 500;
 text-align: center;
 background-color: #f65557;
 border-radius: 4px;
 box-shadow: 0 5px 2px -3px rgba(0, 0, 0, 0.3);
 margin: inherit 0;
}

.footerinfo .shop-phone p:before {
 content: "電話";
 font-size: 12px;
 font-size: 1.2rem;
 padding: 5px;
 float: left;
}

.footerinfo .shop-phone p a {
 display: block;
 width: 100%;
 padding: 5px;
}

.footerinfo .phonedesc {
 display: none;
}

.footerinfo .shop-time {
 width: 90%;
 margin: 0 5%;
 display: inline-block;
}

.footerinfo .shop-time p {
 font-size: 14px;
 font-size: 1.4rem;
 line-height: 16px;
 line-height: 1.6rem;
 margin-left: 20px;
}

.footerinfo .shop-time p.caution {
 font-size: 11px;
 font-size: 1.1rem;
}

.footerinfo .footnav {
 width: 100%;
 height: auto;
 margin: 0 auto;
 float: left;
}

.ft-nav {
 float: none;
 overflow: hidden;
 width: 100%;
 padding: 15px 1%;
 background-color: #000;
 text-align: center;
 font-size: 12px;
 font-size: 1.2rem;
 line-height: 14px;
 line-height: 1.4rem;
}

.ft-nav li {
 width: none;
 display: inline;
 margin: 10px 3px;
 float: none;
}

.ft-nav li a {
 color: white;
 text-decoration: underline;
}

.copyright {
 text-align: center;
 font-size: 12px;
 font-size: 1.2rem;
 color: white;
 width: 100%;
 background-color: #000;
 padding-bottom: 25px;
 clear: both;
}

/* ============================================= */
/* Button CSS                                    */
/* ============================================= */
.split1.button {
 width: 80%;
 margin: 1% auto;
 display: inherit;
}

.inquiry_completion-area .split1,
.recruit_form_completion-area .split1,
.recruit_staff_form_completion-area .split1,
.reserve_completion-area .split1,
.form_temp_completion .split1 {
 margin: 25px 20% 50px;
 width: 60%;
}

.default {
 background-color: #766a64;
}

.button.inverse {
 background-color: #808080;
 box-shadow: 0 3px 0 #717171;
 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
 color: white;
 cursor: pointer;
}

.button.inverse:hover {
 background-color: #a0a0a0;
 box-shadow: 0 3px 0 #8d8d8d;
 color: white;
 cursor: pointer;
}

.disable {
 background-color: #ababab;
 cursor: default;
 color: gray;
}

.disable:hover {
 position: relative;
 top: 0px;
}

.disable a {
 cursor: default;
 pointer-events: none;
 color: gray;
}

.disable a:hover {
 opacity: 1.0;
}

.inverse-b {
 color: #766a64;
 background-color: transparent;
}

.inverse-b a {
 color: #766a64;
}

.btn-search {
 padding: 15px 0;
 font-size: 16px;
 font-size: 1.6rem;
}

.btn-search:after {
 content: "\f002";
 font-family: "FontAwesome";
 font-size: 17px;
 font-size: 1.7rem;
 line-height: 25px;
 line-height: 2.5rem;
 padding: 0;
 color: white;
 padding-right: 5px;
 right: 0;
 position: absolute;
 width: 17px;
 height: 25px;
 text-align: center;
 vertical-align: middle;
}

.btn-tgl {
 padding: 15px 0;
 border-radius: 4px;
 font-size: 16px;
 font-size: 1.6rem;
 box-shadow: 0 1px 0 #693962;
}

.btn-tgl:after {
 content: "\f067";
 font-family: "FontAwesome";
 font-size: 17px;
 font-size: 1.7rem;
 line-height: 20px;
 line-height: 2rem;
 padding: 0;
 color: white;
 padding-right: 15px;
 right: 0;
 position: absolute;
 width: 17px;
 height: 20px;
 text-align: center;
 vertical-align: middle;
}

.btn-tgl.active:after {
 content: "\f068";
 font-family: "FontAwesome";
 font-size: 17px;
 font-size: 1.7rem;
 line-height: 20px;
 line-height: 2rem;
 padding: 0;
 color: white;
 padding-right: 15px;
 right: 0;
 position: absolute;
 width: 17px;
 height: 20px;
 text-align: center;
 vertical-align: middle;
}

.btn-tgl.noactive:after {
 content: "";
 font-family: "FontAwesome";
 font-size: 17px;
 font-size: 1.7rem;
 line-height: 20px;
 line-height: 2rem;
 padding: 0;
 color: white;
 padding-right: 15px;
 right: 0;
 position: absolute;
 width: 17px;
 height: 20px;
 text-align: center;
 vertical-align: middle;
}

.resserve {
 padding: 15px 0;
 font-size: 16px;
 font-size: 1.6rem;
}

.resserve:before {
 content: "\f003";
 font-family: "FontAwesome";
 font-size: 17px;
 font-size: 1.7rem;
 padding: 4px 0;
 color: white;
 padding-right: 5px;
}

.arrow-after:after {
 content: "\f138";
 font-family: "FontAwesome";
 font-size: 20px;
 font-size: 2rem;
 line-height: 25px;
 line-height: 2.5rem;
 padding: 0;
 color: white;
 padding-right: 5px;
 right: 0;
 position: absolute;
 width: 20px;
 height: 25px;
 text-align: center;
 vertical-align: middle;
}

.arrow-after:after {
 top: calc(50% - 1.25rem);
 z-index: 1;
}

.arrow-before {
 top: calc(50% - 1.25rem);
 z-index: 1;
}

.arrow-before:before {
 content: "\f138";
 font-family: "FontAwesome";
 font-size: 20px;
 font-size: 2rem;
 padding: 4px 0;
 color: white;
 padding-right: 5px;
}

.arrow-before:before {
 top: calc(50% - 1.25rem);
 z-index: 1;
}

.disable-action {
 pointer-events: none;
}

@font-face {
 font-family: "LigatureSymbols";
 src: url("../font/LigatureSymbols-2.11.eot");
 src: url("../font/LigatureSymbols-2.11.eot?#iefix") format("embedded-opentype"), url("../font/LigatureSymbols-2.11.woff") format("woff"), url("../font/LigatureSymbols-2.11.ttf") format("truetype"), url("../font/LigatureSymbols-2.11.svg#LigatureSymbols") format("svg");
 font-weight: normal;
 font-style: normal;
}

.icon-font {
 font-family: "LigatureSymbols";
 -webkit-text-rendering: optimizeLegibility;
 -moz-text-rendering: optimizeLegibility;
 -ms-text-rendering: optimizeLegibility;
 -o-text-rendering: optimizeLegibility;
 text-rendering: optimizeLegibility;
 -webkit-font-smoothing: antialiased;
 -moz-font-smoothing: antialiased;
 -ms-font-smoothing: antialiased;
 -o-font-smoothing: antialiased;
 font-smoothing: antialiased;
 -webkit-font-feature-settings: "liga"1, "dlig"1;
 -moz-font-feature-settings: "liga=1, dlig=1";
 -ms-font-feature-settings: "liga"1, "dlig"1;
 -o-font-feature-settings: "liga"1, "dlig"1;
 font-feature-settings: "liga"1, "dlig"1;
}

/*----------------- button core -----------------*/
.button {
 font-size: 13px;
 font-size: 1.3rem;
 border: none;
 width: 100%;
 margin: 0 0 5px;
 text-align: center;
}

.button a {
 color: white;
 display: block;
 width: 100%;
 height: 100%;
 padding: 0.75rem 0;
}

.button:hover {
 transition: all 30ms;
 -moz-transition: all 30ms;
 -webkit-transition: all 30ms;
 -o-transition: all 30ms;
}

/*------------------------------------------
// Core style start
// not change -> color is site-color
----------------------------------------- */
/* normal */
.button {
 position: relative;
 display: block;
 background-color: #f65557;
 border-radius: 4px;
 color: #fff;
 -webkit-transition: none;
 transition: none;
 box-shadow: 0 3px 0 #f32527;
}

.button:hover {
 background-color: #fa9e9f;
 box-shadow: 0 3px 0 #fa9e9f;
}

.button:active {
 box-shadow: none;
}

.heading-btn-1 {
 color: #222222;
 text-align: left;
 padding: 1rem;
 font-size: 18px;
 font-size: 1.8rem;
}

.heading-btn-1:after {
 font-family: 'FontAwesome';
 content: "閉じる \A0 \f139";
 font-size: 12px;
 font-size: 1.2rem;
 color: #222222;
 text-align: right;
 display: inherit;
}

.active .heading-btn-1:after {
 font-family: 'FontAwesome';
 content: "開く \A0 \f13a";
 font-size: 12px;
 font-size: 1.2rem;
 color: #222222;
}

.heading-btn-2 {
 margin-bottom: 0;
 color: #222222;
 text-align: left;
 padding: 1rem;
 font-size: 18px;
 font-size: 1.8rem;
}

.heading-btn-2:after {
 font-family: 'FontAwesome';
 content: "閉じる \A0 \f139";
 float: right;
 font-size: 12px;
 font-size: 1.2rem;
 color: #222222;
}

.active .heading-btn-2:after {
 font-family: 'FontAwesome';
 content: "開く \A0 \f13a";
 float: right;
 font-size: 12px;
 font-size: 1.2rem;
 color: #222222;
}

.bt-color-glay {
 background-color: rgba(118, 106, 100, 0.3);
 box-shadow: 0 3px 0 #766a64;
}

.bt-color-glay:hover {
 background-color: rgba(118, 106, 100, 0.3);
 box-shadow: 0 3px 0 #766a64;
 opacity: 0.5;
}

.gate-shop {
 background-color: transparent;
 box-shadow: none;
 border: none;
 border: 1px solid #766a64;
}

.gate-shop:hover {
 background-color: white;
 box-shadow: none;
}

.gate-shop a {
 background-color: #f9f0e4;
 color: #766a64;
 box-shadow: 0 3px 0 rgba(118, 106, 100, 0.3);
 border-radius: 4px;
 box-shadow: none;
 font-size: 12px;
 font-size: 1.2rem;
}

.gate-shop a:hover {
 background-color: transparent;
 box-shadow: none;
}

/*----------------- button size -----------------*/
.btn_size-S.button {
 width: 40%;
 margin: 10px auto;
 max-width: 200px;
}

.btn_size-M.button {
 width: 60%;
 margin: 10px auto;
 max-width: 400px;
}

.btn_size-L.button {
 width: 80%;
 margin: 10px auto;
}

.mobile .split2 {
 margin-bottom: 20px;
}

.slide_menu-static .slide_menu.menu-open {
 position: absolute;
}

.container {
 position: relative;
 left: 0;
 z-index: 1;
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
}

.container.contents-push-toleft {
 position: relative;
 left: -80%;
 overflow: hidden;
 height: auto;
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
}

.slide_menu {
 position: fixed;
 top: 0;
 right: 0;
 bottom: 0;
 width: 80%;
 height: 0;
 text-align: left;
 overflow: scroll;
 visibility: hidden;
 -webkit-overflow-scrolling: touch;
 -webkit-transform: translateZ(0px);
}

.slide_menu.menu-open {
 height: 100%;
 visibility: visible;
}

.slide_menu .scrollwrap {
 overflow: hidden;
}

#js-barrier {
 position: absolute;
 top: 0;
 z-index: -1;
 height: 68px;
 width: 100%;
}

#js-barrier-container {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 500;
 background-color: #000;
 opacity: 0;
 filter: alpha(opacity=0);
}

.slide_menu-btn {
 position: absolute;
 display: block;
 top: 0;
 left: initial;
 right: 0;
 background-color: #000;
 width: 53px;
 height: 53px;
 border-radius: 4px;
 cursor: pointer;
 margin: 0px 5px 0 0;
}

.slide_menu-btn:before {
 content: " ";
 display: inline-block;
 width: 100%;
 height: 100%;
 background: url(../img/menu_icon.png);
 background-size: contain;
 vertical-align: middle;
}

.active.slide_menu-btn:before {
 background: url(../img/menu_close_icon.png);
 background-size: contain;
 vertical-align: middle;
}

.slide_menu {
 text-align: center;
 margin: 0 0;
 background-color: #000;
}

.slide_menu .ic-new {
 font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo UI, "メイリオ", Meiryo, sans-serif;
 width: 4rem;
 padding: 1px 6px;
 margin: 0 3px 0 0;
 border-radius: 12px;
 background-color: #ffc107;
 color: white;
 text-align: center;
}

.slide_menu li {
 float: left;
 width: 98%;
 margin: 0.5% 1%;
 height: auto;
 border-bottom: 1px solid #ccc;
}

.slide_menu li a {
 padding: 0.75rem 1.5rem 0.75rem 0.3rem;
 margin: 1%;
 width: 98%;
 display: inline-block;
 float: left;
 text-align: left;
 color: white;
}

.slide_menu li a:after {
 font-family: 'FontAwesome';
 content: "\f138";
 float: right;
 margin-right: -1.0rem;
 font-size: 18px;
 font-size: 1.8rem;
}

.slide_menu .link-up {
 background-color: #fcf0e1;
}

.slide_menu .link-up a {
 color: #766a64;
}

.slide_menu .link-up a:after {
 content: "\f139";
 font-family: "FontAwesome";
 font-size: 18px;
 font-size: 1.8rem;
 line-height: 18px;
 line-height: 1.8rem;
 padding: 0;
 color: #766a64;
 padding-right: 1.4rem;
 right: 0;
 position: absolute;
 width: 18px;
 height: 18px;
 text-align: center;
 vertical-align: middle;
}

.slide_menu .link-up a:after {
 position: inherit;
 padding: 0;
}

.slide_menu .sub-nav {
 background-color: white;
 width: 100%;
}

.appeal-menu {
 margin: 30px 0 35px;
}

.appeal-menu ul {
 text-align: center;
 display: block;
 width: 92%;
 margin: 0 4%;
}

.appeal-menu li a {
 background-color: #766a64;
 color: white;
 border-radius: 4px;
 box-shadow: 0 3px 0 #5a514d;
 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
 padding: 1.5rem 1.5rem 1.5rem 0.5rem;
 margin: 2%;
 width: 46%;
 display: inline-block;
 float: left;
}

.appeal-menu li a:after {
 font-family: 'FontAwesome';
 content: "\f138";
 float: right;
 margin-right: -1.0rem;
 font-size: 18px;
 font-size: 1.8rem;
}

/* spのみの共通エリア */
.unit.shop-time-area {
 margin-bottom: 0;
}

.shop-time-area {
    background-color: #4d4d4d;
    border: 2px solid white;
    color: #222222;
    margin: 0;
    padding: 10px 5%;
    width: 100%;
}


.mobile .shop-time-area {
    background-color: #4d4d4d;
    border: medium none;
    color: white;
    padding: 1%;
}

.mobile .shop-time-area .shop-time {
    border: 1px solid #fff;
    margin: 0 auto;
    padding: 3%;
    width: 100%;
}

.banner-brock {
 width: 98%;
 margin: 0 1% 20px;
 padding: 20px;
 text-align: center;
 background-color: #f2f2f2;
 border-radius: 5px;
}

.banner-brock .heading-3 {
 margin-bottom: 0;
}

.banner-brock li {
 border-bottom: 1px dotted #766a64;
}

.banner-brock li a img, .banner-brock li p img {
 max-width: auto;
}

.banner-brock li a p, .banner-brock li p p {
 padding: 0;
 margin: 0;
}

.mobile .banner-brock {
 width: 100%;
 margin: 0;
 padding: 0;
 border-radius: 0;
 background-color: #766a64;
}

.mobile .banner-brock li {
 border-bottom: 1px dotted white;
}

.mobile .banner-brock li a {
 margin: 0;
 color: white;
}

.mobile .banner-brock li a img {
 max-width: 100%;
}

.mobile .banner-brock li p {
 color: white;
}

.mobile .banner-brock li p img {
 width: 100%;
}

.side .shop-rank li, .side .cp-rank-list {
 counter-increment: rankmark;
 border: 1px solid #6d6d6d;
 border-radius: 5px;
}

.side .shop-rank li .pic img, .side .cp-rank-list .pic img {
 width: 100%;
}

.side .shop-rank li:before, .side .cp-rank-list:before {
 content: "第\0020\0020"counter(rankmark) "\0020\0020位";
 display: inline-block;
 width: 100%;
 background: #f65557;
 padding: 5px 0 5px;
 color: #000;
 text-align: center;
 margin-bottom: 5px;
 line-height: 1;
}

.side .shop-rank li.rank1, .side .rank1.cp-rank-list {
 background: #bfaf57;
 background: #fff4b6;
 background: -moz-linear-gradient(top, #fff4b6 0%, #a39234 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff4b6), color-stop(100%, #a39234));
 background: -webkit-linear-gradient(top, #fff4b6 0%, #a39234 100%);
 background: -o-linear-gradient(top, #fff4b6 0%, #a39234 100%);
 background: -ms-linear-gradient(top, #fff4b6 0%, #a39234 100%);
 background: linear-gradient(to bottom, #fff4b6 0%, #a39234 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$start-color', endColorstr='$end-color', GradientType=0);
}

.side .shop-rank li.rank1:before, .side .rank1.cp-rank-list:before {
 background: #fff4b6;
 background: -moz-linear-gradient(top, #fff4b6 0%, #a39234 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff4b6), color-stop(100%, #a39234));
 background: -webkit-linear-gradient(top, #fff4b6 0%, #a39234 100%);
 background: -o-linear-gradient(top, #fff4b6 0%, #a39234 100%);
 background: -ms-linear-gradient(top, #fff4b6 0%, #a39234 100%);
 background: linear-gradient(to bottom, #fff4b6 0%, #a39234 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$start-color', endColorstr='$end-color', GradientType=0);
 background-image: url(../img/ranking1_bg.png);
 padding: 20px 0 10px;
 font-weight: bold;
 text-shadow: 0 -1px 0px #FFF, -1px 0 0px #FFF, 1px 0 0px #FFF, 0 1px 0px #FFF;
 font-size: 18px;
 font-size: 1.8rem;
 background-repeat: no-repeat;
 background-position: center;
}

.side .shop-rank li.rank2, .side .rank2.cp-rank-list {
 background: #b7b7b7;
 background: white;
 background: -moz-linear-gradient(top, white 0%, #767676 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #767676));
 background: -webkit-linear-gradient(top, white 0%, #767676 100%);
 background: -o-linear-gradient(top, white 0%, #767676 100%);
 background: -ms-linear-gradient(top, white 0%, #767676 100%);
 background: linear-gradient(to bottom, #ffffff 0%, #767676 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$start-color', endColorstr='$end-color', GradientType=0);
}

.side .shop-rank li.rank2:before, .side .rank2.cp-rank-list:before {
 background: #b7b7b7;
 background: white;
 background: -moz-linear-gradient(top, white 0%, #767676 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #767676));
 background: -webkit-linear-gradient(top, white 0%, #767676 100%);
 background: -o-linear-gradient(top, white 0%, #767676 100%);
 background: -ms-linear-gradient(top, white 0%, #767676 100%);
 background: linear-gradient(to bottom, #ffffff 0%, #767676 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$start-color', endColorstr='$end-color', GradientType=0);
 background-image: url(../img/ranking2_bg.png);
 padding: 20px 0 10px;
 font-weight: bold;
 text-shadow: 0 -1px 0px #FFF, -1px 0 0px #FFF, 1px 0 0px #FFF, 0 1px 0px #FFF;
 font-size: 18px;
 font-size: 1.8rem;
 background-repeat: no-repeat;
 background-position: center;
}

.side .shop-rank li.rank3, .side .rank3.cp-rank-list {
 background: #c76541;
 background: #ffb59a;
 background: -moz-linear-gradient(top, #ffb59a 0%, #98330e 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffb59a), color-stop(100%, #98330e));
 background: -webkit-linear-gradient(top, #ffb59a 0%, #98330e 100%);
 background: -o-linear-gradient(top, #ffb59a 0%, #98330e 100%);
 background: -ms-linear-gradient(top, #ffb59a 0%, #98330e 100%);
 background: linear-gradient(to bottom, #ffb59a 0%, #98330e 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$start-color', endColorstr='$end-color', GradientType=0);
}

.side .shop-rank li.rank3:before, .side .rank3.cp-rank-list:before {
 background: #c76541;
 background: #ffb59a;
 background: -moz-linear-gradient(top, #ffb59a 0%, #98330e 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffb59a), color-stop(100%, #98330e));
 background: -webkit-linear-gradient(top, #ffb59a 0%, #98330e 100%);
 background: -o-linear-gradient(top, #ffb59a 0%, #98330e 100%);
 background: -ms-linear-gradient(top, #ffb59a 0%, #98330e 100%);
 background: linear-gradient(to bottom, #ffb59a 0%, #98330e 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$start-color', endColorstr='$end-color', GradientType=0);
 background-image: url(../img/ranking3_bg.png);
 padding: 20px 0 10px;
 font-weight: bold;
 text-shadow: 0 -1px 0px #FFF, -1px 0 0px #FFF, 1px 0 0px #FFF, 0 1px 0px #FFF;
 font-size: 18px;
 font-size: 1.8rem;
 background-repeat: no-repeat;
 background-position: center;
}

.side .shop-rank li .name, .side .cp-rank-list .name {
 margin: 5px;
 text-align: center;
}

.side .shop-rank li .listinfo, .side .cp-rank-list .listinfo {
 background-color: white;
 padding: 5px;
 width: 96%;
 margin: 0 2% 2%;
}

.side .cp-newcomer-list, .side .recommend-list {
 float: none;
 background-color: white;
 padding: 5px;
 margin: 5px;
 border-radius: 5px;
}

.side .cp-newcomer-list img, .side .recommend-list img {
 width: 100%;
 height: auto;
}

.side .cp-newcomer-list .pic, .side .recommend-list .pic {
 width: 36%;
 float: left;
 padding-bottom: 10px;
}

.side .cp-newcomer-list .text, .side .recommend-list .text {
 width: 64%;
 float: left;
 padding: 0 5px 10px 5px;
}

.side .cp-newcomer-list .pic_none, .side .recommend-list .pic_none {
 width: 100%;
}

.side .cp-newcomer-list .name, .side .recommend-list .name, .side .cp-newcomer-list .age, .side .recommend-list .age {
 color: #766a64;
}

.side .cp-newcomer-list a .title, .side .recommend-list a .title {
 color: #9f1608;
 text-decoration: underline;
}

.side .cp-newcomer-list a:hover .title, .side .recommend-list a:hover .title {
 opacity: 0.7;
 filter: alpha(opacity=70);
}

.side .cp-newcomer-list .date, .side .recommend-list .date {
 font-size: 10px;
 font-size: 1rem;
}

.side .cp-newcomer-list .extract, .side .recommend-list .extract {
 height: 56px;
 overflow: hidden;
}

.info_link_list {
 max-width: 96%;
 margin: 0 2%;
}

.info_link_list img {
 width: 100%;
}

.info_link_list .text_link {
 border: 1px solid;
 padding: 6px;
 border-radius: 5px;
 background-color: rgba(255, 255, 255, 0.7);
 text-align: center;
 margin-bottom: 5px;
}

.info_link_list .text_link a {
 display: block;
}

.mobile .info_link_list {
 width: 96%;
 margin: 0 2% 20px;
}

.side .list-area.topics-area .date {
 display: block;
 width: 100%;
 border-bottom: 1px solid #766a64;
 margin-bottom: 5px;
}

.side .list-area.topics-area li {
 background-color: white;
 border-radius: 5px;
 margin-bottom: 10px;
}

.side .list-area.topics-area li a {
 padding: 10px;
 color: #766a64;
}

.side .list-area.topics-area .no_link {
 padding: 10px;
}

.mobile .list-area.topics-area .date {
 display: block;
 width: 100%;
 border-bottom: 1px solid #766a64;
 margin-bottom: 5px;
}

.mobile .list-area.topics-area li {
 background-color: white;
 border-radius: 5px;
 margin-bottom: 10px;
}

.mobile .list-area.topics-area li a {
 padding: 10px;
 color: #766a64;
}

.mobile .list-area.topics-area .no_link {
 padding: 10px;
}

.mobile .list-area.topics-area h2 {
 padding: 0 0px 4px 10px;
 background-image: url(../img/bg_h2_center.png);
 position: relative;
 height: 46px;
 line-height: 46px;
 width: auto;
 font-size: 18px;
 font-size: 1.8rem;
 margin: 0 2px 15px 50px;
}

.mobile .list-area.topics-area h2:before {
 position: absolute;
 top: 0px;
 left: -50px;
 height: 46px;
 content: url(../img/bg_h2_left.png);
}

.mobile .side .list-area.topics-area h2 {
 padding: 10px 0;
 background-image: none;
 position: relative;
 height: auto;
 font-size: 16px;
 font-size: 1.6rem;
 line-height: 18px;
 line-height: 1.8rem;
 width: auto;
 margin: 0 0 2% 0;
}

.mobile .side .list-area.topics-area h2:before {
 display: none;
}

.side {
 margin-bottom: 50px;
}

.side h2 {
 line-height: 18px;
 line-height: 1.8rem;
 background-color: #766a64;
 color: white;
 text-align: center;
 padding: 7px 0;
 margin: 0 0 20px 0;
}

.side .shop-rank li {
 width: 96%;
 margin-right: 2%;
 margin-left: 2%;
 margin-bottom: 10px;
}

.side .shop-rank li .name {
 border: 1px solid #766a64;
 padding: 5px 0;
 margin: 5px 5px 10px;
 border-radius: 5px;
 font-size: 16px;
 font-size: 1.6rem;
 background-color: #f9f0e4;
 border: 1px solid #766a64;
 color: #766a64;
}

.side .shop-rank li .date, .side .shop-rank li .text {
 border-radius: 5px;
 background-color: #766a64;
 color: white;
 text-align: center;
 padding: 5px;
}

.side .shop-rank li .date {
 margin-bottom: 5px;
}

.side .cp-rank-list {
 width: 96%;
 margin-right: 2%;
 margin-left: 2%;
 background-color: white;
 border-radius: 5px;
 margin-bottom: 10px;
 line-height: 0;
}

.side .cp-rank-list .name {
 text-align: left;
 margin: 0;
}

.side .cp-rank-list .date {
 margin: 0;
 font-size: 10px;
 font-size: 1rem;
}

.side .cp-rank-list .pic {
 width: 36%;
 float: left;
}

.side .cp-rank-list .text {
 padding: 0 2%;
 width: 61%;
 float: left;
}

.side .cp-rank-list .button {
 width: 96%;
 margin: 2% 2% 10px;
}

.side .cp-rank-list .js-clickable {
 width: 96%;
 margin: 0 2%;
 overflow: hidden;
 background-color: white;
}

.side .cp-newcomer-list .pic {
 width: 36%;
 float: left;
}

.side .cp-newcomer-list .text {
 padding: 0 2%;
 width: 64%;
 float: left;
}

.side .banner {
 max-width: 96%;
 margin: 0 2%;
 text-align: center;
}

.side .banner img {
 width: 100%;
}

.side .banner .text_link {
 border: 1px solid;
 padding: 6px;
 border-radius: 5px;
 background-color: rgba(255, 255, 255, 0.7);
}

.side .list-area-group {
 overflow: hidden;
 background-color: rgba(224, 216, 195, 0.4);
 border-radius: 5px;
}

.side .list-area-group .side-link-motto {
 width: 96%;
 text-align: center;
 margin: 15px 2% 0 2%;
}

.side .list-area-group .side-link-motto a {
 color: white;
 text-decoration: underline;
 color: #222222;
}

.side .list-area ul {
 overflow: hidden;
}

.side .list-area li {
 font-size: 12px;
 font-size: 1.2rem;
 line-height: 16px;
 line-height: 1.6rem;
 margin: 0 5px;
 border-bottom: 1px solid white;
}

.side .list-area li a {
 display: block;
 width: 100%;
 padding: 0.75rem 1.5rem 0.75rem;
 color: #222222;
}

.side .list-area li .ic-new {
 width: 4rem;
 padding: 1px 6px;
 margin: 0 3px 0 0;
 border-radius: 12px;
 background-color: #ffc107;
 color: white;
 text-align: center;
}

.side .list-area li.image_link img {
 width: 100%;
 height: auto;
}

.side .contents-area li {
 background-color: white;
 overflow: hidden;
}

.side .contents-area li:honer {
 background-color: transparent;
}

.side .contents-area h2 {
 overflow: hidden;
}

.side .contents-area h2 span {
 float: right;
 background-color: white;
 border-radius: 6px;
 font-size: 11px;
 font-size: 1.1rem;
 padding: 2px 6px;
}

.side .media-area {
 width: 100%;
 margin-bottom: 15px;
}

.side .media-area ul {
 padding: 0;
}

.side .media-area li {
 border: none;
 padding: 0;
}

.side .freeside-area li {
 border: none;
 margin: 5px;
 text-align: center;
}

.side .freeside-area .twitter-timeline {
 display: none;
}

.side .side-brand_logo {
 width: 30%;
 height: auto;
 margin: 30px auto;
}

.side .side-brand_logo img {
 width: 100%;
}

.mobile .side {
 margin: 40px 0 0 0;
}

.mobile .side .unit {
 margin-bottom: 20px;
}

.mobile .side h2 {
 margin: 0 0 2% 0;
 padding: 10px 0;
}

.mobile .side .list-area li a {
 padding-top: 12px;
 padding-bottom: 12px;
}

.mobile .side .list-area li a:after {
 font-family: 'FontAwesome';
 content: "\f138";
 float: right;
 margin-right: -1.0rem;
 font-size: 18px;
 font-size: 1.8rem;
}

.mobile .side .list-area li.image_link a:after {
 content: none;
}

.mobile .side .list-area-group {
 border-radius: 0;
}

.mobile .side .side-brand_logo {
 width: 16%;
 margin: 0 auto 20px;
}

.mobile .side .side-brand_logo a {
 display: block;
}

.mobile .side .side-brand_logo a:after {
 font-family: 'FontAwesome';
 content: "\f0aa";
 color: white;
 font-size: 32px;
 font-size: 3.2rem;
 display: block;
 width: 100%;
 text-align: center;
}

.mobile .side .list-area,
.mobile .side .contents-area {
 width: 100%;
 margin: 0 0 0px 0;
}

.mobile .side .list-area.banner-brock,
.mobile .side .contents-area.banner-brock {
 margin: 0;
 padding: 0;
}

.mobile .side .list-area.banner-brock a,
.mobile .side .contents-area.banner-brock a {
 color: #b30031;
 text-decoration: underline;
 padding: 1rem 0;
}

.mobile .side .list-area.banner-brock a:after,
.mobile .side .contents-area.banner-brock a:after {
 content: normal;
}

.mobile .side .shop-rank li .name {
 border: none;
}

.mobile .side .shop-rank li .name a {
 border: 1px solid #766a64;
 padding: 5px 0;
 margin: 5px 2% 0px;
 width: 96%;
 display: inline-block;
 border-radius: 5px;
 font-size: 16px;
 font-size: 1.6rem;
}

.mobile .side .shop-rank li .phonenum {
 padding: 0;
}

.mobile .side .shop-rank li .phonenum a {
 display: inline-block;
 width: 100%;
 padding: 5px 0;
 color: white;
}

.mobile .side .shop-rank li .phonenum a:before {
 content: "\F098";
 font-family: "FontAwesome";
 font-size: 20px;
 font-size: 2rem;
 padding: 4px 0;
 color: white;
 padding-right: 10px;
}

.mobile .side .cp-rank-list .button {
 margin-bottom: 2%;
}

.mobile .side .cp-rank-list .text {
 padding: 2%;
}

.mobile .side .cp-rank-list .name {
 font-size: 16px;
 font-size: 1.6rem;
}

.mobile .side .cp-rank-list .date {
 font-size: 14px;
 font-size: 1.4rem;
}

.mobile .side .cp-newcomer-list .name {
 font-size: 16px;
 font-size: 1.6rem;
 margin-bottom: 5px;
}

.mobile .side .cp-newcomer-list .date {
 display: block;
 font-size: 14px;
 font-size: 1.4rem;
 margin-bottom: 5px;
}

.mobile .side .banner {
 margin-bottom: 40px;
}

.side .ic-new {
 width: 4rem;
 padding: 1px 6px;
 margin: 0 3px 0 0;
 border-radius: 12px;
 background-color: #ffc107;
 color: white;
 text-align: center;
}

.side .ic-new {
 width: 4rem;
 padding: 1px 6px;
 margin: 0 3px 0 0;
 border-radius: 12px;
 background-color: #ffc107;
 color: white;
 text-align: center;
}

.side .sub-nav li {
 font-size: 12px;
 font-size: 1.2rem;
 line-height: 16px;
 line-height: 1.6rem;
 border: none;
 text-align: center;
 background: #aca2fb;
 background: -moz-radial-gradient(center, ellipse cover, #aca2fb 0%, #66559f 100%);
 background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #aca2fb), color-stop(100%, #66559f));
 background: -webkit-radial-gradient(center, ellipse cover, #aca2fb 0%, #66559f 100%);
 background: -o-radial-gradient(center, ellipse cover, #aca2fb 0%, #66559f 100%);
 background: -ms-radial-gradient(center, ellipse cover, #aca2fb 0%, #66559f 100%);
 background: radial-gradient(ellipse at center, #aca2fb 0%, #66559f 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$start-color', endColorstr='$end-color', GradientType=1);
 margin-bottom: 3px;
}

.side .sub-nav li a {
 display: block;
 width: 100%;
 padding: 15px 0;
 color: white;
}

.mobile .side .sub-nav li {
 background: none;
 text-align: left;
}

.mobile .side .sub-nav li a {
 background-color: #766a64;
 color: white;
 border-radius: 4px;
 box-shadow: 0 3px 0 #5a514d;
 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
 display: block;
 width: 92%;
 padding: 1.5rem 2.0rem 1.5rem 1rem;
 margin: 0 4% 10px;
}

.mobile .side .sub-nav li a:after {
 font-family: 'FontAwesome';
 content: "\f138";
 float: right;
 margin-right: -1.0rem;
 font-size: 18px;
 font-size: 1.8rem;
}

.mobile .side .sub-nav li .ic-new {
 background-color: #ffc107;
}

.side .imasugu-side-list {
 float: none;
 background-color: white;
 padding: 5px;
 margin: 5px;
 border-radius: 5px;
}

.side .imasugu-side-list img {
 width: 100%;
 height: auto;
}

.side .imasugu-side-list .pic {
 width: 40%;
 float: left;
 padding-bottom: 10px;
}

.side .imasugu-side-list .name, .side .imasugu-side-list .age {
 color: #766a64;
}

.side .imasugu-side-list .text {
 width: 60%;
 float: left;
 padding: 0 5px 10px 5px;
}

.side .imasugu-side-list a .title {
 color: #9f1608;
 text-decoration: underline;
}

.side .imasugu-side-list a:hover .title {
 opacity: 0.7;
 filter: alpha(opacity=70);
}

.side .imasugu-side-list .date {
 font-size: 10px;
 font-size: 1rem;
}

.side .imasugu-side-list .extract {
 height: 56px;
 overflow: hidden;
}

.side .imasugu-side-list .pic_none {
 width: 100%;
}

.mobile .imasugu-side-list {
 border-radius: 0;
 padding: 0 0 5px 0;
 margin: 0 2% 15px;
 border: 1px solid white;
 box-shadow: 0 5px 2px -3px rgba(0, 0, 0, 0.3);
 margin: 0 2% 10px;
 width: 96%;
}

.mobile .imasugu-side-list .text {
 width: 56%;
 margin: 10px 2% 5px;
}

.mobile .imasugu-side-list .pic {
 padding-bottom: 0;
}

.mobile .imasugu-side-list .button {
 width: 96%;
 margin: 2% 2%;
}

.side .okusama-blog-list {
 float: none;
 background-color: white;
 padding: 5px;
 margin: 5px;
 border-radius: 5px;
}

.side .okusama-blog-list .button {
 width: 96%;
 height: 33px;
 margin: 0 auto 7px;
}

.side .okusama-blog-list img {
 width: 100%;
 height: auto;
}

.side .okusama-blog-list .pic {
 width: 40%;
 float: left;
 padding-bottom: 10px;
}

.side .okusama-blog-list .name, .side .okusama-blog-list .age {
 color: #766a64;
}

.side .okusama-blog-list .text {
 width: 60%;
 float: left;
 padding: 0 5px 10px 5px;
}

.side .okusama-blog-list a .title {
 color: #9f1608;
 text-decoration: underline;
}

.side .okusama-blog-list a:hover .title {
 opacity: 0.7;
 filter: alpha(opacity=70);
}

.side .okusama-blog-list .date {
 font-size: 10px;
 font-size: 1rem;
}

.side .okusama-blog-list .extract {
 height: 60px;
 overflow: hidden;
}

.side .okusama-blog-list .pic_none {
 width: 100%;
}

.mobile .side .okusama-blog-list {
 border-radius: 0;
 padding: 0 0 5px 0;
 margin: 0 2% 15px;
 border: 1px solid white;
 box-shadow: 0 5px 2px -3px rgba(0, 0, 0, 0.3);
 margin: 0 2% 10px;
 width: 96%;
}

.mobile .side .okusama-blog-list .text {
 width: 56%;
 margin: 10px 2% 5px;
}

.mobile .side .okusama-blog-list .pic {
 padding-bottom: 0;
}

.mobile .side .okusama-blog-list .button {
 width: 96%;
 margin: 2% 2%;
}

.tablet .side .okusama-blog-list {
 width: 48%;
 float: left;
 margin: 5px 1%;
}

.tablet .side .okusama-blog-list .pic {
 max-height: 120px;
 overflow: hidden;
}

.side .cp-newcomer-list, .side .recommend-list {
 float: none;
 background-color: white;
 padding: 5px;
 margin: 5px;
 border-radius: 5px;
}

.side .cp-newcomer-list img, .side .recommend-list img {
 width: 100%;
 height: auto;
}

.side .cp-newcomer-list .pic, .side .recommend-list .pic {
 width: 36%;
 float: left;
 padding-bottom: 10px;
}

.side .cp-newcomer-list .text, .side .recommend-list .text {
 width: 64%;
 float: left;
 padding: 0 5px 10px 5px;
}

.side .cp-newcomer-list .pic_none, .side .recommend-list .pic_none {
 width: 100%;
}

.side .cp-newcomer-list .name, .side .recommend-list .name, .side .cp-newcomer-list .age, .side .recommend-list .age {
 color: #766a64;
}

.side .cp-newcomer-list a .title, .side .recommend-list a .title {
 color: #9f1608;
 text-decoration: underline;
}

.side .cp-newcomer-list a:hover .title, .side .recommend-list a:hover .title {
 opacity: 0.7;
 filter: alpha(opacity=70);
}

.side .cp-newcomer-list .date, .side .recommend-list .date {
 font-size: 10px;
 font-size: 1rem;
}

.side .cp-newcomer-list .extract, .side .recommend-list .extract {
 height: 56px;
 overflow: hidden;
}

.mobile .side .recommend-list {
 border-radius: 0;
 padding: 0 0 5px 0;
 margin: 0 2% 15px;
 border: 1px solid white;
 box-shadow: 0 5px 2px -3px rgba(0, 0, 0, 0.3);
 margin: 0 2% 10px;
 width: 96%;
}

.mobile .side .recommend-list .text {
 width: 56%;
 margin: 10px 2% 5px;
}

.mobile .side .recommend-list .pic {
 padding-bottom: 0;
}

.mobile .side .recommend-list .button {
 width: 96%;
 margin: 2% 2%;
}

#mps_layer, #mps_layer2 {
 top: 90px !important;
}

.pref_shop_sort ul {
 width: 100%;
}

.pref_shop_sort ul.shop {
 margin: 0 0 3%;
 padding: 1% 0;
 overflow: hidden;
 border-top: 2px dotted #766a64;
}

.pref_shop_sort li {
 text-align: center;
 color: white;
 border-radius: 5px;
 width: 24%;
 margin-right: 1%;
 margin-left: 0%;
 margin-bottom: 1%;
 display: table;
 min-height: 40px;
 vertical-align: middle;
 position: relative;
 line-height: 36px;
 line-height: 3.6rem;
 float: left;
 background-color: #a89d98;
}

.shop .pref_shop_sort li {
 height: auto;
}

.pref_shop_sort li:nth-child(4n) {
 width: 25%;
 margin-right: 0;
}

.pref_shop_sort li a {
 display: block;
 color: white;
}

.pref_shop_sort li a:hover {
 opacity: 0.6;
 filter: alpha(opacity=60);
}

.pref_shop_sort li.active {
 background-image: none;
 background-color: #F5025A;
}

.pref_shop_sort li.active a:before {
 content: "\f046";
 font-family: "FontAwesome";
 font-size: 18px;
 font-size: 1.8rem;
 padding: 4px 0;
 color: white;
 padding-right: 0px;
}

.pref_shop_sort li.disable {
 background-image: none;
 background-color: #c4c4c4;
}

.pref_shop_sort li label {
 border: none !important;
}

.mobile .pref_shop_sort .shop {
 margin: 0 1%;
 width: 98%;
 padding: 1% 0;
}

.mobile .pref_shop_sort li {
 display: block;
 min-height: inherit;
 text-align: left;
 width: 49%;
 margin-right: 0.5%;
 margin-left: 0.5%;
 margin-bottom: 1%;
 overflow: hidden;
}

.mobile .pref_shop_sort li label {
 display: inline-block;
 width: 82%;
 float: right;
}

.category_nav li {
 text-align: center;
 color: white;
 border-radius: 5px;
 width: 19%;
 margin-right: 1%;
 margin-left: 0%;
 margin-bottom: 1%;
 height: 36px;
 line-height: 36px;
 line-height: 3.6rem;
 float: left;
 background-color: #a89d98;
}

.shop .category_nav li {
 height: auto;
}

.category_nav li:nth-child(5n) {
 width: 20%;
 margin-right: 0;
}

.category_nav li a {
 display: block;
 color: white;
}

.category_nav li a:hover {
 opacity: 0.6;
 filter: alpha(opacity=60);
}

.category_nav li.active {
 background-image: none;
 background-color: #F5025A;
}

.category_nav li.active a:before {
 content: "\f046";
 font-family: "FontAwesome";
 font-size: 18px;
 font-size: 1.8rem;
 padding: 4px 0;
 color: white;
 padding-right: 0px;
}

.category_nav li.disable {
 background-image: none;
 background-color: #c4c4c4;
}

.mobile .category_nav li {
 width: 32.33333%;
 margin-right: 0.5%;
 margin-left: 0.5%;
 margin-bottom: 1%;
 overflow: hidden;
}

.ic-cp:before {
 margin: 2px auto;
 height: 21px;
 display: block;
 content: " ";
 z-index: 2;
}

.ic-cp_new:before {
 width: 75px;
 background: url(../img/ic-cp_new.png) no-repeat top center;
 background-size: 75px;
}

.ic-cp_photoupdate:before {
 width: 75px;
 background: url(../img/ic-cp_photoupdate.png) no-repeat top center;
 background-size: 75px;
}

.ic-cp_taiken:before {
 width: 75px;
 background: url(../img/ic-cp_taiken.png) no-repeat top center;
 background-size: 75px;
}

.cp .prof-visual .ic-cp:before {
 margin: 0 5px -4px 0;
 height: 20px;
 content: " ";
 display: inline-block;
}

.cp .prof-visual .ic-cp.ic-cp_new:before {
 width: 68px;
 background: url(../img/ic-cp_new2.png) no-repeat;
 background-size: 68px 20px;
}

.cp .prof-visual .ic-cp.ic-cp_photoupdate:before {
 width: 68px;
 background: url(../img/ic-cp_photoupdate2.png) no-repeat;
 background-size: 68px 20px;
}

.cp .prof-visual .ic-cp.ic-cp_taiken:before {
 width: 68px;
 background: url(../img/ic-cp_taiken2.png) no-repeat;
 background-size: 68px 20px;
}

.ranking-list.ic-cp:before {
 margin: 0;
 height: inherit;
 display: inherit;
 content: inherit;
 z-index: inherit;
}

.ranking-list.ic-cp:after {
 margin: 2px auto;
 height: 21px;
 display: block;
 content: " ";
 z-index: 2;
 position: absolute;
 top: 35px;
 left: 50px;
}

.ranking-list.ic-cp_new:after {
 width: 75px;
 background: url(../img/ic-cp_new.png) no-repeat top center;
 background-size: 75px;
}

.ranking-list.ic-cp_photoupdate:after {
 width: 75px;
 background: url(../img/ic-cp_photoupdate.png) no-repeat top center;
 background-size: 75px;
}

.ranking-list.ic-cp_taiken:after {
 width: 75px;
 background: url(../img/ic-cp_taiken.png) no-repeat top center;
 background-size: 75px;
}