@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Merriweather+Sans:700,300");
@import url("https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css");

/* ============================================= */
/* [hitodumajo Style] CSS Document               */
/* date.Jul.2015                                 */
/* Ver.1.0.2                                     */
/*
※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※
このCSSファイルはSassから生成されていますので、
編集しないようご注意ください。 
※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※
================================================ */
/**
 * Eric Meyer's Reset CSS v2.0 (https://meyerweb.com/eric/tools/css/reset/)
 * https://cssreset.com
 */
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;
}

.desktop .contents,
.tablet .contents {
 width: 80%;
 padding: 0 3% 0 0;
 float: left;
}

.desktop .side-a,
.tablet .side-a {
 width: 0%;
 display: none;
}

.desktop .side-b,
.tablet .side-b {
 width: 20%;
 display: block;
}

.mobile .contents {
 width: 100%;
}

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

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

.tablet.portrait .contents {
 width: 78%;
 padding: 0 1%;
}

.tablet.portrait .index .contents {
 width: 100%;
}

.tablet.portrait .side-b {
 width: 21%;
}

.tablet.portrait .header,
.tablet.portrait .container {
 max-width: 100%;
 min-width: 100%;
}

.tablet.portrait .header {
 height: 116px;
}

.tablet.portrait .blog_list-area .archive-area,
.tablet.portrait .blog_post-area .archive-area {
 width: 42%;
}

.tablet.portrait .blog_list-area .blog_article-list,
.tablet.portrait .blog_post-area .blog_article-list {
 width: 58%;
}

* {
 -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;
 width: 100%;
}

.flex-layout li {
 flex: auto;
 margin: 4px;
 text-align: center;
 max-width: 100%;
 overflow: hidden;
}

.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);
}

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

html {
 background-color: white;
 overflow: auto;
}

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

a:hover {
 opacity: 0.7;
 filter: alpha(opacity=70);
}

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

.header-height {
 margin-top: 0px;
}

.header {
 max-width: 960px;
 min-width: 960px;
}

.container {
 width: 100%;
 height: auto;
 margin: 0 auto;
 max-width: 960px;
 min-width: 960px;
 overflow: hidden;
 word-break: break-all;
}

.common_mr_bt {
 margin-bottom: 10px;
}

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

.unit {
 margin: 0 0 20px 0;
 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;
}

.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 #737373;
 border-radius: 5px;
 padding: 5%;
}

video {
 width: 100%;
 height: auto;
 vertical-align: middle;
}

.shoplist .pref_shop_sort-area,
.gallery_photo .pref_shop_sort-area,
.gallery_movie .pref_shop_sort-area,
.report .pref_shop_sort-area,
.shame_nikki .pref_shop_sort-area {
 margin-bottom: 30px;
}

@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: 18px;
 line-height: 1.8rem;
 word-break: normal;
 letter-spacing: 0.05rem;
}

.header,
.nav,
.g-nav,
.side-nav,
.footer {
 font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

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

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

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 {
 border-bottom: 1px solid #4d4d4d;
 padding: 0 0 4px 0;
 margin: 0 0 15px 0;
}

.heading-3 {
 font-size: 18px;
 font-size: 1.8rem;
 line-height: 30px;
 line-height: 3rem;
 border-left: 10px solid #4d4d4d;
 border-bottom: 1px solid #4d4d4d;
 margin-bottom: 15px;
 color: #4d4d4d;
 padding: 5px 0 5px 10px;
}

.heading-4 {
 font-size: 18px;
 font-size: 1.8rem;
 line-height: 20px;
 line-height: 2rem;
 color: #393361;
 padding: 10px 0 20px 10px;
 padding: 1rem 0 2rem 1rem;
 font-weight: 700;
 border-bottom: 1px dotted #808080;
}

.heading-5 {
 font-size: 16px;
 font-size: 1.6rem;
 line-height: 18px;
 line-height: 1.8rem;
 color: #393361;
}

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

.heading-7 {
 background-color: #4d4582;
 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: #4d4d4d;
 padding: 5px;
 margin: 10px 0;
 color: white;
}

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

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

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

.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 #737373;
 color: #4d4582;
 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;
}

.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;
}

.name {
 font-size: 14px;
 font-size: 1.4rem;
 line-height: 18px;
 line-height: 1.8rem;
 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: 18px;
 line-height: 1.8rem;
}

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

.att-comment {
 font-size: 14px;
 font-size: 1.4rem;
 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;
}

.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;
}

.mobile .heading-2 {
 font-size: 18px;
 font-size: 1.8rem;
 line-height: 30px;
 line-height: 3rem;
 border-bottom: 1px solid #4d4d4d;
 padding: 0 2% 1% 2%;
 margin: 0 0 15px 0;
}

.mobile .heading-3 {
 font-size: 16px;
 font-size: 1.6rem;
 line-height: 24px;
 line-height: 2.4rem;
 border-bottom: 0;
 background-color: #4d4d4d;
 margin-bottom: 2%;
 padding-left: 0;
 color: white;
}

.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%;
}

.header {
 max-width: 960px;
 height: 160px;
 position: relative;
 color: #4d4582;
 background-color: white;
 background-image: url(img/header_bg.png);
 background-position: -18px -12px;
}

.branding {
 width: 20%;
 float: left;
 margin: 0 25px;
}

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

.headerinfo div {
 float: left;
}

.headerinfo .heading-1 {
 color: white;
 padding: 20px 30px 10px;
 font-size: 14px;
 font-size: 1.4rem;
 line-height: 16px;
 line-height: 1.6rem;
}

.headerinfo .heading-2-gate {
 position: absolute;
 top: 110px;
 left: 238px;
 width: 60%;
 text-align: center;
 color: #bf7eb6;
 background-color: white;
 padding: 5px 0;
 border-radius: 5px;
}

.headerinfo .shopinfo {
 width: 65%;
 height: 88px;
}

.headerinfo .shop-time {
 width: 43%;
 position: relative;
 top: 50%;
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
 font-size: 16px;
 font-size: 1.6rem;
 line-height: 18px;
 line-height: 1.8rem;
}

.headerinfo .shop-phone {
 width: 38%;
 position: relative;
 top: 50%;
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
 font-size: 26px;
 font-size: 2.6rem;
 line-height: 26px;
 line-height: 2.6rem;
 text-align: right;
}

.headerinfo .shop-phone .phonenum:before {
 content: "TEL.";
}

.headerinfo .qr-area {
 position: absolute;
 top: 34px;
 right: 16px;
 font-size: 10px;
 font-size: 1rem;
 border: 1px solid #ccc;
 background-color: #fff;
}

.headerinfo .qr-area p {
 text-align: center;
}

.headerinfo .qr-area canvas {
 margin: 0 10px;
}

.tablet .headerinfo .heading-1 {
 padding: 1% 3% 1%;
}

.tablet .header {
 background-size: cover;
 background-position: 0 29%;
}

.tablet .headerinfo .heading-2-gate {
 top: 58%;
 left: 25%;
 width: 54%;
}

.tablet .headerinfo .qr-area {
 top: 3px;
 right: 16px;
}

.g-nav {
 width: 100%;
 text-align: center;
}

.g-nav li {
 width: 16.668%;
 float: left;
 height: 50px;
 vertical-align: middle;
 background-color: #7f76b7;
}

.g-nav li:last-child {
 width: 16.668%;
}

.g-nav li a {
 color: white;
 display: inline-block;
 width: 100%;
 height: 100%;
 padding-top: 10px;
}

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

.g-nav li span {
 display: block;
}

.g-nav li .tx_en {
 font-size: 12px;
 font-size: 1.2rem;
}

.g-nav li .tx_jp {
 font-style: normal;
 font-size: 14px;
 font-size: 1.4rem;
}

.fixed-nav {
 max-width: 960px;
 width: 100%;
 display: block;
 overflow: hidden;
 position: fixed;
 top: 0px;
 z-index: 9998;
 border-bottom: 1px solid #dedede;
}

.tablet.portrait .fixed-nav {
 width: 100%;
 margin: 0 0 0 0;
}

.tablet.portrait .g-nav li .tx-jp {
 font-size: 12px;
 font-size: 1.2rem;
}

.footer {
 background-color: #4d4582;
 background-image: url(img/footer_bg.png);
 color: white;
 width: 100%;
 height: auto;
 margin: 0 auto;
 padding: 25px 30px 10px;
}

.footer a {
 color: white;
}

.footerinfo {
 width: 100%;
 float: left;
}

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

.footerinfo .footer-brand_logo-area {
 float: right;
 width: 8%;
 margin-right: 4%;
}

.footerinfo .footer-brand_logo-area img {
 width: 100%;
}

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

.ft-nav {
 float: left;
 width: 70%;
 font-size: 12px;
 font-size: 1.2rem;
 line-height: 14px;
 line-height: 1.4rem;
}

.ft-nav li {
 width: 25%;
 display: inline;
 margin: 0 0 10px 0;
 float: left;
}

.copyright {
 text-align: center;
 font-size: 1rem;
 width: 100%;
 clear: both;
 background-color: #4d4582;
}

/* ============================================= */
/* 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%;
}

.enter-btn {
 background-color: white;
 border: 1px solid #4d4582;
 color: #4d4582;
}

.enter-btn a {
 color: white;
}

.default {
 background-color: #4d4582;
}

.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: #4d4582;
 background-color: transparent;
}

.inverse-b a {
 color: #4d4582;
}

.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.add_btn_dw, .button.add_btn_up {
 font-size: 20px;
 font-size: 2rem;
 line-height: 24px;
 line-height: 2.4rem;
 font-weight: bold;
 letter-spacing: 2px;
 padding: 6px 0;
 width: 60%;
 margin: 10px auto;
}

.button.add_btn_dw a:before {
 content: "\f078";
 font-family: "FontAwesome";
 font-size: 14px;
 font-size: 1.4rem;
 padding: 4px 0;
 color: white;
 padding-right: 10px;
}

.button.add_btn_up a:before {
 content: "\f077";
 font-family: "FontAwesome";
 font-size: 14px;
 font-size: 1.4rem;
 padding: 4px 0;
 color: white;
 padding-right: 10px;
}

/*----------------- 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;
}

/* normal */
.button {
 position: relative;
 background-color: #bf7eb6;
 border-radius: 4px;
 color: #fff;
 -webkit-transition: none;
 transition: none;
 box-shadow: 0 3px 0 #ae5ca3;
}

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

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

.heading-btn-1 {
 margin-bottom: 20px;
 color: #4d4d4d;
 text-align: left;
 padding: 1rem;
 width: 98%;
 margin: 0 1% 20px;
 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: #737373;
 text-align: right;
 display: inherit;
}

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

.heading-btn-2 {
 margin-bottom: 0;
 color: #4d4d4d;
 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: #737373;
}

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

.bt-color-glay {
 background-color: #f2f2f2;
 box-shadow: 0 3px 0 #bcbcbc;
}

.bt-color-glay:hover {
 background-color: #efefef;
 box-shadow: 0 3px 0 #d5d5d5;
}

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

.mobile input[type="button"],
.mobile input[type="submit"],
.mobile input[type="reset"] {
 -webkit-appearance: none;
}

.mobile input[type="button"].button.inverse,
.mobile input[type="submit"].button.inverse,
.mobile input[type="reset"].button.inverse {
 -webkit-appearance: none;
 width: 48%;
 margin: 0 0 0 2%;
 padding: 10px;
 padding: 1rem;
 cursor: pointer;
}

.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 #737373;
}

.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: #4d4582;
}

.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%;
}
.ic-cp {
  position: relative;
  padding-top: 25px;
}

.ic-cp:before {
  /* content: ""; */
  z-index: 2;
  display: block;
  width: 100%;
  height: 20px;
  position: absolute;
  top: 0;
  text-align: center;
  /* background-size: 90px 20px;
  background-position: top center;
  background-repeat: no-repeat; */
  line-height: 20px;
font-size: 14px;
text-align: center;
font-weight: normal;
color:#fff;
}


.ic-cp_new:before {
  /* background-image: url(../img/ic-cp_new.png); */
  background: #0aa435;
content: "新人";
}

.ic-cp_photoupdate:before {
  /* background-image: url(../img/ic-cp_photoupdate.png); */
  background: #ef780e;
content: "写真更新";
}


.ic-cp_taiken:before {
  /* background-image: url(../img/ic-cp_taiken.png); */
  background:#ff5e6d;
content: "体験入店";
}

.cp .ic-cp {
 position: relative;
}

.cp .ic-cp:before {
 position: relative;
 top: 0;
 float: left;
 width: 56px;
 height: 24px;
 margin: -3px 5px 0 0;
}

.cp .ic-cp_new:before {
 background-image: url(img/ic-cp_new.png);
}

.cp .ic-cp_photoupdate:before {
 background-image: url(img/ic-cp_photoupdate.png);
}

.cp .ic-cp_taiken:before {
 background-image: url(img/ic-cp_taiken.png);
}

.ranking-area .ic-cp:before {
 position: inherit;
 background: inherit;
 height: inherit;
 top: inherit;
 right: inherit;
 content: inherit;
}

.ranking-area .ic-cp:after {
 content: " ";
 display: block;
 background-repeat: no-repeat;
 background-position: center;
 position: absolute;
 z-index: 1;
 top: 170px;
 right: 0;
 width: 46px;
 height: 46px;
}

.ranking-area .ic-cp_new:after {
 background-image: url(img/ic-cp_new1.png);
}

.ranking-area .ic-cp_photoupdate:after {
 background-image: url(img/ic-cp_photoupdate1.png);
}

.ranking-area .ic-cp_taiken:after {
 background-image: url(img/ic-cp_taiken1.png);
}

.mobile .top .ic-cp:before {
 position: absolute;
 z-index: 1;
 top: 0;
 right: 0;
 width: 52px;
 height: 22px;
 margin: 0;
 background-position: top center;
 background-size: contain;
}

.mobile .top .ic-cp_new:before {
 background-image: url(img/ic-cp_new.png);
}

.mobile .top .ic-cp_photoupdate:before {
 background-image: url(img/ic-cp_photoupdate.png);
}

.mobile .top .ic-cp_taiken:before {
 background-image: url(img/ic-cp_taiken.png);
}

.mobile .shop-waku .ic-cp:before {
 top: 97px;
 left: 30%;
}

.mobile .ranking-list.ic-cp:before {
 position: inherit;
 height: inherit;
 top: inherit;
 right: inherit;
 width: inherit;
 content: inherit;
 z-index: inherit;
}

.mobile .ranking-list.ic-cp:after {
 position: absolute;
 z-index: 1;
 top: 35px;
 right: 0;
 width: 52px;
 height: 22px;
 margin: 0;
 background-position: top center;
 background-size: contain;
}

.mobile .ranking-list.ic-cp_new:after {
 background-image: url(img/ic-cp_new.png);
}

.mobile .ranking-list.ic-cp_photoupdate:after {
 background-image: url(img/ic-cp_photoupdate.png);
}

.mobile .ranking-list.ic-cp_taiken:after {
 background-image: url(img/ic-cp_taiken.png);
}

.side .shop-rank li, .side .cp-rank-list {
 counter-increment: rankmark;
 border: 1px solid #5c596e;
 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: #bf7eb6;
 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: #4d4582;
}

.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;
}

.side {
 float: left;
 margin-bottom: 50px;
}

.side h2 {
 line-height: 18px;
 line-height: 1.8rem;
 background-color: #4d4d4d;
 color: white;
 text-align: center;
 padding: 7px 0;
 margin: 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 #737373;
 padding: 5px 0;
 margin: 5px 5px 10px;
 border-radius: 5px;
 font-size: 16px;
 font-size: 1.6rem;
}

.side .shop-rank li .date, .side .shop-rank li .text {
 border-radius: 5px;
 background-color: #4d4582;
 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 {
 max-width: 100%;
}

.side .list-area-group {
 overflow: hidden;
 background-color: #614F98;
 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;
}

.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:hover a {
 color: white;
}

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

.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 .image_link {
 border: none;
 margin: 0;
 padding: 0;
 text-align: center;
}

.side .list-area .image_link img {
 width: 96%;
 margin: 0 0;
}

.side .list-area .image_link a {
 padding: 0;
}

.side .list-area.topics-area .date {
 display: block;
 width: 100%;
 border-bottom: 1px solid #737373;
 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: #4d4582;
}

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

.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 .name {
 font-weight: bold;
 color: #4d4582;
}

.side .age {
 color: #222222;
}

.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-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 40px 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: #4d4582;
 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 .list-area .image_link a,
.mobile .side .contents-area .image_link a {
 padding: 0;
}

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

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

.mobile .side .shop-rank li .name a {
 border: 1px solid #737373;
 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: #4d4582;
 color: white;
 border-radius: 4px;
 box-shadow: 0 3px 0 #393361;
 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: #4d4582;
}

.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 #737373;
 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: #4d4582;
}

.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: 56px;
 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 #737373;
 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%;
}

.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: #4d4582;
}

.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 #737373;
 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%;
}

.breadcrumbs {
 width: 100%;
 list-style: none;
 font-size: 1.2rem;
 line-height: 3rem;
 overflow: hidden;
 padding: 0;
 text-align: right;
}

.breadcrumbs li {
 margin: 0;
 display: inline-block;
}

.breadcrumbs li.root:after {
 content: " >";
 margin-right: 5px;
}

.breadcrumbs li a {
 color: #4d4582;
 text-decoration: underline;
}

.tablet.portrait .breadcrumbs {
 padding-right: 1%;
}

input,
select,
textarea {
 word-wrap: break-word;
 padding: 6px;
}

@media only screen and (max-width: 768px) {
 select {
  width: 100%;
 }
}

.confirm_attention {
 margin: 25px 0 50px 0;
}

.completion_text {
 margin: 25px 0 50px 0;
}

.time-parts_kara {
 width: 100%;
 display: block;
}

.error-area {
 padding: 10px;
 margin: 10px auto;
 border: 1px solid red;
}

.error-area span {
 color: red;
}

.time-multi .time-wrap {
 width: 19%;
 float: left;
}

.time-multi .time-parts {
 margin-top: 5%;
 width: 6.6%;
 float: left;
 text-align: center;
}

.time-multi .time-parts_kara {
 margin-top: 5%;
 width: 9.5%;
 float: left;
 text-align: center;
}

.time-mono .time-wrap {
 width: 19%;
 float: left;
}

.time-mono .time-parts {
 margin-top: 5%;
 width: 6.6%;
 float: left;
 text-align: center;
}

.consent-matters {
 margin: 20px auto;
}

.consent-matters .check {
 text-align: center;
 margin: 40px auto;
}

.respo-tbl {
 margin-bottom: 50px;
}

.checkbox1 {
 padding: 6px;
}

.checkbox1 input[type=radio], .checkbox1 input[type=checkbox] {
 display: inline-block;
 margin-right: 6px;
}

.checkbox1 input[type=radio] + label,
.checkbox1 input[type=checkbox] + label {
 position: relative;
 display: inline-block;
 margin-right: 12px;
 line-height: 30px;
 cursor: pointer;
 margin: 5px 0;
 border: 1px solid;
 border-radius: 4px;
}

@media (min-width: 1px) {
 .checkbox1 input[type=radio], .checkbox1 input[type=checkbox] {
  display: none;
  margin: 0;
 }

 .checkbox1 input[type=radio] + label,
 .checkbox1 input[type=checkbox] + label {
  padding: 0 10px 0 30px;
 }

 .checkbox1 input[type=radio] + label::before,
 .checkbox1 input[type=checkbox] + label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 5px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  background: #FFF;
 }

 .checkbox1 input[type=radio] + label::before {
  border: 2px solid #ccc;
  border-radius: 30px;
 }

 .checkbox1 input[type=checkbox] + label::before {
  border: 2px solid #ccc;
 }

 .checkbox1 input[type=radio]:checked + label::after,
 .checkbox1 input[type=checkbox]:checked + label::after {
  content: "";
  position: absolute;
  top: 50%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
 }

 .checkbox1 input[type=radio]:checked + label::after {
  left: 10px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  background: #E71063;
  border-radius: 8px;
 }

 .checkbox1 input[type=checkbox]:checked + label::after {
  left: 8px;
  width: 16px;
  height: 8px;
  margin-top: -8px;
  border-left: 3px solid #E71063;
  border-bottom: 3px solid #E71063;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
 }
}

.mobile select {
 width: 100%;
}

.mobile .form-textarea p {
 margin: 0 2%;
}

.mobile .error-area {
 margin: 5%;
}

.mobile .search-area li {
 margin-right: 5px;
}

.mobile .modal-unit {
 width: auto;
}

.mobile .cd-primary-nav {
 margin-top: 8.4rem;
 padding-bottom: 8.4rem;
}

.mobile .cd-main-content {
 background-color: #fff;
}

.mobile .nav_close-btn {
 width: 90%;
 color: #fff;
 text-align: center;
 vertical-align: middle;
 line-height: 32px;
}

.mobile .box-list .listinfo {
 color: #222222;
}

.mobile .time-mono .time-wrap,
.mobile .time-multi .time-wrap {
 width: 25%;
}

.mobile .time-mono .time-parts,
.mobile .time-multi .time-parts {
 margin-top: 9%;
}

.mobile .respo-tbl input, .mobile .respo-tbl select, .mobile .respo-tbl textarea {
 padding: 10px;
}

.mobile .completion_text,
.mobile .confirm_attention {
 margin: 25px 2% 50px 2%;
}

.mobile .time-multi .time-parts_kara {
 width: 100%;
 text-align: left;
 padding-left: 7.5rem;
}

@media (min-width: 1px) {
 .checkbox1 input[type=radio], .checkbox1 input[type=checkbox] {
  display: none;
  margin: 0;
 }

 .checkbox1 input[type=radio] + label,
 .checkbox1 input[type=checkbox] + label {
  display: table-cell;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  width: auto;
  border: none;
  border-radius: 0;
  padding: 0 5px 0 24px;
  line-height: 14px;
 }
}

.mobile .checkbox1 input[type=radio] + label,
.mobile .checkbox1 input[type=checkbox] + label {
 width: 100%;
}

.pref_shop_sort-area ul {
 width: 100%;
}

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

.pref_shop_sort-area .pref li {
 background-image: url(img/area_bg.png);
}

.pref_shop_sort-area li {
 display: block;
 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: #7f76b7;
}

.shop .pref_shop_sort-area li {
 height: auto;
}

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

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

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

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

.pref_shop_sort-area 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-area li.disable {
 background-image: none;
 background-color: #c4c4c4;
}

.pref_shop_sort-area .shop li {
 display: table;
 min-height: 40px;
 vertical-align: middle;
 position: relative;
}

.mobile .pref_shop_sort-area .shop li {
 display: block;
 min-height: inherit;
 width: 49%;
 text-align: left;
}

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

.mobile .pref_shop_sort-area li {
 width: 32.33333%;
 margin-right: 1%;
 margin-left: 0%;
 margin-bottom: 1%;
 overflow: hidden;
}

/*mobile set*/
.ios input[type="button"],
.ios input[type="text"],
.ios input[type="submit"] {
 -webkit-appearance: none;
 border-radius: 0;
}

.ios a:hover,
.ios a:active,
.ios .button:hover,
.ios .button:active {
 cursor: pointer;
 opacity: 1;
}

/*iPhone set*/
/*ipdo set*/
.mobile a:hover,
.mobile a:active,
.mobile .button:hover,
.mobile .button:active {
 cursor: pointer;
 opacity: 1;
}

.ios input[type="button"],
.ios input[type="text"],
.ios input[type="submit"] {
 -webkit-appearance: none;
 border-radius: 0;
}

.ios a:hover,
.ios a:active,
.ios .button:hover,
.ios .button:active {
 cursor: pointer;
 opacity: 1;
}

.tablet a:hover,
.tablet a:active,
.tablet .button:hover,
.tablet .button:active {
 cursor: pointer;
 opacity: 1;
}