@charset "UTF-8";

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

RWDサイト用 Style CSS

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

/* --------------------------------------------------

normalize.css v3.0.2 | MIT License | git.io/normalize

-------------------------------------------------- */

.mb0{margin-bottom:0 !important;}
.mt0{margin-top:0 !important;}
.red{color: #cc0000;}
.blue{color: #56abce;}
.green{color: #008081;}
.ollange{color: #ff9900;}
.orange{color: #ff9900;}
.bg_y,.y{background: #FFFF66;}
/*.txt_u{border-bottom: 1px solid;}*/
.txt_u,.u{text-decoration: underline;}
.u2{
    border-bottom-style: double;
    border-bottom-width: 4px;
    padding-bottom: 2px;
}
.wave{
    background:url("/user/themes/common/images/bg_wave.png") bottom repeat-x;
    background-size: 20px;
    padding-bottom: 0.4em;
}
.wave_r{
    background:url("/user/themes/common/images/bg_wave_r.png") bottom repeat-x;
    background-size: 20px;
    padding-bottom: 0.4em;
}
.txt_b,.b{font-weight: bold;}

.f12em{font-size: 1.2em;}
.f14em{font-size: 1.4em;}
.f15em{font-size: 1.5em;}
.myblog .list-blog-padding {
    display: none;
}

.sp{
    display: none;
}
@media screen and (max-width: 640px) {
    .pc{
        display: none;
    }
    .sp{
        display: block;
    }
}
#second_review .ttl {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    font-size: 0;
}


html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    vertical-align: middle;
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

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

td,
th {
    padding: 0;
}

/* --------------------------------------------------

Base Setting

-------------------------------------------------- */

/* Text & Font
------------------------- */

body {
    line-height: 1.5;
    color: #333;
    background-color: #fff;
    font-size: 10px;
    font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;
}

input,
textarea {
    font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;
}

.lte-ie8 body {
    font-family: 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;
}

.lte-ie8 input,
.lte-ie8 textarea {
    font-family: 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl {
    font-size: 1.4em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.3;
    font-size: 2em;
}

p {
    line-height: 1.71429;
    margin-bottom: 1.71429em;
}

ul ul,
ul dl,
dl ul {
    font-size: 1em;
}

em {
    font-style: normal;
    font-weight: bold;
}

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

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    ul,
    ol,
    dl {
        font-size: 1.4em;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1.33333;
    }

    p {
        line-height: 1.5;
        margin-bottom: 1em;
    }
}

/* Link
------------------------- */

/* 標準 */

a {
    color: #000;
}

a:visited {
    color: #000;
}

a:hover {
    text-decoration: none;
}

/* リンク画像 */

img.opaOver {
    background-color: #fff;
    transition: opacity 0.15s;
}

a:hover img.opaOver {
    opacity: 0.5;
}

/* Image
------------------------- */

.img-resp {
    /* display: block; */
    max-width: 100%;
    height: auto;
}

/* --------------------------------------------------

Common

-------------------------------------------------- */

/* 見出し
------------------------- */

h2.catch{
    color:#ffffff;
    text-align:center;
    font-size:36px;

}
.pageTitle {
    padding: 48px 0 47px;
    color: #615421;
    background-color: #f5db00;
    background-image: url(/user/themes/common/images/bg_texture04.png);
}

.pageTitle .heading {
    line-height: 1;
    margin: 0;
    font-weight: bold;
    font-size: 2.4em;
    text-align: center;
}

.ttl-trim {
    position: relative;
    margin-top: 1.9em;
    margin-bottom: 1.1em;
    padding-left: 18px;
    color: #685519;
    font-weight: bold;
    font-size: 2em;
}

.contentBox section:first-child .ttl-trim {
    margin-top: 0.35em;
}
.contentBox2 section:first-child .ttl-trim {
    margin-top: 0.35em;
}

.ttl-trim:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    background-color: #f6e026;
}

.ttl-circle {
    position: relative;
    line-height: 1.33333;
    margin-top: 1.94444em;
    margin-bottom: 1.38889em;
    padding-bottom: 1px;
    padding-left: 36px;
    font-weight: bold;
    font-size: 1.8em;
}

.ttl-circle:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    background: url(/user/themes/common/images/bg_ttl_circle.png) no-repeat 0 0;
}

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

    h2.catch{
        font-size:2.0em;
    }
    h2.catch .br{
        display:block;
    }
    .pageTitle {
        padding: 30px 0 29px;
        background-size: auto 216px;
    }

    .pageTitle .heading {
        font-size: 1.8em;
    }

    .ttl-trim {
        line-height: 1.26667;
        margin-top: 1em;
        margin-bottom: 1.13333em;
        padding-left: 15px;
        font-size: 1.6em;
    }

    .contentBox section:first-child .ttl-trim {
        margin-top: 1em;
    }
    .contentBox2 section:first-child .ttl-trim {
        margin-top: 1em;
    }

    .ttl-trim:before {
        width: 5px;
    }

    .ttl-circle {
        margin-top: 1.33333em;
        margin-bottom: 0.83333em;
        padding-bottom: 0;
        padding-left: 19px;
        font-size: 1.5em;
    }

    .ttl-circle:before {
        top: 2px;
        width: 15px;
        height: 15px;
        background-size: 15px 15px;
    }
}

/* .content-minimum {
	overflow: inherit !important;
 } */

/* ボタン
------------------------- */

.btn {
    display: inline-block;
    position: relative;
    line-height: 1;
    border: none;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.more-fix{
    margin-top: 28px;
}

.rm-btn {
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.12)), color-stop(49%, rgba(255, 255, 255, 0.12)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
    /* Chrome,Safari4+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.12) 49%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.12) 49%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
    /* W3C */
    background-color: #888888;
    box-shadow: 0 3px 0 0 #707070;
    transition: background-color 0.15s, box-shadow 0.15s;
    margin-top: 15px;
    width: 100%;
    height: 70px;
    border-radius: 5px;
    font-size: 1.8em;
}

.rm-btn:hover {
    background-color: #b1b1b1;
    box-shadow: 0 3px 0 0 #9b9b9b;
}

.btn-rd {
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.12)), color-stop(49%, rgba(255, 255, 255, 0.12)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
    /* Chrome,Safari4+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.12) 49%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.12) 49%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
    /* W3C */
    background-color: #da3e3e;
    box-shadow: 0 3px 0 0 #ba1c1c;
    transition: background-color 0.15s, box-shadow 0.15s;
}

.btn-rd:visited {
    color: #fff;
}

.btn-rd:hover {
    background-color: #ec9e9e;
    box-shadow: 0 3px 0 0 #dc8d8d;
}

.btn-gn {
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.12)), color-stop(49%, rgba(255, 255, 255, 0.12)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
    /* Chrome,Safari4+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.12) 49%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.12) 49%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
    /* W3C */
    background-color: #20b499;
    box-shadow: 0 3px 0 0 #149981;
    transition: background-color 0.15s, box-shadow 0.15s;
}

.btn-gn:visited {
    color: #fff;
}

.btn-gn:hover {
    background-color: #8fd9cc;
    box-shadow: 0 3px 0 0 #89ccc0;
}

.btn-gn-flat {
    color: #fff;
    background-color: #38c5ac;
    box-shadow: 0 3px 0 0 #1eac93;
    transition: background-color 0.15s, box-shadow 0.15s;
}

.btn-gn-flat:visited {
    color: #fff;
}

.btn-gn-flat:hover {
    background-color: #9be2d5;
    box-shadow: 0 3px 0 0 #8ed5c9;
}

.btn-yl {
    color: #62400f;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(49%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(102, 102, 0, 0.07)), color-stop(100%, rgba(102, 102, 0, 0.07)));
    /* Chrome,Safari4+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 49%, rgba(102, 102, 0, 0.07) 50%, rgba(102, 102, 0, 0.07) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 49%, rgba(102, 102, 0, 0.07) 50%, rgba(102, 102, 0, 0.07) 100%);
    /* W3C */
    background-color: #fdff2e;
    box-shadow: 0 3px 0 0 #cfcf25;
    transition: background-color 0.15s, box-shadow 0.15s;
}

.btn-yl:visited {
    color: #62400f;
}

.btn-yl:hover {
    background-color: #feff96;
    box-shadow: 0 3px 0 0 #e7e792;
}

.btn-gy {
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.12)), color-stop(49%, rgba(255, 255, 255, 0.12)), color-stop(49%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
    /* Chrome,Safari4+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.12) 49%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.12) 49%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
    /* W3C */
    background-color: #aaa;
    box-shadow: 0 3px 0 0 #999;
    transition: background-color 0.15s, box-shadow 0.15s;
}

.btn-gy:visited {
    color: #fff;
}

.btn-gy:hover {
    background-color: #d4d4d4;
    box-shadow: 0 3px 0 0 #cacaca;
}

.btn-gd {
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.12)), color-stop(49%, rgba(255, 255, 255, 0.12)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
    /* Chrome,Safari4+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.12) 49%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.12) 49%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
    /* W3C */
    background-color: #b3a245;
    transition: background-color 0.15s;
}

.btn-gd:visited {
    color: #fff;
}

.btn-gd:hover {
    background-color: #d9d0a2;
}

.btn-sl {
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.12)), color-stop(49%, rgba(255, 255, 255, 0.12)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
    /* Chrome,Safari4+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.12) 49%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.12) 49%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
    /* W3C */
    background-color: #858585;
    transition: background-color 0.15s;
}

.btn-sl:visited {
    color: #fff;
}

.btn-sl:hover {
    background-color: #c2c2c2;
}

.btn-bz {
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.12)), color-stop(49%, rgba(255, 255, 255, 0.12)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
    /* Chrome,Safari4+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.12) 49%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.12) 49%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
    /* W3C */
    background-color: #a9820e;
    transition: background-color 0.15s;
}

.btn-bz:visited {
    color: #fff;
}

.btn-bz:hover {
    background-color: #d4c086;
}

/* テーブル
------------------------- */

.table-normal {
    border-top: 1px solid #e6e4d8;
}

.table-normal caption {
    font-weight: bold;
    text-align: left;
}

.table-normal th,
.table-normal td {
    border-bottom: 1px solid #e6e4d8;
}

.table-normal th {
    background-color: #f5f5f5;
}

/* リスト
------------------------- */

.dl-box {
    line-height: 1.42857;
    padding: 20px 24px;
    border: 3px solid #e8e8e8;
}

.dl-box dt {
    margin-bottom: 0.625em;
    font-weight: bold;
    font-size: 1.14286em;
}

.dl-box dd {
    margin: 0;
    padding: 0;
}

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

    .dl-box {
        line-height: 1.5;
        padding: 10px 12px;
        border-width: 2px;
    }

    .dl-box dt {
        margin-bottom: 0.33333em;
        font-size: 1em;
    }
}

/* テキスト
------------------------- */

.text-sup {
    text-align: right;
}

.text-sup small {
    font-size: 1em;
}

.br {
    display: inline-block;
}

.font-en01 {
    font-family: 'Libre Baskerville', 'Times New Roman', serif;
}

.lte-ie8 .font-en01 {
    font-family: 'Times New Roman', serif;
}

.font-en02 {
    font-family: 'Lato', 'Arial', sans-serif;
}

.lte-ie8 .font-en02 {
    font-family: 'Arial', sans-serif;
}

.font-min {
    font-family: 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'Yu Mincho', '游明朝', 'YuMincho', '游明朝体', 'HGS明朝E', 'MS PMincho', 'ＭＳ Ｐ明朝', serif;
}

.caps {
    text-transform: uppercase;
}

/* パンくずリスト
------------------------- */

.column .topicPathArea {
    background-color: #f8f8f8;
}

.topicPath {
    line-height: 1.57143;
    margin-top: 0;
    margin-bottom: 0;
    padding: 14px 0;
    color: #333;
    list-style-type: none;
    font-size: 1.4em;
}

.detail .topicPath {
    padding: 24px 0 31px;
    margin-bottom: 30px;
}

.topicPath a {
    color: #725f27;
}

.topicPath a:visited {
    color: #725f27;
}

.topicPath li {
    float: left;
}

.topicPath li:after {
    content: '\003e';
    display: inline-block;
    margin-right: 1em;
    margin-left: 1em;
}

.topicPath li:last-child a {
    color: #333;
    text-decoration: none;
    cursor: text;
}

.topicPath li:last-child a:visited {
    color: #333;
}

.topicPath li:last-child:after {
    content: none;
}

.topicPath li.last-child a {
    color: #333;
    text-decoration: none;
    cursor: text;
}

.topicPath li.last-child a:visited {
    color: #333;
}

.topicPath li.last-child:after {
    content: none;
}

.topicPath .home {
    text-transform: uppercase;
}

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

    .topicPathArea {
        background-color: #f4f4f4;
        background-image: url(/user/themes/common/images/bg_texture02.jpg);
        background-size: 113px 113px;
    }

    .column .topicPathArea {
        background-color: #f4f4f4;
    }

    .detail .topicPathArea {
        background: none;
    }

    .topicPath {
        line-height: 1.33333;
        padding: 10px;
        font-size: 1.2em;
    }

    .detail .topicPath {
        margin-bottom: 5px;
        padding: 10px 10px 15px;
    }

    .topicPath.fixedBox {
        margin-bottom: 5px;
    }

    .topicPath li:after {
        margin-right: 0.66667em;
        margin-left: 0.66667em;
    }
}

/* アイコン
------------------------- */

.iconList {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.iconList li {
    display: inline;
    float: left;
    margin: 10px 0 10px 1px;
}

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

    .iconList {
        line-height: 1;
        font-size: 1em;
    }

    .iconList li {
        margin: 1px 1px 1px 0;
    }

    .iconList .icon {
        max-width: 100%;
        height: 19px;
        vertical-align: middle;
    }
}

/* 星評価
------------------------- */



.contributor-box{
    margin-bottom:5px;
    padding-bottom:5px;
    /*border-bottom:2px dotted #e8e8e8;*/
    height:20px;
}
.contributor-box .starBase{
    display:table-cell;
    float:left;
    vertical-align:middle;
}
.contributor-box .date{
    display:table-cell;
    float:right;
    height:14px;
    vertical-align:middle;
    font-size:12px;
}
.starBase {
    display: inline-block;
    width: 74px;
    height: 14px;
    overflow: hidden;
    background-image: url(/user/themes/common/images/bg_star-pc.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}

.starBase .score {
    display: inline-block;
    padding-top: 14px;
    background-image: url(/user/themes/common/images/bg_star-pc.png);
    background-repeat: no-repeat;
    background-position: 0 -14px;
}

.starBase .score5 {
    width: 100%;
}

.starBase .score4-5 {
    width: 67px;
}

.starBase .score4 {
    width: 59px;
}

.starBase .score3-5 {
    width: 52px;
}

.starBase .score3 {
    width: 44px;
}

.starBase .score2-5 {
    width: 37px;
}

.starBase .score2 {
    width: 29px;
}

.starBase .score1-5 {
    width: 22px;
}

.starBase .score1 {
    width: 14px;
}

.starBase .score0-5 {
    width: 7px;
}

.starBase .score0 {
    display: none;
}

.starBase-l {
    width: 242px;
    height: 46px;
    background-image: url(/user/themes/common/images/bg_star-l.png);
}

.starBase-l .score {
    padding-top: 46px;
    background-image: url(/user/themes/common/images/bg_star-l.png);
    background-position: 0 -46px;
}

.starBase-l .score4-5h {
    width: 227px;
}

.starBase-l .score4-5 {
    width: 219px;
}

.starBase-l .score4-5l {
    width: 211px;
}

.starBase-l .score4 {
    width: 193px;
}

.starBase-l .score3-5h {
    width: 178px;
}

.starBase-l .score3-5 {
    width: 170px;
}

.starBase-l .score3-5l {
    width: 162px;
}

.starBase-l .score3 {
    width: 144px;
}

.starBase-l .score2-5h {
    width: 129px;
}

.starBase-l .score2-5 {
    width: 121px;
}

.starBase-l .score2-5l {
    width: 113px;
}

.starBase-l .score2 {
    width: 95px;
}

.starBase-l .score1-5h {
    width: 80px;
}

.starBase-l .score1-5 {
    width: 72px;
}

.starBase-l .score1-5l {
    width: 64px;
}

.starBase-l .score1 {
    width: 46px;
}

.starBase-l .score0-5h {
    width: 31px;
}

.starBase-l .score0-5 {
    width: 23px;
}

.starBase-l .score0-5l {
    width: 15px;
}

.starBase-lg {
    width: 256px;
    height: 46px;
    background-image: url(/user/themes/common/images/bg_star-lg.png);
}

.starBase-lg .score {
    padding-top: 46px;
    background-image: url(/user/themes/common/images/bg_star-lg.png);
    background-position: 0 -46px;
}

.starBase-lg .score4-5h {
    width: 241px;
}

.starBase-lg .score4-5 {
    width: 232px;
}

.starBase-lg .score4-5l {
    width: 223px;
}

.starBase-lg .score4 {
    width: 204px;
}

.starBase-lg .score3-5h {
    width: 189px;
}

.starBase-lg .score3-5 {
    width: 180px;
}

.starBase-lg .score3-5l {
    width: 171px;
}

.starBase-lg .score3 {
    width: 152px;
}

.starBase-lg .score2-5h {
    width: 143px;
}

.starBase-lg .score2-5 {
    width: 134px;
}

.starBase-lg .score2-5l {
    width: 125px;
}

.starBase-lg .score2 {
    width: 100px;
}

.starBase-lg .score1-5h {
    width: 85px;
}

.starBase-lg .score1-5 {
    width: 76px;
}

.starBase-lg .score1-5l {
    width: 67px;
}

.starBase-lg .score1 {
    width: 48px;
}

.starBase-lg .score0-5h {
    width: 33px;
}

.starBase-lg .score0-5 {
    width: 24px;
}

.starBase-lg .score0-5l {
    width: 15px;
}

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

    .starBase {
        background-image: url(/user/themes/common/images/bg_star-sp.png);
        background-size: 74px 28px;
    }

    .starBase .score {
        background-image: url(/user/themes/common/images/bg_star-sp.png);
        background-position: 0 -14px;
        background-size: 74px 28px;
    }

    .starBase-l {
        width: 121px;
        height: 23px;
        background-image: url(/user/themes/common/images/bg_star-l.png);
        background-size: 121px 46px;
    }

    .starBase-l .score {
        padding-top: 23px;
        background-image: url(/user/themes/common/images/bg_star-l.png);
        background-position: 0 -23px;
        background-size: 121px 46px;
    }

    .starBase-l .score4-5h {
        width: 113.5px;
    }

    .starBase-l .score4-5 {
        width: 109.5px;
    }

    .starBase-l .score4-5l {
        width: 105.5px;
    }

    .starBase-l .score4 {
        width: 96.5px;
    }

    .starBase-l .score3-5h {
        width: 89px;
    }

    .starBase-l .score3-5 {
        width: 85px;
    }

    .starBase-l .score3-5l {
        width: 81px;
    }

    .starBase-l .score3 {
        width: 72px;
    }

    .starBase-l .score2-5h {
        width: 64.5px;
    }

    .starBase-l .score2-5 {
        width: 60.5px;
    }

    .starBase-l .score2-5l {
        width: 56.5px;
    }

    .starBase-l .score2 {
        width: 47.5px;
    }

    .starBase-l .score1-5h {
        width: 40px;
    }

    .starBase-l .score1-5 {
        width: 36px;
    }

    .starBase-l .score1-5l {
        width: 32px;
    }

    .starBase-l .score1 {
        width: 23px;
    }

    .starBase-l .score0-5h {
        width: 15.5px;
    }

    .starBase-l .score0-5 {
        width: 11.5px;
    }

    .starBase-l .score0-5l {
        width: 7.5px;
    }

    .starBase-lg {
        width: 128px;
        height: 23px;
        background-image: url(/user/themes/common/images/bg_star-lg.png);
        background-size: 128px 46px;
    }

    .starBase-lg .score {
        padding-top: 23px;
        background-image: url(/user/themes/common/images/bg_star-lg.png);
        background-position: 0 -23px;
        background-size: 128px 46px;
    }

    .starBase-lg .score4-5h {
        width: 120.5px;
    }

    .starBase-lg .score4-5 {
        width: 116px;
    }

    .starBase-lg .score4-5l {
        width: 111.5px;
    }

    .starBase-lg .score4 {
        width: 102px;
    }

    .starBase-lg .score3-5h {
        width: 94.5px;
    }

    .starBase-lg .score3-5 {
        width: 90px;
    }

    .starBase-lg .score3-5l {
        width: 85.5px;
    }

    .starBase-lg .score3 {
        width: 76px;
    }

    .starBase-lg .score2-5h {
        width: 71.5px;
    }

    .starBase-lg .score2-5 {
        width: 67px;
    }

    .starBase-lg .score2-5l {
        width: 62.5px;
    }

    .starBase-lg .score2 {
        width: 50px;
    }

    .starBase-lg .score1-5h {
        width: 42.5px;
    }

    .starBase-lg .score1-5 {
        width: 38px;
    }

    .starBase-lg .score1-5l {
        width: 33.5px;
    }

    .starBase-lg .score1 {
        width: 24px;
    }

    .starBase-lg .score0-5h {
        width: 16.5px;
    }

    .starBase-lg .score0-5 {
        width: 12px;
    }

    .starBase-lg .score0-5l {
        width: 7.5px;
    }

    .starBase-m {
        width: 89px;
        height: 16px;
        background-image: url(/user/themes/common/images/bg_star-m.png);
        background-size: 89px 32px;
    }

    .starBase-m .score {
        padding-top: 16px;
        background-image: url(/user/themes/common/images/bg_star-m.png);
        background-position: 0 -16px;
        background-size: 89px 32px;
    }

    .starBase-m .score4-5h {
        width: 84px;
    }

    .starBase-m .score4-5 {
        width: 80.5px;
    }

    .starBase-m .score4-5l {
        width: 78px;
    }

    .starBase-m .score4 {
        width: 71px;
    }

    .starBase-m .score3-5h {
        width: 65px;
    }

    .starBase-m .score3-5 {
        width: 62.5px;
    }

    .starBase-m .score3-5l {
        width: 60px;
    }

    .starBase-m .score3 {
        width: 53px;
    }

    .starBase-m .score2-5h {
        width: 47px;
    }

    .starBase-m .score2-5 {
        width: 44.5px;
    }

    .starBase-m .score2-5l {
        width: 42px;
    }

    .starBase-m .score2 {
        width: 35px;
    }

    .starBase-m .score1-5h {
        width: 29px;
    }

    .starBase-m .score1-5 {
        width: 26.5px;
    }

    .starBase-m .score1-5l {
        width: 24px;
    }

    .starBase-m .score1 {
        width: 17px;
    }

    .starBase-m .score0-5h {
        width: 11px;
    }

    .starBase-m .score0-5 {
        width: 8.5px;
    }

    .starBase-m .score0-5l {
        width: 6px;
    }

    .block{
        display:block;
    }
}

/* ランキングピックアップ
------------------------- */

.rankingPickupArea {
    width: 100%;
    padding: 40px 0;
    background: #f4f4f4 url(/user/themes/common/images/bg_texture02.jpg);
}

.detail .rankingPickupArea {
    background: none;
}

.contentArea + .rankingPickupArea {
    margin-top: -40px;
    padding-top: 0;
    background: none;
}

.rankingPickupBox {
    padding: 36px;
    border: 4px solid #95885e;
    border-radius: 10px;
    background-color: #fff;
}

.rankingPickupBox .heading {
    position: relative;
    width: 512px;
    margin: 0 auto 23px;
    text-align: center;
}

.rankingPickupBox .heading:before {
    content: '';
    display: block;
    padding-top: 22.65625%;
}

.no-bgsizecover .rankingPickupBox .heading:before {
    content: none;
}

.rankingPickupBox .heading-text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(/user/themes/common/images/ranking/ttl_ranking_pu.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.no-bgsizecover .rankingPickupBox .heading-text {
    display: block;
    position: static;
    width: 100%;
    height: 116px;
}

.rankingPickupList {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
    background: url(/user/themes/common/images/bg_border01.png) repeat-x left top;
    font-size: 1em;
}

.rankingPickupList li {
    position: relative;
    width: 100%;
    padding: 17px 0 18px;
    background: url(/user/themes/common/images/bg_border01.png) repeat-x left bottom;
}

.rankingPickupList .link-block {
    display: block;
    width: 726px;
    overflow: hidden;
    padding: 0 58px 0 136px;
    text-decoration: none;
    cursor: pointer;
}

.rankingPickupList .link-block:after {
    content: '';
    position: absolute;
    top: 0;
    right: 22px;
    bottom: 0;
    width: 15px;
    height: 28px;
    margin: auto 0;
    background-image: url(/user/themes/common/images/arrow05.png);
    background-repeat: no-repeat;
    transition: opacity 0.15s;
}

.rankingPickupList .link-block:hover:after {
    opacity: 0.5;
}

.rankingPickupList .link-block:hover .name {
    text-decoration: underline;
}

.rankingPickupList .rank {
    position: absolute;
    top: 17px;
    left: 16px;
    width: 90px;
    height: 72px;
    padding-top: 18px;
    color: #fff;
    background-image: url(/user/themes/common/images/ranking/bg_rank_other_pu.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    font-style: italic;
    font-size: 41px;
    text-align: center;
}

.no-backgroundsize .rankingPickupList .rank {
    width: 100px;
    height: 78px;
    padding-top: 22px;
}

.rankingPickupList .rank1 .rank {
    color: #9c6204;
    background-image: url(/user/themes/common/images/ranking/bg_rank_01_pu.png);
}

.rankingPickupList .rank2 .rank {
    color: #8b8b8b;
    background-image: url(/user/themes/common/images/ranking/bg_rank_02_pu.png);
}

.rankingPickupList .rank3 .rank {
    color: #953f11;
    background-image: url(/user/themes/common/images/ranking/bg_rank_03_pu.png);
}

.rankingPickupList .rank4 .rank {
    color: #953f11;
    background-image: url(/user/themes/common/images/ranking/bg_rank_04_pu.png);
}

.rankingPickupList .rank5 .rank {
    color: #953f11;
    background-image: url(/user/themes/common/images/ranking/bg_rank_05_pu.png);
}

.rankingPickupList .rank6 .rank {
    color: #953f11;
    background-image: url(/user/themes/common/images/ranking/bg_rank_06_pu.png);
}

.rankingPickupList .catch {
    line-height: 1.25;
    margin-bottom: 0.5em;
    padding-top: 0.875em;
    font-size: 1.6em;
}

.rankingPickupList .nameBox,
.rankingPickupList .nameBox.long {
    display: table;
    width: 100%;
}

.rankingPickupList .nameBox .logo,
.rankingPickupList .nameBox .name {
    display: table-cell;
    vertical-align: middle;
}

.rankingPickupList .logo {
    width: 178px;
}

.rankingPickupList .logo img {
    width: auto;
    max-height: 48px;
}

.rankingPickupList .name {
    font-size: 3em;
}

.rankingPickupList .status,
.rankingPickupList .ratingBox {
    display: none;
}

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

    .rankingPickupArea {
        padding: 10px 0;
        background-size: 113px 113px;
    }

    .contentArea + .rankingPickupArea {
        margin-top: -5px;
        padding-top: 0;
        background: none;
    }

    .rankingPickupBox {
        padding: 17px 13px 10px;
        border-width: 2px;
        border-radius: 5px;
    }

    .rankingPickupBox .heading {
        width: 86.77966%;
        margin-bottom: 11px;
    }

    .no-bgsizecover .rankingPickupBox .heading-text {
        height: 58px;
    }

    .rankingPickupList {
        font-size: 1em;
        background: none;
    }

    .rankingPickupList li {
        padding: 8px 0;
        border-top: 1px dotted #cac3ae;
        background: none;
    }

    .rankingPickupList .link-block {
        width: auto;
        padding: 0 15px 0 58px;
    }

    .rankingPickupList .link-block:after {
        right: 0;
        width: 8px;
        height: 14px;
        background-size: 8px 14px;
    }

    .rankingPickupList .rank {
        top: 8px;
        left: 0px;
        width: 50px;
        height: 40px;
        padding-top: 10px;
        font-size: 23px;
    }

    .rankingPickupList .catch {
        line-height: 1.44444;
        margin-bottom: 0.33333em;
        padding-top: 0.66667em;
        font-size: 1.2em;
    }

    .rankingPickupList .logo {
        width: 80px;
    }

    .rankingPickupList .logo img {
        width: auto;
        max-width: 75px;
        max-height: 24px;
    }

    .rankingPickupList .name {
        line-height: 1.26667;
        font-size: 1.5em;
    }
}

/* SP メニュー
------------------------- */
.spMenuBox {
    display: none;
}

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

    .spMenuBox {
        left: 0;
        position: absolute;
        top: 62px;
        width: 100%;
        z-index: 4;
        background-color: #fff;
    }

    .spMenuRanking .heading {
        margin: 0;
        padding: 12px 6px;
        color: #fff;
        background: #392e0f url(/user/themes/common/images/bg_texture07.jpg);
        background-size: auto 216px;
        font-weight: normal;
        font-size: 1.6em;
        text-align: center;
    }
    .spMenuRanking .heading a{
        color: #fff;
        text-decoration: none;
    }

    .spMenuRanking .rankingPickupList li {
        display: none;
        padding: 0;
        border-top: none;
        border-bottom: 1px solid #eae9e9;
    }

    .spMenuRanking .rankingPickupList .rank1,
    .spMenuRanking .rankingPickupList .rank2,
    .spMenuRanking .rankingPickupList .rank3,
    .spMenuRanking .rankingPickupList .rank4,
    .spMenuRanking .rankingPickupList .rank5,
    .spMenuRanking .rankingPickupList .rank6 {
        display: block;
    }

    .spMenuRanking .rankingPickupList .link-block {
        padding: 9px 27px 7px 74px;
    }

    .spMenuRanking .rankingPickupList .link-block:after {
        right: 15px;
        width: 12px;
        height: 20px;
        background-image: url(/user/themes/common/images/arrow11.png);
        background-size: 12px 20px;
    }

    .spMenuRanking .rankingPickupList .catch,
    .spMenuRanking .rankingPickupList .logo {
        display: none;
    }

    .spMenuRanking .rankingPickupList .rank {
        top: 10px;
        left: 6px;
        width: 40px;
        height: 32px;
        padding-top: 8px;
        color: #6b5412;
        background-image: none;
        background-size: 40px auto;
        font-size: 19px;
    }

    .spMenuRanking .rankingPickupList .rank1 .rank {
        color: #9c6204;
        background-image: url(/user/themes/common/images/ranking/bg_rank_01_pu.png);
    }

    .spMenuRanking .rankingPickupList .rank2 .rank {
        color: #8b8b8b;
        background-image: url(/user/themes/common/images/ranking/bg_rank_02_pu.png);
    }

    .spMenuRanking .rankingPickupList .rank3 .rank {
        color: #953f11;
        background-image: url(/user/themes/common/images/ranking/bg_rank_03_pu.png);
    }

    .spMenuRanking .rankingPickupList .rank4 .rank {
        color: #953f11;
        background-image: url(/user/themes/common/images/ranking/bg_rank_04_pu.png);
    }

    .spMenuRanking .rankingPickupList .rank5 .rank {
        color: #953f11;
        background-image: url(/user/themes/common/images/ranking/bg_rank_05_pu.png);
    }

    .spMenuRanking .rankingPickupList .rank6 .rank {
        color: #953f11;
        background-image: url(/user/themes/common/images/ranking/bg_rank_06_pu.png);
    }

    .spMenuRanking .rankingPickupList .status {
        display: block;
        position: absolute;
        top: 19px;
        left: 50px;
        width: 20px;
        height: 20px;
        overflow: hidden;
        background-repeat: no-repeat;
        background-position: center center;
        text-indent: 100%;
        white-space: nowrap;
    }

    .spMenuRanking .rankingPickupList .status-stay {
        background-image: url(/user/themes/common/images/ico_status_stay.png);
        background-size: 20px auto;
    }

    .spMenuRanking .rankingPickupList .status-new {
        background-image: url(/user/themes/common/images/ico_status_new.png);
        background-size: 20px auto;
    }

    .spMenuRanking .rankingPickupList .status-up {
        background-image: url(/user/themes/common/images/ico_status_up.png);
        background-size: auto 20px;
    }

    .spMenuRanking .rankingPickupList .status-down {
        background-image: url(/user/themes/common/images/ico_status_down.png);
        background-size: auto 20px;
    }

    .spMenuRanking .rankingPickupList .name {
        line-height: 1.28571;
        font-weight: bold;
        font-size: 1.8em;
    }

    .spMenuRanking .rankingPickupList .ratingBox {
        display: block;
    }

    .spMenuRanking .rankingPickupList .starBase {
        vertical-align: middle;
        margin-top: 2px;
        margin-right: 5px;
    }

    .spMenuRanking .rankingPickupList .point {
        display: inline-block;
        line-height: 1;
        vertical-align: middle;
        color: #666;
        font-size: 2em;
    }

    .spMenuRanking .rankingPickupList .point small {
        font-size: 0.6em;
    }

    .otherSalonBtn {
        line-height: 1;
        margin: 12px;
        font-weight: bold;
        font-size: 1.5em;
        text-align: center;
    }

    .otherSalonBtn .btn {
        width: 94.5946%;
        padding: 1.06667em 0;
        border: 1px solid #3abda5;
        border-radius: 36px;
        color: #3abda5;
        background-color: #fff;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .otherSalonBtn .btn:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        right: 14px;
        width: 8px;
        height: 13px;
        margin: auto 0;
        background: url(/user/themes/common/images/arrow13.png) no-repeat;
        background-size: 16px 13px;
    }

    .spMenuLink {
        line-height: 1.26667;
        margin: 0;
        font-size: 1.5em;
    }

    .spMenuLink .btn {
        width: 100%;
        padding: 15px 12px;
        font-weight: normal;
        text-align: left;
        color: #fff;
        background: #7c682e;
        background: -moz-linear-gradient(top,  #7c682e 0%, #7c682e 50%, #6e5717 51%, #6b5412 100%);
        background: -webkit-linear-gradient(top,  #7c682e 0%,#7c682e 50%,#6e5717 51%,#6b5412 100%);
        background: linear-gradient(to bottom,  #7c682e 0%,#7c682e 50%,#6e5717 51%,#6b5412 100%);
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        line-height: 1.3em;
        margin: 0;
        border-radius: 0;
    }

    .spMenuLink .btn:after {
        content: '';
        position: absolute;
        top: 0;
        right: 15px;
        bottom: 0;
        width: 9px;
        height: 15px;
        margin: auto 0;
        background-image: url(/user/themes/common/images/arrow12.png);
        background-repeat: no-repeat;
        background-size: auto 15px;
    }

    .spMenuLink .btn:visited {
        color: #fff;
    }

    .spMenuShade {
        position: fixed;
        top: 0;
        z-index: 2;
        width: 100%;
        height: 100%;
        cursor: pointer;
        background-color: #666;
        background-color: rgba(0,0,0,.6);
    }
}

/* もっと見る（SPのみ）
------------------------- */

.hideBox-sp .btn-opnenHideBox,
.btn-closeHideBox,
.closeHideBoxArea {
    display: none;
}

.readMore-sp .btn-readMore {
    display: none;
}

.closeHideBoxArea {
    /*height: 50px;*/
    height: 30px;
}

.closeHideBoxArea-fix{
    display: inline-block;
    width: 100%;
}

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

    .hideBox-sp {
        position: relative;
        width: 100%;
        height: 95px;
        overflow: hidden;
        transition: height 0.15s;
    }

    .hideBox-sp:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(42%, #ffffff));
        background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 42%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 42%);
    }

    .columnDtlBox .hideBox-sp {
        height: 115px;
    }

    .columnDtlBox .hideBox-sp:after {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(57%, #ffffff));
        background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 57%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 57%);
    }

    .is-hideBox-sp-open,
    .columnDtlBox .is-hideBox-sp-open {
        height: auto;
    }

    .is-hideBox-sp-open:after {
        content: none;
    }

    .btn-opnenHideBox {
        position: absolute;
        bottom: 15px;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 34px;
        overflow: hidden;
        border-radius: 3px;
        box-shadow: none;
        text-indent: 100%;
        white-space: nowrap;
    }

    .btn-closeHideBox {
        position: absolute;
        bottom: 7px;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 34px;
        overflow: hidden;
        border-radius: 3px;
        box-shadow: none;
        text-indent: 100%;
        white-space: nowrap;
    }

    .hideBox-sp .btn-opnenHideBox {
        display: inline-block;
    }

    .hideBox-sp .btn-closeHideBox {
        display: none;
    }

    .btn-opnenHideBox:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 8px;
        margin: auto 0;
        background: url(/user/themes/common/images/arrow14.png) no-repeat center center;
        background-size: 15px 8px;
    }

    .btn-closeHideBox:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 8px;
        margin: auto 0;
        background: url(/user/themes/common/images/arrow15.png) no-repeat center center;
        background-size: 15px 8px;
    }

    .btn-opnenHideBox:hover,
    .btn-closeHideBox:hover {
        box-shadow: none;
    }








    .readMore-sp {
        position: relative;
        width: 100%;

    }

    .readMoreArea {
        position: relative;
        height: 95px;
        overflow: hidden;
    //transition: height 0.15s;
    }

    .readMoreArea:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(42%, #ffffff));
        background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 42%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 42%);
    }

    .columnDtlBox .readMoreArea {
        height: 115px;
    }

    .columnDtlBox .readMoreArea:after {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(57%, #ffffff));
        background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 57%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 57%);
    }

    .is-readMoreArea-open,
    .columnDtlBox .is-readMoreArea-open {
        height: auto;
    }

    .is-readMoreArea-open:after {
        content: none;
    }

    .btn-readMore {
        position: absolute;
        top: 15px;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 34px;
        overflow: hidden;
        border-radius: 3px;
        box-shadow: none;
        text-indent: 100%;
        white-space: nowrap;
    }

    .readMore-sp .btn-readMore {
        display: inline-block;
    }

    .btn-readMore:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 8px;
        margin: auto 0;
        background: url(/user/themes/common/images/arrow14.png) no-repeat center center;
        background-size: 15px 8px;
    }

    .btn-readMore:hover {
        box-shadow: none;
    }

}

/* 戻るボタン
------------------------- */

.pageTopBtn {
    position: absolute;
    right: 20px;
    bottom: -120px;
    z-index: 200;
    width: 100px;
    margin: 0;
    font-size: 1.3em;
    text-align: center;
}

.pageTopBtn .btn {
    width: 100%;
    line-height: 1.30769;
    padding: 52px 0 14px;
    border-radius: 5px;
    color: #fff;
    background-color: rgba(153, 153, 153, 0.8);
    background-image: url(/user/themes/common/images/arrow_top-pc.png);
    background-repeat: no-repeat;
    background-position: center 18px;
    font-weight: normal;
    transition: opacity 0.15s;
}

.pageTopBtn .btn:visited {
    color: #fff;
}

.pageTopBtn a:hover {
    opacity: 0.5;
}

.no-rgba .pageTopBtn .btn {
    background-color: #ababab;
}

.no-rgba .pageTopBtn a:hover {
    background-color: #c5c5c5;
}

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

    .pageTopBtn {
        position: fixed;
        right: 40px;
        /*bottom: 40px;*/
        bottom: 110px;
    }
}

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

    .pageTopBtn {
        position: fixed;
        right: 10px;
        bottom: 10px;
        z-index: 100;
        width: 40px;
        height: 40px;
        overflow: hidden;
    }

    .pageTopBtn .btn {
        width: 40px;
        height: 40px;
        overflow: hidden;
        padding: 0;
        border-radius: 3px;
        background-image: url(/user/themes/common/images/arrow_top-sp.png);
        background-position: center center;
        background-size: 40px 40px;
        text-indent: 100%;
        white-space: nowrap;
    }
}

/* 非表示要素
------------------------- */

.hidden-pc {
    display: none;
}

.br-tab,
.br-sp {
    display: none;
}

.br-tab.br-pc,
.br-sp.br-pc,
.br-pc {
    display: inline-block;
}

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

    .hidden-sp.hidden-pc,
    .hidden-pc,
    .hidden-sp {
        display: block;
    }

    .hidden-pc.hidden-tab,
    .hidden-sp.hidden-tab,
    .hidden-tab {
        display: none;
    }

    .br-sp.br-pc,
    .br-pc,
    .br-sp {
        display: none;
    }

    .br-pc.br-tab,
    .br-sp.br-tab,
    .br-tab {
        display: inline-block;
    }

    .salonNameRow .tableBox .cellBoxR {
        display: none;
    }

}

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

    .hidden-pc.hidden-sp,
    .hidden-tab.hidden-sp,
    .hidden-sp {
        display: none;
    }

    .hidden-tab.hidden-pc,
    .hidden-pc,
    .hidden-tab {
        display: block;
    }

    .br-tab.br-pc,
    .br-pc,
    .br-tab {
        display: none;
    }

    .br-pc.br-sp,
    .br-tab.br-sp,
    .br-sp {
        display: inline-block;
    }
}

/* 置換
------------------------- */

.replace,
.rankingPickupBox .heading,
.homeColumnJumpArea .heading,
.homeColumnArea .heading,
.homeRankingArea .heading,
.homeAboutArea .heading .logo,
.columnPickupArea .heading,
.columnIndexArea .heading,
.columnIndexArea2 .heading,
.areaIndexArea .heading {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

/* clearfix
------------------------- */

.clearfix:after,
.fixedBox:after,
.salonSmyBox .headerBar:after,
.salonSmyBox .cvBtn:after,
.salonDtlBox .cvBtn:after,
.columnSmyBox .innerBox:after,
.columnPickupList li:after,
.contributor-box:after,
.characterProfArea:after,
.characterProfBox:after,
.qrBox-row:after,
.pcSiteMenuList:after,
.snsShareList:after {
    content: "";
    display: block;
    clear: both;
}

/* --------------------------------------------------

Layout Setting

-------------------------------------------------- */

/* 背景対策
------------------------- */

body {
    min-width: 1000px;
    background-attachment: scroll !important;
}

#page {
    overflow-x: hidden;
    /*padding-top: 140px;*/
}
#page .container .row {
    margin-bottom: 100px;
}

.fixedBox,
.fixedBoxTop {
    position: relative;
    width: 1000px;
}
.fixedBox{
    margin: 0 auto;
}
#topChoice .fixedBox{
    margin: 40px auto;
}
.fixedBoxTop {
    margin: 0 auto 30px;
}
@media screen and (max-width: 640px) {
    .fixedBox{
        margin-bottom: 15px;
    }
    #topChoice .fixedBox{
        margin: 0 auto;
    }
}

.contents {
    position: relative;
    width: 100%;
    background: #f4f4f4 url(/user/themes/common/images/bg_texture02.jpg);
}

.contentArea {
    padding-bottom: 40px;
}


.contentBox {
    margin-bottom: 40px;
    padding: 37px 39px 43px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    border-radius: 10px;
}



.contentBox2 {
    margin-bottom: 40px;
    padding: 0px 39px 43px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    border-radius: 10px;
}

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

    body {
        min-width: 0;
    }

    #page {
        padding-top: 76px;
    }

    .minHeader {
        padding-top: 59px !important;
    }

    .fixedBox,
    .fixedBoxTop {
        width: auto;
        padding-right: 10px;
        padding-left: 10px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        /*margin-bottom:30px;*/
    }

    .fixedBoxTop {
        margin-bottom: 10px;
    }

    .contents {
        background-size: 113px 113px;
    }

    .contentArea {
        padding-bottom: 15px;
    }

    .contentBox {
        margin-bottom: 0;
        margin-top: 1px;
        padding: 0;
        border-radius: 5px;
    }

    .contentBox .sec {
        padding: 3px 14px 5px;
    }

    .contentBox .sec + .sec {
        border-top: 1px solid #e8e8e8;
    }
    .contentBox2 {
        margin-bottom: 0;
        padding: 0;
        border-radius: 5px;
    }

    .contentBox2 .sec {
        padding: 3px 14px 5px;
    }

    .contentBox2 .sec + .sec {
        border-top: 1px solid #e8e8e8;
    }
}

/* --------------------------------------------------

Header Style

-------------------------------------------------- */

/*.siteHeader {
	position: relative;
	z-index: 3;
	height: 140px;
	background-color: #fff;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
}*/

.siteHeader {
    /*position: fixed;
	top: 0;
	left: 0;
	z-index: 3;*/
    width: 100%;
    /*height: 140px;*/
    background-color: #fff;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
    transition: top .2s;
}

.is-scroll-now .siteHeader {
    /* visibility: hidden; */
    /* top: -144px; */
}

.is-scrolled .siteHeader {
    top: -26px;
    height: 106px; /* 80px + 26px */
}

.siteHeader .tagLine {
    color: #fff;
    background-color: #005CA3;
}

.siteHeader .tagLine-text {
    line-height: 1.85714;
    margin: 0 auto;
    font-weight: normal;
    font-size: 1.4em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.siteHeader .tagLine-text a {
    color: white;
}

.siteHeader .siteID {
    float: left;
    width: 225px;
    margin: 0;
    padding: 18px 0 0;
}

.is-scrolled .siteHeader .siteID {
    width: 170px;
    padding-top: 12px;
}

.pcHeaderFnBox {
    float: right;
    width: 695px;
    padding: 18px 0 0;
}

.is-scrolled .pcHeaderFnBox {
    width: 734px;
    padding-top: 25px;
}

.pcSiteMenuList {
    line-height: 1;
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-weight: bold;
    font-size: 1.6em;
}

.pcSiteMenuList a {
    display: block;
    padding-top: 7px;
    color: #5d4f27;
    text-decoration: none;
    transition: opacity 0.15s;
}

.is-scrolled .pcSiteMenuList a {
    padding-bottom: 7px;
}

.pcSiteMenuList a:visited {
    color: #5d4f27;
}

.pcSiteMenuList a:hover {
    opacity: 0.6;
}

.pcSiteMenuList .font-en01 {
    display: inline-block;
    padding-top: 8px;
    color: #78693d;
    font-weight: normal;
    font-size: 0.75em;
}

.is-scrolled .pcSiteMenuList .font-en01 {
    display: none;
}

.pcSiteMenuList li {
    position: relative;
    float: left;
    margin-right: 1px;
    padding-top: 26px;
    text-align: center;
}

.is-scrolled .pcSiteMenuList li {
    padding-top: 0;
}

.pcSiteMenuList li:after {
    content: '';
    position: absolute;
    top: 26px;
    right: -1px;
    width: 1px;
    height: 30px;
    background-color: #eaeaea;
}

.is-scrolled .pcSiteMenuList li:after {
    top: 0;
}

.pcSiteMenuList .cont01 {
    /*width: 154px;*/
    width: 185px;
}

.pcSiteMenuList .cont02 {
    /*width: 283px;*/
    width: 250px;
    padding-top: 0
}

.is-scrolled .pcSiteMenuList .cont02 {
    /*width: 322px;*/
    width: 280px;
}

.pcSiteMenuList .cont02 a {
    position: relative;
    padding-top: 33px;
}

.is-scrolled .pcSiteMenuList .cont02 a {
    padding-top: 7px;
    text-indent: 29px;
}

.pcSiteMenuList .cont02 a:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 29px;
    height: 24px;
    margin: 0 auto;
    background: url(/user/themes/common/images/ico_crown_gold.png) no-repeat;
}

.is-scrolled .pcSiteMenuList .cont02 a:before {
    top: 2px;
    right: auto;
    /*left: 28px;*/
    left: 5px;
}

.pcSiteMenuList .cont03 {
    width: 256px;
    margin-right: 0;
}

.pcSiteMenuList .cont03:after {
    content: none;
}

header #headerFlex{
    display: flex;
    width: 1000px;
    margin: 0 auto;
}
header #headerFlex h1.tagLine-text{
    margin-left: 0;
}
#headerTxtNav{
    line-height: 1.85714;
    list-style-type: none;
    margin: 0;
}
#headerTxtNav li{
    float: right;
}
#headerTxtNav li a{
    color: #ffffff;
    text-decoration: none;
}
#headerTxtNav li:after{
    content: ">";
    margin-left: 1em;
    margin-right: 1em;
}
#headerTxtNav li:first-child:after{
    margin-right: 0;
}
.siteHeader .fixedBox{
}
.siteHeader .siteID{
    float: none;
    margin: 0 auto;
    width: 170px;
    padding: 8px 0;
}
#headerRank{
    position: absolute;
    top: 11px;
    left: 0;
    z-index: 99;
    display: none;
}
#SnsArea{
    position: absolute;
    top: 11px;
    right: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
#SnsArea p{
    width: 50px;
    height: auto;
    margin:0 1em 0 0;
}
#SnsArea p:last-child{
    margin-right: 0;
}
#SnsArea p a,
#SnsArea p a img{
    outline: none;
}
#SnsArea p a:hover{
    opacity: 0.8;
}
@media screen and (max-width: 820px) {
    #headerRank,
    #SnsArea{
        display: none;
    }
}

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


    .siteHeader {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99;
        height: 73px;
        border-top: 3px solid #5d4f27;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    }

    .is-scroll-now .siteHeader {
        /* top: -80px; */
    }

    .is-scrolled .siteHeader {
        top: 0;
        height: 73px;
    }

    .siteHeader.minHeight {
        height: 59px;
    }

    .is-scrolled .siteHeader.minHeight {
        height: 59px;
    }

    .siteHeader .fixedBox {
        padding: 0;
    }

    .siteHeader .tagLine {
        color: #000;
        background-color: #e5e5e5;
    }

    .siteHeader .tagLine-text {
        width: 98%;
        line-height: 1.66667;
        font-size: 0.9em;
        text-align: center;
    }

    .siteHeader .siteID {
        width: 105px;
        padding: 11px 9px 0;
    }

    .is-scrolled .siteHeader .siteID {
        width: 105px;
        padding-top: 11px;
    }

    .spHeaderFnBox {
        position: relative;
        float: right;
        width: 191px;
    }

    .spHeaderCha {
        position: absolute;
        top: 12px;
        right: 92px;
        width: 105px;
    }

    .spHeaderCha .cha {
        float: left;
        width: 37px;
        height: 28px;
        margin: 3px 3px 0 -50px;
        background: url(/user/themes/common/images/img_sp_header_cha.png) no-repeat;
        background-size: 37px 28px;
    }

    .spHeaderCha .bal {
        float: left;
        width: 64px;
        height: 33px;
        margin: 0 0 0 -10px;
        background: url(/user/themes/common/images/img_sp_header_bal.png) no-repeat;
        background-size: 64px 33px;
    }

    .spHeaderBtn {
        position: absolute;
        width: 80px;
    }

    .btn-spRankingToggle {
        width: 100%;
        height: 42px;
        padding: 25px 0 0;
        border: 1px solid #e19500;
        border-radius: 5px;
        color: #fff;
        background: #f1a30b;
        background: -moz-linear-gradient(top,  #f3ae28 0%, #f2aa1e 50%, #f1a30b 51%, #f1a30b 100%);
        background: -webkit-linear-gradient(top,  #f3ae28 0%,#f2aa1e 50%,#f1a30b 51%,#f1a30b 100%);
        background: linear-gradient(to bottom,  #f3ae28 0%,#f2aa1e 50%,#f1a30b 51%,#f1a30b 100%);
        text-decoration: none;
        font-size: 0.9em;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .btn-spMenuToggle {
        width: 100%;
        height: 42px;
        padding: 25px 0 0;
        margin: 0px 100px 0px -50px;
        border: 1px solid #e19500;
        border-radius: 5px;
        color: #fff;
        background: #f1a30b;
        background: -moz-linear-gradient(top,  #f3ae28 0%, #f2aa1e 50%, #f1a30b 51%, #f1a30b 100%);
        background: -webkit-linear-gradient(top,  #f3ae28 0%,#f2aa1e 50%,#f1a30b 51%,#f1a30b 100%);
        background: linear-gradient(to bottom,  #f3ae28 0%,#f2aa1e 50%,#f1a30b 51%,#f1a30b 100%);
        text-decoration: none;
        font-size: 0.9em;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .btn-spMenuToggle:visited {
        color: #fff;
    }

    .btn-spMenuToggle:before {
        content: '';
        position: absolute;
        top: 4px;
        right: 0;
        left: 0;
        width: 20px;
        height: 17px;
        margin: 0 auto;
        background-size: 30px 20px;
    }

    .is-menuOpen .btn-spMenuToggle {
        border: none;
        padding-top: 16px;
        background-image: none;
        background-color: #3b3013;
        font-size: 1.1em;
    }

    .is-menuOpen .btn-spMenuToggle:before {
        position: static;
        display: inline-block;
        width: 10px;
        height: 10px;
        vertical-align: middle;
        margin: 0 5px 1px 0;
        background-position: -20px 0;
    }

    .btn-spMenuToggle02,
    .btn-spMenuToggle02 span {
        /* width: 100%; */
        width: 38px;
        height: 38px;
        padding: 25px 0 0;
        margin: 0px 0px 0px 16px;
        display: inline-block;
        transition: all .4s;
        box-sizing: border-box;
    }

    .btn-spMenuToggle02 {
        position: relative;
        width: 50px;
        height: 44px;
    }

    .btn-spMenuToggle02 span {
        position: absolute;
        left: 0;
        width: 100%;
        height: 4px;
        background-color: rgb(104, 104, 104);
        border-radius: 4px;
    }


    .menu-trigger,
    .menu-trigger span {
        float: inherit;
        display: inline-block;
        transition: all .4s;
        box-sizing: border-box;
        margin: 8px 10px 0 0;
    }

    .menu-trigger {
        position: relative;
        width: 36px;
        height: 36px;
        display: inline-block;

    }

    .menu-trigger span {
        position: absolute;
        left: 0;
        width: 100%;
        height: 4px;
        background-color: rgb(49, 49, 49);
        border-radius: 4px;
    }

    .menu-trigger span:nth-of-type(1) {
        top: 0;
    }

    .menu-trigger span:nth-of-type(2) {
        top: 12px;
    }

    .menu-trigger span:nth-of-type(3) {
        bottom: 0;
    }

    .menu-trigger.active span:nth-of-type(1) {
        -webkit-transform: translateY(12px) rotate(-45deg);
        transform: translateY(12px) rotate(-45deg);
    }

    .menu-trigger.active span:nth-of-type(2) {
        opacity: 0;
    }

    .menu-trigger.active span:nth-of-type(3) {
        -webkit-transform: translateY(-12px) rotate(45deg);
        transform: translateY(-12px) rotate(45deg);
    }

    header #headerFlex{
        display:block;
        width: 100%;
    }
    .siteHeader .siteID{
        float: left;
        margin: 0;
    }
}

/* --------------------------------------------------

Footer Style

-------------------------------------------------- */

.siteFooter {
    padding: 30px 0 40px;
    color: #fff;
    background-color: #393939;
}

.footerContBox {
    display: table;
    width: 1000px;
    margin: 0 auto 28px;
}

.fbPageWrap,
.footerNavWrap {
    display: table-cell;
    vertical-align: middle;
}

.no-display-table .footerContBox {
    display: block;
}

.no-display-table .fbPageWrap,
.no-display-table .footerNavWrap {
    float: left;
}

.fbPageWrap {
    width: 576px;
    border-right: 1px solid #616161;
}

.fbPageFrame {
    width: 500px;
    min-height: 210px;
    padding: 10px;
    background-color: #fff;
}

.footerNavWrap {
    /*padding-left: 76px;*/
    padding-left: 46px;
}

.no-display-table .footerNavWrap {
    width: 300px;
}

.footerNav {
    line-height: 1.28571;
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 1.4em;
}

.footerNav li {
    margin: 12px 0;
}

.footerNav li:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 10px;
    margin-right: 14px;
    background: url(/user/themes/common/images/arrow03.png) no-repeat 0 0;
}

.footerNav a {
    text-decoration: none;
}

.footerNav a,
.footerNav a:visited {
    color: #fff;
}

.footerNav a:hover {
    text-decoration: underline;
}


/* --------------------------------------------------

固定footer

-------------------------------------------------- */

nav#footerNav{
    position: fixed;
    bottom: 0;
    width: 100%;
    background-image: url(/user/themes/common/images/bg_site_footerNav.png);
    background-repeat: repeat;
    background-position: left top;
    z-index: 99;

}
@media screen and (max-width: 640px) {
    nav#footerNav{display: none !important; }
}
nav#footerNav ul.footerNavFlex{
    display: flex;
    list-style-type:none;
    margin: 10px auto;
    padding-left: 0;
    width: 100%;
    max-width: 1200px;
    align-items: stretch;
    justify-content: space-around;
}
nav#footerNav ul.footerNavFlex li{
    /*margin-right: 1em;
	padding-right: 1em;*/
    border-right: 1px solid #ffffff;
    text-align: center;
    width: 100%;
    max-width: 200px;
}
nav#footerNav ul.footerNavFlex li:last-child{
    /*margin-right: 0;
	padding-right: 0;*/
    border-right: 0;
}
nav#footerNav ul.footerNavFlex li a{
    color: #ffffff;
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: block;
    font-size: 12px;
}
nav#footerNav ul.footerNavFlex li a:hover{
    opacity: 0.8;
}

nav#footerNav ul.footerNavFlex:nth-child(2) li{
    max-width: none;
    border-right: 0;
}
nav#footerNav ul.footerNavFlex:nth-child(2) li:nth-child(4){
    border-left: 1px solid #ffffff;
}


.copyright {
    line-height: 1.33333;
    margin: 0;
    color: #565656;
    font-size: 1.2em;
    text-align: center;
    text-transform: uppercase;
}

.copyright small {
    font-size: 1em;
}

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

    .siteFooter {
        padding-top: 30px;
        padding-bottom: 18px;
        background-color: #242424;
    }

    .footerContBox {
        display: block;
        width: auto;
        margin: 0;
    }

    .fbPageWrap,
    .footerNavWrap {
        display: block;
    }

    .fbPageWrap {
        width: auto;
        border-right: none;
    }

    .fbPageFrame {
        width: 100%;
        padding: 17px;
        text-align: center;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .footerNavWrap {
        margin-bottom: 10px;
        padding-top: 20px;
        padding-left: 0;
    }

    .footerNav {
        line-height: 1.66667;
        font-size: 1.2em;
        text-align:center;
        padding-left: 10px;
        padding-right: 10px;
    }

    .footerNav li {
        /*display: inline;*/
        margin: 0 0 10px 5px;
        padding:0 0 0 7px;
        display:inline-block;
        border-left:1px solid #ffffff;
        line-height:1em;
    }
    .footerNav li:first-child{
        margin-left:0;
        padding-left:0;
        border:0;
    }

    /*.footerNav li:before {
		content: '｜';
		display: inline;
		width: auto;
		height: auto;
		margin-right: 9px;
		margin-left: 4px;
		background-image: none;
	}
*/
    .footerNav li:before{
        content: none;
        background:none;
        margin:0;
        padding:0;
        width:auto;
        height:auto;
    }
    /*.footerNav li:nth-child(1),
	.footerNav li:nth-child(3),
	.footerNav li:nth-child(5),
	.footerNav li:nth-child(8){
		border-left:none;
		margin-left:0;
		padding-left:0;
	}
*/
    .footerNav a {
        text-decoration: underline;
    }

    .copyright {
        padding: 0 10px;
        color: #505050;
        font-size: 0.9em;
        clear:both;
    }
}

/* --------------------------------------------------

Home

-------------------------------------------------- */

/* メインヴィジュアル
------------------------- */

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

.mainVisual {
    position: relative;
    width: 100%;
    min-height: 660px;
    z-index: 0;
}

.mainVisual:before {
    content: '';
    display: block;
    padding-top: 48.31625%;
}

.no-bgsizecover .mainVisual:before {
    content: none;
}

.mainVisual .container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    max-width: 100%;
    background-image: url(/user/themes/common/images/img_main_bg-pc.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.no-bgsizecover .mainVisual .container {
    position: static;
    width: 100%;
    height: 660px;
}

.mainVisual .fixedBox {
    height: 100%;
}

.mainVisual .snsShareBox {
    position: absolute;
    top: 21px;
    right: 0;
}

.mainVisual .title {
    position: absolute;
    top: 31px;
    right: -20px;
    bottom: 0;
    /*width: 851px;
	height: 621px;
	width: 474px;
	height: 550px;*/
    width: 1038px;
    height: 620px;
    overflow: hidden;
    margin: auto 0;
    background-image: url(/user/themes/common/images/img_site_title-pc.png);
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: 120%;
    white-space: nowrap;
}

.mainLead {
    display: none;
    position: absolute;
    top: 224px;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 200px;
    margin: auto 0;
}

.mainLead .lead {
    position: absolute;
    top: 0;
    left: 401px;
    width: 525px;
    line-height: 1.85714;
    overflow: hidden;
    margin: 0;
    color: #5d4f27;
    font-weight: bold;
    text-align: center;
}

.mainLead .br {
    display: inline;
}

#wood{
    background-image: url(/images/bg_wood.jpg);
    background-repeat: repeat-y;
    background-position: top center;
    z-index: 1;
}
#wood .fixedBox{
    padding: 50px 0;
    z-index: 99;
}
#wood h2{
    text-align: center;
    margin-bottom: 35px;
}
#wood h2 img{
    width: 100%;
    max-width: 735px;
}

#wood .txtBox{
    background-color: #ffffff;
    border-radius: 15px;
    padding: 35px 40px;
}
.drop-shadow {
    position:relative;
}

.drop-shadow:before,
.drop-shadow:after {
    content:"";
    position:absolute;
    z-index:-9;
    bottom:8px;
    left:10px;
    width:50%;
    height:20%;
}

.drop-shadow:after{
    right:10px;
    left:auto;
}

#wood .txtBox:before,
#wood .txtBox:after {
    max-width:300px;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.3);
    box-shadow:0 15px 10px rgba(0, 0, 0, 0.3);
    -webkit-transform:rotate(-3deg);
    -moz-transform:rotate(-3deg);
    -o-transform:rotate(-3deg);
    transform:rotate(-3deg);
    border-radius: 15px;
}

#wood .txtBox:after {
    -webkit-transform:rotate(3deg);
    -moz-transform:rotate(3deg);
    -o-transform:rotate(3deg);
    transform:rotate(3deg);
}

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

    #wood h2{
        width: 80%;
        margin: 0 auto 30px;
    }
    #wood h2 img{
        max-width: 446px;
    }
    #wood .fixedBox{
        padding: 0 0 30px;
        z-index: 10;
    }

    #wood .txtBox{
        border-radius: 0;
        padding: 30px 15px;
        background-color: #fffdf5;
        border-top: 3px solid #4e4017;
        border-bottom: 3px solid #4e4017;
    }
    #wood .txtBox p{
        margin: 0;
        text-align: center;
        font-size: 0.8rem;
    }
    #wood.drop-shadow:before,
    #wood.drop-shadow:after {
        content: none;
    }
    #wood .txtBox:before,
    #wood .txtBox:after {
        display: none;
    }
    .mainVisual {
        min-height: 230px;
    }

    .mainVisual:before {
        padding-top: 71.875%;
    }

    .mainVisual .container {
        background-image: url(/user/themes/common/images/img_main_bg-sp.jpg);
    }

    .no-bgsizecover .mainVisual .container {
        height: 230px;
    }

    .mainVisual .snsShareBox {
        top: 10px;
        right: 10px;
    }

    .mainVisual .title {
        /*top: 30%;
		right: 2%;
		width: 55%;*/
        bottom: -130%;
        right: 5%;
        width: 90%;
        height: auto;
        background: none;
    }

    .mainVisual .title:after {
        content: '';
        display: block;
        padding-top: 78.20268%;
    }

    .mainVisual .title-text {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: url(/user/themes/common/images/img_site_title-sp.png) no-repeat;
        background-size: contain;
    }

    .mainLead {
        display: block;
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        height: auto;
        margin: auto;
        /*padding-top: 42px;
		padding-bottom: 42px;*/
        padding-top: 30px;
        padding-bottom: 30px;
        color: #fff;
        background: #504115 url(/user/themes/common/images/bg_wood.jpg?date=1130);
        background-size: 100% 100%;
        background-repeat: repeat-y;
    }

    .mainLead:before,
    .mainLead:after {
        content: '';
        position: absolute;
        right: 0;
        left: 0;
        width: 104px;
        height: 23px;
        margin: 0 auto;
        /*background: url(/user/themes/common/images/bg_lead_ornament.png) no-repeat;
		background-size: auto 23px;*/
    }

    .mainLead:before {
        top: 9px;
    }

    .mainLead:after {
        bottom: 9px;
    }

    .mainLead .fixedBox {
        margin-bottom: 0;
    }

    .mainLead .lead {
        position: static;
        width: auto;
        line-height: 1.6;
        color: #fff;
        font-size: 1em;
    }

    .mainLead .br {
        display: inline-block;
    }
}

/* Home用コラム
------------------------- */

.homeColumnDetailArea {
    width: 100%;
    /*padding-top: 40px;*/
    padding-top: 0;
    padding-bottom: 40px;
    background-color: #3cc6ad;
    background-image: url(/user/themes/common/images/bg_texture01.png);
}
#top5piece.homeColumnDetailArea{
    padding-bottom: 40px;
}
.homeColumnDetailArea .fixedBox {
    margin-bottom: 30px;
}
#top5piece .homeColumnDetailArea .fixedBox{
    margin-bottom: 0;
}
.homeColumnDetailArea .columnDtlBox {
    margin-bottom: 40px;
}
#topMerit.columnDtlBox{
    margin-bottom: 0;
}

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

    .homeColumnDetailArea {
        /*padding-top: 10px;
		padding-bottom: 10px;*/
        padding-top: 0;
        padding-bottom: 40px;
        background-size: auto 216px;
    }

    .homeColumnDetailArea .fixedBox {
        margin-bottom: 20px;
    }

    .homeColumnDetailArea .columnDtlBox {
        /*margin-bottom: 10px;*/
    }
}

/* コラム入口
------------------------- */

.homeColumnJumpArea {
    width: 100%;
    background: #3cc6ad url(/user/themes/common/images/bg_texture01.png);
}

.homeColumnJumpArea .fixedBox {
    z-index: 0;
    padding-top: 37px;
    padding-bottom: 46px;
}

.homeColumnJumpArea .fixedBox:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 440px;
    height: 435px;
    background: url(/user/themes/common/images/img_column_head-pc.png) no-repeat;
}

.homeColumnJumpArea .heading {
    position: relative;
    z-index: 1;
    width: 693px;
    margin: 0 0 32px;
}

.homeColumnJumpArea .heading:before {
    content: '';
    display: block;
    padding-top: 27.41703%;
}

.no-bgsizecover .homeColumnJumpArea .heading:before {
    content: none;
}

.homeColumnJumpArea .heading-text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(/user/themes/common/images/ttl_column_head-pc.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.no-bgsizecover .homeColumnJumpArea .heading-text {
    display: block;
    position: static;
    width: 100%;
    height: 190px;
}

.columnJumpList {
    position: relative;
    z-index: 1;
    width: 610px;
    line-height: 1.25;
    margin: 0 0 0 9px;
    padding: 18px 20px 6px;
    border: 5px solid #3cc6ad;
    border-radius: 10px;
    list-style-type: none;
    background-color: #fff;
    font-size: 1.6em;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
}

.columnJumpList li {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}

.columnJumpList .num {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 20px;
    line-height: 1;
    color: #ffd200;
    font-style: italic;
    font-size: 2em;
    text-align: center;
}

.columnJumpList a {
    display: block;
    padding: 4px 70px 8px 30px;
    color: #05b192;
    text-decoration: none;
}

.columnJumpList a:visited {
    color: #05b192;
}

.columnJumpList a:after {
    content: '';
    position: absolute;
    top: 6px;
    right: 7px;
    bottom: auto;
    width: 16px;
    height: 10px;
    margin: auto 0;
    background-image: url(/user/themes/common/images/arrow01.png);
    background-repeat: no-repeat;
    transition: opacity 0.15s;
}

.columnJumpList a:hover:after {
    opacity: 0.5;
}

.columnJumpList .title {
    text-decoration: underline;
}

.columnJumpList a:hover .title {
    text-decoration: none;
}

.columnJumpList .date {
    position: relative;
    top: -2px;
    margin-left: 1em;
    color: #999;
    font-size: 0.75em;
    text-decoration: none;
}

.homeColumnArea {
    width: 100%;
    padding-top: 57px;
    /*padding-bottom: 80px;*/
    padding-bottom: 40px;
    background: #3cc6ad url(/user/themes/common/images/bg_texture01.png);
}
#topLaw .homeColumnArea{
    padding-top: 0;
}
.homeColumnArea .heading {
    position: relative;
    width: 866px;
    margin: 0 auto 56px;
    text-align: center;
}

.homeColumnArea .heading:before {
    content: '';
    display: block;
    padding-top: 27.13626%;
}

.no-bgsizecover .homeColumnArea .heading:before {
    content: none;
}

.homeColumnArea .heading-text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(/user/themes/common/images/column/ttl_column_idx-pc.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.no-bgsizecover .homeColumnArea .heading-text {
    display: block;
    position: static;
    width: 100%;
    height: 235px;
}

.homeColumnArea .goIndexBtn {
    margin: 40px 0 0;
    font-size: 2.4em;
    text-align: center;
}

.homeColumnArea .goIndexBtn .btn {
    width: 600px;
    padding: 28px 0;
    border-radius: 5px;
}

.homeColumnArea .goIndexBtn .btn:after {
    content: '';
    position: absolute;
    top: 0;
    right: 30px;
    bottom: 0;
    width: 11px;
    height: 20px;
    margin: auto 0;
    background-image: url(/user/themes/common/images/arrow04.png);
    background-repeat: no-repeat;
}

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

    .homeColumnJumpArea {
        background-size: auto 216px;
    }

    .homeColumnJumpArea .fixedBox {
        padding-top: 9px;
        padding-bottom: 17px;
        padding-left: 20px;
    }

    .homeColumnJumpArea .fixedBox:before {
        width: 163px;
        height: 167px;
        background: url(/user/themes/common/images/img_column_head-sp.png) no-repeat right bottom;
        background-size: auto 167px;
    }

    .homeColumnJumpArea .heading {
        width: 95.2459%;
        max-width: 581px;
        margin: 0 0 10px -11px;
    }

    .homeColumnJumpArea .heading:before {
        padding-top: 30.46472%;
    }

    .homeColumnJumpArea .heading-text {
        background-image: url(/user/themes/common/images/column/ttl_column_idx-sp.png);
    }

    .columnJumpList {
        width: 70%;
        line-height: 1.4;
        margin: 0;
        padding: 0;
        border-width: 3px;
        border-radius: 5px;
        font-size: 1em;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .columnJumpList li {
        margin-bottom: 0;
        border-top: 1px solid #3cc6ad;
    }

    .columnJumpList li:first-child {
        border-top: none;
    }

    .columnJumpList .num {
        top: 6px;
        min-width: 25px;
        font-size: 1.6em;
    }

    .columnJumpList a {
        padding: 5px 22px 5px 25px;
    }

    .columnJumpList a:after {
        top: 0;
        bottom: 0;
        width: 8px;
        height: 5px;
        background-size: 8px 5px;
    }

    .columnJumpList .title {
        margin-right: 1em;
        text-decoration: none;
    }

    .columnJumpList .date {
        position: static;
        display: inline-block;
        margin-left: 0;
        font-size: 1em;
    }

    .homeColumnArea {
        /*padding: 15px 0 7px;*/
        padding: 0 0 40px;
        /*padding-bottom: 25px;*/
        /*padding-bottom: 10px;*/
        background-size: auto 216px;
    }

    .homeColumnArea .heading {
        width: 96.83333%;
        margin-bottom: 15px;
    }

    .homeColumnArea .heading:before {
        padding-top: 30.46472%;
    }

    .homeColumnArea .heading-text {
        background-image: url(/user/themes/common/images/column/ttl_column_idx-sp.png);
    }

    .no-bgsizecover .homeColumnArea .heading-text {
        height: 88.5px;
    }

    .homeColumnArea .goIndexBtn {
        line-height: 1;
        /*margin: 25px 0 2px;*/
        margin: 40px 0 0;
        font-size: 1.5em;
    }

    .homeColumnArea .goIndexBtn .btn {
        width: 100%;
        padding: 22px 0;
        border-radius: 3px;
    }

    .homeColumnArea .goIndexBtn .btn:after {
        right: 10px;
        width: 8px;
        height: 15px;
        background-size: 8px 15px;
    }
}

/* 自己紹介
------------------------- */

.homeSelfIntroArea {
    width: 100%;
    margin-top: -80px;
    padding-top: 140px; /* 80px + 60px */
    padding-bottom: 20px;
    background: #6fcebb url(/user/themes/common/images/bg_texture01.png);
}
#intro .homeSelfIntroArea{
    padding-bottom: 40px;
}
.homeSelfIntroArea .contentBox {
    padding: 66px 50px 0;
    border: 5px solid #84d5c5;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
}
#intro .homeSelfIntroArea .contentBox{
    margin-bottom: 0;
}
.homeSelfIntroArea .heading {
    line-height: 1.35714;
    margin: 0 0 60px;
    color: #010100;
    background-image: url(/user/themes/common/images/bg_selfi-pc.png);
    background-repeat: no-repeat;
    background-position: center top;
    font-weight: bold;
    font-size: 2.8em;
    text-align: center;
    text-shadow: 2px 5px 0 #e5e5e5;
}

.homeSelfIntroArea .heading em {
    color: #35b288;
}

.characterProfArea {
    width: 100%;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #e9e9e9;
}

.characterProfArea .ttl {
    position: relative;
    width: 100%;
    color: #232323;
    font-size: 3em;
    text-align: center;
}

.characterProfArea .ttl:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px;
    margin-top: -15px;
    border-top: 1px solid #e9e9e9;
}

.characterProfArea .ttl .inner {
    position: relative;
    padding: 26px 34px 0;
    background-color: #fff;
}

.characterProfArea .ttl .font-en01 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: #c6c6c6;
    font-weight: normal;
    font-size: 0.53333em;
    text-align: center;
}

.characterProfBox {
    width: 440px;
}

.characterProfBox .image {
    float: left;
    width: 160px;
}

.characterProfBox .text {
    float: right;
    width: 280px;
}

.characterProfBox .data {
    line-height: 1.42857;
    margin: 0 0 1.28571em;
    font-size: 1.4em;
}

.characterProfBox .data dt {
    padding: 9px 3px 0;
}

.characterProfBox .data dd {
    margin: 0;
    padding: 0 3px 9px;
    border-bottom: 1px solid;
}

.characterProfBox .cap {
    margin: 0;
    padding: 0 3px;
}

.characterProfBox-ol {
    float: left;
}

.characterProfBox-ol .image .img-resp {
    margin-left: -15px;
}

.characterProfBox-ol .data dt {
    color: #ed7ab8;
}

.characterProfBox-ol .data dd {
    border-color: #ed7ab8;
}

.characterProfBox-fairy {
    float: right;
}

.characterProfBox-fairy .image .img-resp {
    margin-top: 24px;
    margin-left: 10px;
}

.characterProfBox-fairy .data dt {
    color: #4eb6ac;
}

.characterProfBox-fairy .data dd {
    border-color: #4eb6ac;
}

.characterTalkArea {
    width: 860px;
    margin: 0 auto;
}

.characterTalkBox {
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}

.characterTalkBox .cha {
    position: relative;
    width: 22.67442%;/* 195 ÷ 860 */
}

.characterTalkBox .cha:after,
.characterTalkBox .cha:before {
    content: '';
    position: absolute;
    bottom: 40%;
    width: 0;
    height: 0;
    border: solid transparent;
}

.characterTalkBox .cha:after {
    border-width: 7px 39px;
    /* margin-top: 32px; */
    margin-bottom: 2px;
}

.characterTalkBox .cha:before {
    border-width: 9px 45px;
    /* margin-top: 30px; */
}

.characterTalkBox .cap {
    width: 77.32558%;/* 665 ÷ 860 */
}

.characterTalkBox .cap-inner {
    border: 2px solid;
    padding: 18px 18px 3px;
    border-radius: 10px;
}

.characterTalkBox .name {
    margin-bottom: 12px;
    padding: 0 0 8px;
    border-bottom: 1px solid #e5e5e5;
    font-weight: bold;
    font-size: 1.4em;
}

.characterTalkBox .cap p {
    margin: 0 0 1em;
}

.characterTalkBox-multi .cha:after,
.characterTalkBox-multi .cha:before {
    bottom: 10%;
}

.characterTalkBox-multi .cha:after {
    margin-bottom: 2px;
}

.characterTalkBox-ol .cha {
    float: left;
}

.characterTalkBox-ol .cha:after {
    right: -3px;
    border-right-color: #fff;
}

.characterTalkBox-ol .cha:before {
    right: -2px;
    border-right-color: #ed7ab8;
}

.characterTalkBox-ol .cha .img-resp {
    margin-left: 15px;
}

.characterTalkBox-ol .cap {
    float: left;
}

.characterTalkBox-ol .cap-inner {
    border-color: #ed7ab8;
}

.characterTalkBox-fairy .cha {
    float: right;
    text-align: right;
}

.characterTalkBox-fairy .cha:after {
    left: -3px;
    border-left-color: #fff;
}

.characterTalkBox-fairy .cha:before {
    left: -2px;
    border-left-color: #4eb6ac;
}

.characterTalkBox-fairy .cha .img-resp {
    margin-right: 8px;
}

.characterTalkBox-fairy .cap {
    float: left;
}

.characterTalkBox-fairy .cap-inner {
    border-color: #4eb6ac;
}

.questResultArea {
    width: 860px;
    margin: 0 auto;
}

.questResultTitleBox {
    position: relative;
    width: 570px;/* 860px */
    padding: 38px 143px 18px;
    margin: 55px 0 45px;
    border: 2px solid #756535;
    border-radius: 5px;
    color: #483701;
    background-color: #f7f7f7;
    text-align: center;
}

.questResultTitleBox:before,
.questResultTitleBox:after {
    content: '';
    position: absolute;
}

.questResultTitleBox:before {
    top: 27px;
    left: 10px;
    width: 130px;
    height: 249px;
    background: url(/user/themes/common/images/img_ques_title_fairy.png) no-repeat;
}

.questResultTitleBox:after {
    top: 11px;
    right: 37px;
    width: 100px;
    height: 266px;
    background: url(/user/themes/common/images/img_ques_title_ol.png) no-repeat;
}


.questResultTitleBox .ttl {
    margin: 0 0 0.4em;
    color: #6a571c;
    font-weight: bold;
    font-size: 4em;
}

.questResultTitleBox .lead {
    line-height: 1.6;
    font-weight: bold;
    font-size: 1.5em;
}

.questResultTitleBox .lead small {
    font-size: 1em;
}

.sec-qr {
    width: 100%;
    padding-bottom: 1px;
    background: url(/user/themes/common/images/bg_border03.png) repeat-x left bottom;
}

.sec-qr-noBorder {
    background-image: none;
}

.ttl-qr {
    display: table;
    width: 100%;
    margin: 1.25em 0 1.2em;
    line-height: 1.25;
    font-weight: bold;
    font-size: 2.4em;
}

.ttl-qr .qNum,
.ttl-qr .qText {
    display: table-cell;
    vertical-align: middle;
}

.ttl-qr .qNum {
    width: 122px;
    height: 100px;
}

.ttl-qr .qText {
    color: #333;
}

.ttl-qr .circle {
    display: block;
    width: 100px;
    height: 78px;
    line-height: 28px;
    padding-top: 22px;
    border-radius: 100px;
    font-weight: normal;
    font-size: 15px;
    text-align: center;
}
.ttl-qr .circle-pk { color: #fff; background-color: #f56c89; }
.ttl-qr .circle-gn { color: #fff; background-color: #43b9ac; }
.ttl-qr .circle-or { color: #fff; background-color: #ff913c; }

.ttl-qr .circle .num {
    font-weight: bold;
    font-size: 35px;
}

.qrBox {
    padding: 28px;
    margin-bottom: 30px;
    border: 2px solid #dbc092;
    border-radius: 10px;
    background-color: #fffcf2;
}

.qrBox-row {
    width: 100%;
}

.qrBox-row .colL {
    float: left;
    width: 47.5%;
}

.qrBox-row .colR {
    float: right;
    width: 47.5%;
}

.table-qr-frame {
    padding: 18px;
    border: 2px solid #ebe4e4;
    border-radius: 5px;
    background-color: #fff;
}

.table-qr {
    width: 100%;
    line-height: 1.25;
    color: #666;
    font-size: 1.6em;
}

.table-qr th,
.table-qr td {
    height: 46px;
    padding-top: 1px;
    padding-bottom: 1px;
    border-bottom: 1px solid #ebe4e4;
}

.table-qr th {
    color: #000;
    font-weight: normal;
    font-size: 1.25em;
    text-align: left;
}

.table-qr .rank1 .col01,
.table-qr .rank1 .col02,
.table-qr .rank2 .col01,
.table-qr .rank3 .col01 {
    font-weight: bold;
    font-size: 1.5em;
}

.table-qr .rank1 .col02,
.table-qr .rank1 .col03 {
    color: #f0a503
}

.table-qr .col03 {
    font-size: 1.5em;
    text-align: right;
}

.table-qr .rank1 .col03 {
    font-size: 2.125em;
}

.table-qr .col01 {
    width: 50px;/* 90px */
    padding-left: 40px;
    white-space: nowrap;
}

.table-qr .rank1 .col01,
.table-qr .rank2 .col01,
.table-qr .rank3 .col01 {
    width: 90px;
    padding-left: 0;
}

.table-qr .icon {
    position: relative;
    display: inline-block;
    padding-left: 40px;
}

.table-qr .icon:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 29px;
    height: 24px;
}

.table-qr .rank1 .icon:before { background: url(/user/themes/common/images/ico_crown_gold.png) no-repeat; }
.table-qr .rank2 .icon:before { background: url(/user/themes/common/images/ico_crown_silver.png) no-repeat; }
.table-qr .rank3 .icon:before { background: url(/user/themes/common/images/ico_crown_bronze.png) no-repeat; }

.qr-graph {
    text-align: center;
}

.qrBox-commentary {
    position: relative;
    margin-top: 50px;
    padding: 22px 22px 0;
    border: 2px solid #dbc092;
    border-radius: 5px;
    background-color: #fff;
}

.qrBox-commentary2016Q2 {
    position: relative;
    margin-top: 50px;
    padding: 22px 22px 0;
    border: 2px solid #dbc092;
    border-radius: 5px;
    background-color: #fff;
}

/*2017 TOP Q1*/
.qrBox-commentaryQ1 {
    position: relative;
    padding: 22px 22px 0;
    border: 2px solid #dbc092;
    border-radius: 5px;
    background-color: #fff;
}

.qrBox-commentary2016 {
    position: relative;
    margin-top: 50px;
    padding: 22px 22px 0;
    border: 2px solid #dbc092;
    border-radius: 5px;
    background-color: #fff;
}

.qrBox-commentary p {
    margin: 0 0 1.57143em;
}

.qrBox-commentary .chaVoice {
    position: absolute;
    margin: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    text-indent: 200%;
    white-space: nowrap;
}

.qrBox-commentary2016 .chaVoice2016 {
    position: absolute;
    margin: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    text-indent: 200%;
    white-space: nowrap;
}

.qrBox-commentary .chaVoice2016 {
    position: absolute;
    margin: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    text-indent: 200%;
    white-space: nowrap;
}
.qrBox-commentary .chaVoice2016_1 {
    position: absolute;
    margin: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    text-indent: 200%;
    white-space: nowrap;
}

.qrBox-commentary2016Q2 .chaVoice2016 {
    position: absolute;
    margin: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    text-indent: 200%;
    white-space: nowrap;
}

.qrBox-commentaryQ1 .chaVoice {
    position: absolute;
    margin: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    text-indent: 200%;
    white-space: nowrap;
}

.nextQuestionBtn {
    line-height: 1;
    margin: 1.875em 0 2.5em;
    font-size: 1.6em;
}

.nextQuestionBtn .btn {
    width: 100%;
    overflow: hidden;
    padding: 24px 210px 21px 30px;
    border-radius: 10px;
    color: #fff;
    background-color: #40bb9f;
    font-weight: normal;
    text-align: left;
    transition: background-color 0.15s;
}
.nextQuestionBtn .btn.orange{
    background-color: #FE8F3D;
}
.no-boxsizing .nextQuestionBtn .btn {
    width: 620px;/* 860px */
}

.nextQuestionBtn .btn:after {
    content: '';
    position: absolute;
    top: 0;
    right: 30px;
    bottom: 0;
    width: 150px;
    height: 150px;
    margin: auto 0;
    background: url(/user/themes/common/images/bg_nq_btn_fairy01.png) no-repeat;
}

.nextQuestionBtn .btn:visited {
    color: #fff;
}

.nextQuestionBtn .btn:hover {
    background-color: #74cfbc;
}
.nextQuestionBtn .btn.orange:hover{
    background-color: #FE8F3D;
    opacity: 0.8;
}

.nextQuestionBtn .font-en01 {
    display: inline-block;
    position: relative;
    margin-bottom: 15px;
    font-size: 1.125em;
}

.nextQuestionBtn .font-en01:after {
    content: '';
    position: relative;
    top: -2px;
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-left: 12px;
    background: url(/user/themes/common/images/arrow10.png) no-repeat -30px 0;
}

.nextQuestionBtn .btnText {
    line-height: 1.375;
}

/* イントロ */
.characterTalkArea-intro .characterTalkBox .cha {
    width: 22%;
}
.characterTalkArea-intro .characterTalkBox .cap {
    width: 78%;
}
.characterTalkArea-intro .characterTalkBox-ol .img-resp {
    margin-top: 30px;
}
.characterTalkArea-intro .characterTalkBox-fairy .img-resp {
    margin-top: 30px;
}

/* Q1 */
.sec-qr-q01 .qrBox-commentary {
    margin-top: -2px;
    padding-left: 45px;
}
.sec-qr-q01 .qrBox-commentaryQ1 .chaVoice {
    top: -80px;
    left: 11px;
    width: 354px;
    height: 275px;
    background-image: url(/user/themes/common/images/2017_q/img_ques_q01.png);
}
.sec-qr-q01 .characterTalkBox-ol .cap {
    padding-top: 3px;
}
.sec-qr-q01 .characterTalkBox-fairy .img-resp {
    margin-top: 8px;
}

/* Q2 */
.sec-qr-q02 .qrBox-commentary {
    margin-top: 80px;
    padding-right: 114px;
}

.sec-qr-q02 .qrBox-commentary2016 {
    margin-top: 80px;
    padding-right: 114px;
}


.sec-qr-q02 .qrBox-commentary .chaVoice {
    top: -80px;
    right: 21px;
    width: 334px;
    height: 288px;
    background-image: url(/user/themes/common/images/2017_q/img_ques_q02.png);
}
.sec-qr-q02 .characterTalkBox-ol .cap {
    padding-top: 2px;
}

/* Q3 */


.sec-qr-q03 .qrBox-row .colL {
    width: 41.25%;
}
.sec-qr-q03 .qrBox-row .colR {
    width: 57.5%;
}
.sec-qr-q03 .table-qr .rank1 .col02 {
    font-size: 1.125em;
}
.sec-qr-q03 .qrBox-commentary {
    margin-top: -5px;
    padding-right: 122px;
}

.sec-qr-q03 .qrBox-commentary2016 {
    margin-top: -5px;
    padding-right: 122px;
}

.sec-qr-q03 .qrBox-commentary .chaVoice {
    top: -120px;
    margin-top: 25px;
    right: 23px;
    width: 335px;
    height: 277px;
    background-image: url(/user/themes/common/images/2017_q/img_ques_q03.png);
}

.sec-sc {
    width: 100%;
    padding-bottom: 1px;
    background: url(/user/themes/common/images/bg_border03.png) repeat-x left bottom;
    margin-bottom: 32px;
    padding-bottom: 32px;
}
.sec-sc:last-child{
    background: none;
    padding-bottom: 0;
}


.scBox h2 {
    background: #6a571c url("/user/themes/common/images/bg_texture03.jpg") repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    font-size: 2em;
    line-height: 1.3;
    margin: 0 0 20px;
    padding: 12px;
    text-align: left;
}

.scBox .cvBtn,
.ccBtn,
.coBtn {
    width: 100%;
}

.scBox .goHpBtn,
.scBox .goDtlBtn {
    position: relative;
    /*float: left;
	width: 450px;*/
    widows: auto;
    margin: 7px 0 0;
    font-size: 1.6em;
}

.scBox .goHpBtn .btn,
.scBox .goDtlBtn .btn {
    display: table;
    width: 100%;
    line-height: 1.33333;
    border-radius: 3px;
}

.no-display-table .scBox .goHpBtn .btn,
.no-display-table .scBox .goDtlBtn .btn {
    display: block;
    width: auto;
    padding: 26px 40px;
}

.scBox .goHpBtn .btn:after,
.scBox .goDtlBtn .btn:after {
    content: '';
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    width: 11px;
    height: 20px;
    margin: auto 0;
    background-image: url(/user/themes/common/images/arrow02.png);
    background-repeat: no-repeat;
}

.scBox .goHpBtn .cell,
.scBox .goDtlBtn .cell {
    display: table-cell;
    height: 70px;
    vertical-align: middle;
    padding: 0 40px;
}

@media screen and (max-width: 640px) {
    .sec-sc {
        padding-bottom: 17px;
        margin-bottom: 17px;
    }
    .scBox .goHpBtn .cell,
    .scBox .goDtlBtn .cell {
        padding-top: 5px;
        padding-bottom: 5px;
    }
}



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

    .homeSelfIntroArea {
        margin-top: 0;
        padding-top: 15px;
        padding-bottom: 5px;
        background-size: auto 216px;
    }

    .homeSelfIntroArea .fixedBox	{
        margin-bottom: 10px;
    }

    .homeSelfIntroArea .contentBox {
        padding: 12px 12px 0;
        border-width: 3px;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    }

    .homeSelfIntroArea .heading {
        line-height: 1.41667;
        margin-bottom: 24px;
        padding-top: 72px;
        background-image: url(/user/themes/common/images/bg_selfi-sp.png);
        background-size: 126px auto;
        font-size: 1.5em;
        text-shadow: 1px 3px 0 #e5e5e5;
    }

    .characterProfArea {
        margin-bottom: 20px;
        padding-bottom: 0;
    }

    .characterProfArea .ttl {
        font-size: 1.6em;
    }

    .characterProfArea .ttl:before {
        margin-top: -15px;
    }

    .characterProfArea .ttl .inner {
        padding: 15px 13px 0;
    }

    .characterProfArea .ttl .font-en01 {
        font-size: 0.625em;
    }

    .characterProfBox {
        width: auto;
        margin-bottom: 20px;
    }

    .characterProfBox .image {
        width: 43.89313%;
        text-align: right;
    }

    .characterProfBox .text {
        float: none;
        width: auto;
    }

    .characterProfBox .data {
        float: left;
        width: 51.66052%;
        line-height: 1.5;
        margin-bottom: 0;
        font-size: 1.4em;
    }

    .characterProfBox .data dt {
        padding: 5px 2px 0;
    }

    .characterProfBox .data dd {
        padding: 0 2px 5px;
    }

    .characterProfBox .cap {
        clear: both;
        padding: 12px 0 0;
        font-size: 1.4em;
    }

    .characterProfBox-ol {
        float: none;
    }

    .characterProfBox-ol .image .img-resp {
        width: 67.3913%;
        max-width: 108px;
        margin-right: 20px;
        margin-left: 0;
    }

    .characterProfBox-ol .data {
        padding-top: 26px;
    }

    .characterProfBox-fairy {
        float: none;
    }

    .characterProfBox-fairy .image .img-resp {
        width: 53.91304%;
        max-width: 87px;
        margin-top: 5px;
        margin-right: 40px;
        margin-left: 0;
    }

    .characterTalkArea {
        width: auto;
    }

    .characterTalkBox {
        margin-bottom: 15px;
    }

    .characterTalkBox .cha {
        width: 85px;
    }

    .characterTalkBox .cha:after {
        border-width: 4px 16px;
        /* margin-top: 10px; */
        margin-bottom: 1px;
    }

    .characterTalkBox .cha:before {
        border-width: 5px 17px;
        /* margin-top: 9px; */
    }

    .characterTalkBox .cap {
        width: 100%;
    }

    .characterTalkBox .cap-inner {
        border-width: 1px;
        padding: 8px 9px 0;
        border-radius: 5px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .characterTalkBox .name {
        margin-bottom: 6px;
        padding: 0 0 3px;
        font-size: 1.4em;
    }

    .characterTalkBox .cap p {
        margin: 0 0 0.66667em;
        font-size: 1.4em;
    }

    .characterTalkBox-multi .cha:after,
    .characterTalkBox-multi .cha:before {
        bottom: 40%;
    }

    .characterTalkBox-multi .cha:after {
        margin-bottom: 1px;
    }

    .characterTalkBox-ol .cha {
        float: left;
    }

    .characterTalkBox-ol .cha:after {
        right: -2px;
    }

    .characterTalkBox-ol .cha:before {
        right: -1px;
    }

    .characterTalkBox-ol .cha .img-resp {
        width: 61px;
        margin-top: 17.64706%;
        margin-left: 4px;
    }

    .characterTalkBox-ol .cap {
        float: right;
        margin-left: -85px;
    }

    .characterTalkBox-ol .cap-inner {
        margin-left: 85px;
    }

    .characterTalkBox-fairy .cha:after {
        left: -2px;
        /* margin-top: 30px; */
    }

    .characterTalkBox-fairy .cha:before {
        left: -1px;
        /* margin-top: 29px; */
    }

    .characterTalkBox-fairy .cha .img-resp {
        width: 67px;
        margin-top: 23.52941%;
        margin-right: 4px;
    }

    .characterTalkBox-fairy .cap {
        margin-right: -85px;
    }

    .characterTalkBox-fairy .cap-inner {
        margin-right: 85px;
    }

    .questResultArea {
        width: auto;
    }

    .questResultTitleBox {
        width: 100%;
        padding: 12px 0 4px;
        margin: 15px 0 10px;
        border-width: 1px;
        border-radius: 3px;
        text-align: left;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-image: url(/user/themes/common/images/bg_ques_title_fairy.png), url(/user/themes/common/images/bg_ques_title_ol.png);
        background-repeat: no-repeat;
        background-position: left bottom, right bottom;
        background-size: 37px 144px, auto 153px;
    }

    .questResultTitleBox:before,
    .questResultTitleBox:after {
        content: none;
    }

    .questResultTitleBox .ttl {
        color: #6a571c;
        font-size: 1.8em;
        text-align: center;
    }

    .questResultTitleBox .lead {
        line-height: 1.41667;
        padding: 0 44px;
        font-weight: normal;
        font-size: 1.4em;
    }

    .questResultTitleBox .lead small {
        display: block;
        margin-top: 0.88889em;
        font-size: 0.78571em;
        text-align: center;
    }

    .sec-qr {
        padding-bottom: 5px;
        border-bottom: 1px solid #e9e9e9;
        background: none;
    }

    .sec-qr-noBorder {
        border-bottom: none;
    }

    .ttl-qr {
        margin: 1em 0 0.66667em;
        line-height: 1.2;
        font-size: 1.8em;
    }

    .ttl-qr .qNum {
        width: 69px;
        height: 60px;
        vertical-align: top;
    }

    .ttl-qr .circle {
        display: block;
        width: 60px;
        height: 51px;
        line-height: 21px;
        padding-top: 9px;
        border-radius: 60px;
        font-size: 11px;
    }

    .ttl-qr .circle .num {
        font-size: 28px;
    }

    .qrBox {
        padding: 14px;
        margin-bottom: 15px;
        border-width: 1px;
        border-radius: 5px;
    }

    .qrBox-row .colL {
        float: none;
        width: auto;
    }

    .qrBox-row .colR {
        float: none;
        width: auto;
    }

    .table-qr-frame {
        padding: 9px;
        border-width: 1px;
        border-radius: 3px;
    }

    .table-qr {
        line-height: 1.33333;
        font-size: 1.2em;
    }

    .table-qr th,
    .table-qr td {
        height: 22px;
    }

    .table-qr th {
        font-size: 1em;
    }

    .table-qr .rank1 .col01,
    .table-qr .rank1 .col02,
    .table-qr .rank2 .col01,
    .table-qr .rank3 .col01 {
        font-size: 1em;
    }

    .table-qr .col03 {
        font-size: 1em;
    }

    .table-qr .rank1 .col03 {
        font-size: 1.33333em;
    }

    .table-qr .col01 {
        width: 26px;/* 46px */
        padding-left: 20px;
    }

    .table-qr .rank1 .col01,
    .table-qr .rank2 .col01,
    .table-qr .rank3 .col01 {
        width: 46px;
    }

    .table-qr .icon {
        padding-left: 20px;
    }

    .table-qr .icon:before {
        content: '';
        position: absolute;
        top: 2px;
        left: 0;
        width: 15px;
        height: 12px;
    }

    .table-qr .rank1 .icon:before,
    .table-qr .rank2 .icon:before,
    .table-qr .rank3 .icon:before {
        background-size: auto 12px;
    }

    .qr-graph {
        margin-bottom: 12px;
    }

    .qrBox-commentary {
        position: relative;
        margin-top: 51px;
        padding: 55px 12px 0;
        border-width: 1px;
        border-radius: 3px;
    }

    .qrBox-commentaryQ1 {
        position: relative;
        margin-top: 51px;
        padding: 55px 12px 0;
        border-width: 1px;
        border-radius: 3px;
    }


    .qrBox-commentary2016 {
        position: relative;
        margin-top: 45px;
        padding: 55px 12px 0;
        border-width: 1px;
        border-radius: 3px;
    }


    .qrBox-commentary p {
        margin: 0 0 0.85714em;
        font-size: 1.4em;
    }

    .qrBox-commentary .chaVoice {
        background-position: 0 -150px;
        background-size: 240px 250px;
    }

    .qrBox-commentary2016 .chaVoice2016 {
        background-position: 0 -150px;
        background-size: 240px 250px;
    }
    .qrBox-commentary .chaVoice2016 {
        background-position: 0 -150px;
        background-size: 240px 250px;
    }

    .qrBox-commentary2016Q2 .chaVoice2016 {
        background-position: 0 -150px;
        background-size: 240px 250px;
    }
    .qrBox-commentary .chaVoice2016_1 {
        background-position: 0 -150px;
        background-size: 240px 250px;
    }

    .qrBox-commentaryQ1 .chaVoice {
        background-position: 0 -150px;
        background-size: 240px 250px;
    }


    .nextQuestionBtn {
        margin: 1.66667em 0 1em;
        font-size: 1.4em;
    }

    .nextQuestionBtn .btn {
        padding: 13px 90px 10px 10px;
        border-radius: 5px;
    }

    .nextQuestionBtn .btn:after {
        right: 10px;
        width: 75px;
        height: 75px;
        background-size: 75px 75px;
    }

    .nextQuestionBtn .font-en01 {
        margin-bottom: 6px;
        font-size: 1.25em;
    }

    .nextQuestionBtn .font-en01:after {
        width: 13px;
        height: 13px;
        margin-left: 6px;
        background-position: 0 0;
        background-size: 25px 15px;
    }

    .nextQuestionBtn .btnText {
        line-height: 1.33333;
    }

    /* イントロ */
    .characterTalkArea-intro .characterTalkBox .cha {
        width: 85px;
    }
    .characterTalkArea-intro .characterTalkBox .cap {
        width: 100%;
    }
    .characterTalkArea-intro .characterTalkBox-ol .img-resp {
        margin-top: 17.64706%;
    }
    .characterTalkArea-intro .characterTalkBox-fairy .img-resp {
        margin-top: 23.52941%;
    }

    /* Q1 */
    .sec-qr-q01 .qrBox-commentary {
        margin-top: 45px;
        padding-left: 12px;
    }
    .sec-qr-q01 .qrBox-commentary .chaVoice {
        top: -41px;
        left: -1px;
        width: 240px;
        height: 96px;
    }

    .sec-qr-q01 .qrBox-commentaryQ1 .chaVoice {
        top: -41px;
        left: -1px;
        width: 240px;
        height: 96px;
        background-image: url(/user/themes/common/images/2017_q/img_ques_q01.png);
    }

    .sec-qr-q01 .characterTalkBox-ol .cap {
        padding-top: 0;
    }
    .sec-qr-q01 .characterTalkBox-fairy .img-resp {
        margin-top: 23.52941%;
    }





    /* Q2 */
    .sec-qr-q02 .qrBox-commentary {
        margin-top: 35px;
        padding-right: 12px;
    }

    .sec-qr-q02 .qrBox-commentary2016 {
        margin-top: 35px;
        padding-right: 12px;
    }

    .sec-qr-q02 .qrBox-commentary .chaVoice {
        top: -50px;
        right: 7px;
        width: 240px;
        height: 132px;
    }
    .sec-qr-q02 .characterTalkBox-ol .cap {
        padding-top: 0;
    }

    /* Q3 */
    .sec-qr-q03 .qrBox-row .colL {
        width: auto;
    }
    .sec-qr-q03 .qrBox-row .colR {
        width: auto;
    }
    .sec-qr-q03 .table-qr .rank1 .col02 {
        font-size: 1em;
    }
    .sec-qr-q03 .qrBox-commentary {
        margin-top: 55px;
        padding-right: 12px;
    }

    .sec-qr-q03 .qrBox-commentary2016 {
        margin-top: 55px;
        padding-right: 12px;
    }
    .sec-qr-q03 .qrBox-commentary .chaVoice {
        top: -72px;
        right: auto;
        left: -6px;
        width: 240px;
        height: 96px;
    }
}

/* ランキング
------------------------- */

.homeRankingArea {
    width: 100%;
    padding-top: 49px;
    /*padding-bottom: 0;*/
    /*padding-bottom: 90px;*/
    padding-bottom: 40px;
    background-color: #ededed;
    background-image: url(/user/themes/common/images/bg_texture02.jpg);
}

.homeRankingArea .heading {
    position: relative;
    width: 813px;
    margin: 0 auto 30px;
}

.homeRankingArea .heading:before {
    content: '';
    display: block;
    padding-top: 35.79336%;
}

.no-bgsizecover .homeRankingArea .heading:before {
    content: none;
}

.homeRankingArea .heading-text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(/user/themes/common/images/ttl_ranking-pc.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.no-bgsizecover .homeRankingArea .heading-text {
    display: block;
    position: static;
    width: 100%;
    height: 291px;
}

.homeRankingArea .lead {
    line-height: 1.8;
    margin: 0 0 1em;
    color: #54450a;
    font-size: 1.5em;
    text-align: center;
}

.homeRankingArea .surveyYear {
    /*margin: 0 auto 26px;*/
    margin: 0 auto;
    color: #5e5028;
    font-size: 1.4em;
    text-align: right;
}
.homeRankingArea .rankCap{
    margin: 0 auto 26px;
    color: #5e5028;
    font-size: 1.4em;
    text-align: right;
}

.rankingJumpList {
    position: relative;
    z-index: 1;
    width: 590px;
    overflow: hidden;
    margin: 0 auto 17px;
    padding: 0;
    list-style-type: none;
    font-size: 2.2em;
}

.rankingJumpList li {
    float: left;
    width: 190px;
}

.rankingJumpList .rank1-3,
.rankingJumpList .rank4-6 {
    margin-right: 10px;
}

.rankingJumpList .btn {
    display: block;
    position: relative;
    width: 100%;
    padding: 12px 0;
    text-align: center;
    border-radius: 46px;
}

.rankingJumpList .btn:after {
    content: '';
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    width: 16px;
    height: 10px;
    margin: auto 0;
    background-image: url(/user/themes/common/images/arrow07.png);
    background-repeat: no-repeat;
}

.lowRankWap {
    position: relative;
    height: 174px;
    overflow: hidden;
}

.lowRankWap:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: url(/user/themes/common/images/bg_ranking_mask-pc.png) no-repeat center bottom;
}

.js-lowRankWap-open:after {
    content: none;
}

.js-lowRankWap-open .moreRankingBtn {
    display: none;
}

.moreRankingBtn {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    margin: 0;
    font-size: 1.8em;
    text-align: center;
}

.moreRankingBtn:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px;
    margin-top: -1px;
    border-top: 1px solid #04d5c5;
}

.moreRankingBtn .btn {
    width: 598px;
    padding: 25px 0;
    border: 1px solid #3abda5;
    border-radius: 70px;
    color: #20b499;
    background-color: #fff;
    transition: background-color 0.15s;
}

.moreRankingBtn .btn:before,
.moreRankingBtn .btn:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 20px;
    height: 11px;
    margin: auto 0;
    background-image: url(/user/themes/common/images/arrow09.png);
    background-repeat: no-repeat;
}

.moreRankingBtn .btn:before {
    left: 24px;
}

.moreRankingBtn .btn:after {
    right: 24px;
}

.moreRankingBtn .btn:visited {
    color: #20b499;
}

.moreRankingBtn .btn:hover {
    color: #fff;
    background-color: #3abda5;
}

.moreRankingBtn .btn:hover:before,
.moreRankingBtn .btn:hover:after {
    background-position: 0 -20px;
}

.moreSalonBtn {
    margin: 0;
    font-size: 1.8em;
    text-align: center;
}

.moreSalonBtn .btn {
    width: 596px;
    padding: 25px 0;
    border: 2px solid #3abda5;
    border-radius: 70px;
    color: #3abda5;
    background-color: #fff;
    transition: background-color 0.15s;
}

.moreSalonBtn .btn:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 26px;
    width: 12px;
    height: 20px;
    margin: auto 0;
    background-image: url(/user/themes/common/images/arrow13.png);
    background-repeat: no-repeat;
    background-size: auto 20px;
}

.no-backgroundsize .moreSalonBtn .btn:after {
    width: 15px;
    height: 26px;
}

.moreSalonBtn .btn:visited {
    color: #3abda5;
}

.moreSalonBtn .btn:hover {
    color: #fff;
    background-color: #3abda5;
}

.moreSalonBtn .btn:hover:after {
    background-position: right top;
}

.no-backgroundsize .moreSalonBtn .btn:hover:after {
    background-position: right top;
}

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

    .homeRankingArea {
        /*padding-top: 18px;
		padding-bottom: 5px;
		padding-bottom: 80px;
		padding-top: 40px;*/
        padding-top: 0;
        padding-bottom: 40px;
        background-color: #f4f4f4;
        background-size: 113px 113px;
    }

    .homeRankingArea .fixedBox {
        margin-bottom: 20px;
    }

    .homeRankingArea .heading {
        width: 95.66667%;
        max-width: 574px;
        margin-bottom: 10px;
    }

    .homeRankingArea .heading:before {
        padding-top: 32.22997%;
    }

    .homeRankingArea .heading-text {
        background-image: url(/user/themes/common/images/ttl_ranking-sp.png);
    }

    .no-bgsizecover .homeRankingArea .heading-text {
        height: 92.5px;
    }

    .homeRankingArea .lead {
        line-height: 1.6;
        color: #544509;
        font-size: 1.4em;
    }

    .homeRankingArea .surveyYear {
        width: auto;
        /*margin: 0.77778em 0 0.66667em;*/
        margin: 0.77778em 0 0;
        font-size: 1.2em;
    }

    .homeRankingArea .rankCap {
        width: auto;
        /*margin: 0.77778em 0 0.66667em;*/
        margin: 0 0 0.66667em;
        font-size: 1.2em;
    }

    .rankingJumpList {
        width: auto;
        margin: 0 0 0.58333em;
        font-weight: bold;
        font-size: 1.2em;
    }

    .rankingJumpList li {
        float: none;
        width: auto;
        margin-bottom: 5px;
    }

    .rankingJumpList .rank1-3,
    .rankingJumpList .rank4-6 {
        margin-right: 0;
    }

    .rankingJumpList .btn {
        width: 100%;
        padding: 9px 0;
        border-radius: 30px;
    }

    .rankingJumpList .btn:after {
        right: 10px;
        width: 8px;
        height: 5px;
        background-size: 8px 5px;
    }

    .lowRankWap {
        height: 90px;
        margin-bottom: 20px;
    }

    .lowRankWap:after {
        background: url(/user/themes/common/images/bg_ranking_mask-sp.png) no-repeat center bottom;
        background-size: 100% 100%
    }

    .js-lowRankWap-open {
        margin-bottom: 0;
    }

    .moreRankingBtn {
        font-size: 1.2em;
    }

    .moreRankingBtn:before {
        content: none;
    }

    .moreRankingBtn .btn {
        width: 100%;
        padding: 13px 0;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .moreRankingBtn .btn:before,
    .moreRankingBtn .btn:after {
        width: 10px;
        height: 6px;
        background-size: 10px auto;
    }

    .moreRankingBtn .btn:before {
        left: 12px;
    }

    .moreRankingBtn .btn:after {
        right: 12px;
    }

    .moreRankingBtn .btn:hover:before,
    .moreRankingBtn .btn:hover:after {
        background-position: 0 -10px;
    }

    .moreSalonBtn {
        line-height: 1;
        font-size: 1.5em;
        padding: 0 10px;
    }

    .moreSalonBtn .btn {
        width: 100%;
        padding: 16px 10;
        border-width: 1px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .moreSalonBtn .btn:after {
        right: 14px;
        width: 9px;
        height: 15px;
        background-size: 19px 15px;
    }
}


/* pickup
------------------------- */

#pickup{
    padding-top: 76px;
    margin-top: -76px;
}
.homePickupArea {
    width: 100%;
    padding-top: 49px;
    /*padding-bottom: 0;*/
    /*padding-bottom: 90px;*/
    padding-bottom: 40px;
    background-color: #ededed;
    background-image: url(/user/themes/common/images/bg_texture02.jpg);
}
.homePickupArea .heading {
    position: relative;
    width: 813px;
    margin: 0 auto 30px;
}

.homePickupArea .heading:before {
    content: '';
    display: block;
    padding-top: 35.79336%;
}

.no-bgsizecover .homePickupArea .heading:before {
    content: none;
}

.homePickupArea .heading-text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url("/user/themes/common/images/ttl_pickup-pc.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    text-indent: -9999px;
}

.no-bgsizecover .homePickupArea .heading-text {
    display: block;
    position: static;
    width: 100%;
    height: 291px;
}

.homePickupArea .lead {
    line-height: 1.8;
    margin: 0 0 32px;
    color: #54450a;
    font-size: 1.5em;
    text-align: center;
}
.homePickupArea article{
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}

.homePickupArea .nameBox{
    display: flex;
    margin-bottom: 25px;
    align-items: center;
}
.homePickupArea .nameBox .logo{
    width: 150px;
    padding-right: 14px;
}
.homePickupArea .nameBox .logo img{
    width: 100%;
}
.homePickupArea .nameBox .name {
    margin: 0;
    padding-left: 14px;
    font-weight: normal;
    font-size: 3em;
}

.homePickupArea .pickupImgArea{
    margin-bottom: 32px;
}

.homePickupArea .characterTalkArea{
    width: 100%;
}

.homePickupArea .characterTalkBox{
    margin-bottom: 32px;
}

.homePickupArea .salonSmyBox .cvBtn,
.homePickupArea .salonSmyBox .goHpBtn{
    margin: 0;
}


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

    #pickup{
        padding-top: 86px;
        margin-top: -106px;
    }

    .homePickupArea {
        padding-top: 0;
        padding-bottom: 40px;
        background-color: #f4f4f4;
        background-size: 113px 113px;
    }

    .homePickupArea .fixedBox {
        margin-bottom: 20px;
    }

    .homePickupArea .heading {
        width: 95.66667%;
        max-width: 574px;
        margin-bottom: 10px;
    }

    .homePickupArea .heading:before {
        padding-top: 32.22997%;
    }

    .homePickupArea .heading-text {
        background-image: url("/user/themes/common/images/ttl_pickup-sp.png");
    }

    .no-bgsizecover .homePickupArea .heading-text {
        height: 92.5px;
    }

    .homePickupArea .lead {
        line-height: 1.6;
        color: #544509;
        font-size: 1.4em;
        margin-bottom: 10px;
    }
    .homePickupArea .salonSmyBox .innerBox{
        padding-bottom: 17px;
    }
    .homePickupArea .nameBox{
        margin-bottom: 10px;
    }
    .homePickupArea .nameBox .logo{
        width: 100px;
        padding-right: 6px;
    }
    .homePickupArea .nameBox .name {
        /*padding-left: 6px;*/
        font-size: 1.8em;
    }
    .homePickupArea .pickupImgArea{
        margin-bottom: 10px;
    }
    .homePickupArea .characterTalkBox {
        margin-bottom: 17px;
    }
    .homePickupArea .salonSmyBox .cvBtn,
    .homePickupArea .salonSmyBox .goHpBtn {
        padding: 0;
    }
}

/* About
------------------------- */

.homeAboutArea {
    width: 100%;
    padding-top: 74px;
    padding-bottom: 74px;
    background-color: #f8f8f8;
    background-image: url(/user/themes/common/images/bg_texture05-pc.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

#topChoice .homeAboutArea{
    padding-top: 40px;
    padding-bottom: 40px;
}

.homeAboutArea .heading {
    line-height: 1.35;
    margin: 0 0 0.85em;
    color: #604b0d;
    font-weight: bold;
    font-size: 4em;
    text-align: center;
}

.homeAboutArea .heading .logo {
    display: block;
    width: 371px;
    height: 102px;
    margin: 0 auto;
    background-image: url(/user/themes/common/images/img_site_logo2.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 371px auto;
}

.no-backgroundsize .homeAboutArea .heading .logo {
    width: 386px;
}

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

.aboutTextBox .shadowBox {
    position: absolute;
    bottom: -26px;
    left: 0;
    z-index: 0;
    width: 1000px;
    height: 90px;
    background: url(/user/themes/common/images/bg_box_shadow-pc.png) no-repeat;
}

.aboutTextBox .innerBox {
    position: relative;
    width: 920px;
    padding: 32px 40px 2px;
    border-radius: 10px;
    background-color: #fff;
}

.aboutTextBox p {
    line-height: 2.14286;
    margin-top: 0;
    margin-bottom: 2.14286em;
}

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

    #topChoice .homeAboutArea {
        padding-top: 40px;
        padding-bottom: 40px;
        background-image: url(/user/themes/common/images/bg_texture05-sp.jpg);
    }

    .homeAboutArea .heading {
        margin: 0 0 0.65em;
        font-size: 2em;
    }

    .homeAboutArea .heading .logo {
        width: 193px;
        height: 51px;
        background-size: 193px auto;
    }

    .aboutTextBox .shadowBox {
        bottom: -13px;
        z-index: auto;
        width: 100%;
        height: 15px;
        background: url(/user/themes/common/images/bg_box_shadow-sp.png) no-repeat left bottom;
        background-size: 100% 15px;
    }

    .aboutTextBox .innerBox {
        z-index: 0;
        width: auto;
        overflow: hidden;
        padding: 15px 15px 0;
        border: 1px solid #e6e6e6;
        border-radius: 5px;
    }

    .aboutTextBox p {
        line-height: 1.5;
        margin-top: 0;
        margin-bottom: 1.5em;
        font-size: 1.4em;
    }

    .aboutTextBox p:last-child {
        margin-bottom: 1.25em;
    }
}



/* 漫画入り口
------------------------- */
.homeMangaArea {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #fff;
}

.mangaBanner {
    position: relative;
    width: 1000px;
    margin: 0 auto;

}

.mangaBanner .link-block {
    display: block;
    overflow: hidden;
    text-decoration: none;
    cursor: pointer;
}

.mangaBanner .box {
    height: 220px;
    background: url(/user/themes/common/images/manga/img_manga_top.png) no-repeat center top;
}

@media screen and (max-width: 640px) {
    .mangaBanner{
        width: 100%;
    }
    .mangaBanner .box {
        background-image: url(/user/themes/common/images/manga/img_manga_main-sp.png);
        background-size: cover;
        background-position: left top;
    }
}

.mangaBanner .heading {
    position: absolute;
    width: 100%;
    overflow: hidden;
    margin: 0;
    text-indent: 100%;
    white-space: nowrap;
}

.mangaBanner .goMangaBtn {
    position: absolute;
    top: 77px;
    right: 74px;
    width: 230px;
    line-height: 1;
    margin: 0;
    font-size: 2em;
}

@media screen and (max-width: 640px) {
    .mangaBanner .goMangaBtn {
        top: auto;
        bottom: 15px;
        right: 2%;
        width: 50%;
        max-width: 200px;
        margin: 0;
        font-size: 1.8em;
    }
}
.mangaBanner .btn {
    width: 100%;
    padding: 23px 0;
    border-radius: 5px;
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.07)), color-stop(49%, rgba(255, 255, 255, 0.07)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
    /* Chrome,Safari4+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.07) 49%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.07) 49%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
    /* W3C */
    background-color: #fb5091;
    text-indent: -1em;
    box-shadow: 0 3px 0 0 #c63d74;
    transition: background-color 0.15s, box-shadow 0.15s;
}
@media screen and (max-width: 640px) {
    .mangaBanner .btn {
        padding: 15px 0;
    }
}
.mangaBanner .btn:after {
    content: '';
    position: absolute;
    top: 0;
    right: 30px;
    bottom: 0;
    width: 11px;
    height: 20px;
    margin: auto 0;
    background-image: url(/user/themes/common/images/arrow02.png);
    background-repeat: no-repeat;
}
@media screen and (max-width: 640px) {
    /*.mangaBanner .btn:after {
		width: 8px;
		height: 16px;
		background-size: contain;
	}*/
}
.mangaBanner .link-block:hover .btn {
    background-color: #fd96bd;
    box-shadow: 0 3px 0 0 #dd8bac;
}



/* --------------------------------------------------

サロン情報

-------------------------------------------------- */

/* 共通
------------------------- */

.salonNameRow {
    width: 100%;
    overflow: hidden;
    margin-bottom: 25px;
}

.salonNameRow a {
    text-decoration: none;
}

.salonNameRow a:hover .name {
    text-decoration: underline;
}

.salonNameRow .nameBox {
    display: table;
    float: left;
    /*width: 480px;*/
    overflow: hidden;
}
.salonNameRow .nameBox.long {
    width: 600px;
}

.salonNameRow .nameBox .logo,
.salonNameRow .nameBox .name {
    display: table-cell;
    vertical-align: middle;
}

.no-display-table .salonNameRow .nameBox .logo,
.no-display-table .salonNameRow .nameBox .name {
    float: left;
}

.salonNameRow .nameBox .logo {
    width: 110px;
}

.no-display-table .salonNameRow .nameBox .logo {
    width: auto;
}

.salonNameRow .nameBox .name {
    margin: 0;
    padding-left: 14px;
    font-weight: normal;
    font-size: 3em;
}

.salonNameRow .iconList {
    float: right;
    /* width: 423px; */
    height: 30px;
}

.salonPointBox {
    position: relative;
    display: table;
    width: 100%;
    margin-bottom: 20px;
    background: #f5db00 url(/user/themes/common/images/bg_texture04.png);
}

.salonPointBox:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 920px;
    height: 183px;
    background-image: url(/user/themes/common/images/bg_salon_point-pc.png);
    background-repeat: no-repeat;
}

.salonPointBox p {
    position: relative;
    display: table-cell;
    height: 65px;
    line-height: 1.41667;
    vertical-align: middle;
    margin: 0;
    padding: 96px 26px 16px;
    color: #615421;
    font-size: 2.4em;
    text-align: center;
}

.no-display-table .salonPointBox p {
    height: auto;
}

.salonImageBox {
    margin-bottom: 10px;
    border: 2px solid #d8d8d8;
    text-align: center;
}

.officialLink {
    margin-bottom: 10px;
    text-align: right;
}

.officialLink a {
    text-decoration: underline;
    color: #00f;
    font-size: 1.4em;
}

.salonDataRow {
    width: 100%;
    overflow: hidden;
    margin-bottom: 25px;
}

.salonDataRow .salonFeatureList {
    float: left;
    width: 462px;
}

.salonDataRow .salonFeatureList li {
    width: 400px;
}

.salonDataRow .data-salonInfo {
    float: right;
    width: 424px;
}

.salonFeatureList {
    line-height: 1.28571;
    margin: 0;
    padding: 0;
    list-style-type: none;
    border: 2px solid #90741b;
    border-radius: 5px;
    background-color: #fffdee;
    font-size: 1.4em;
}

.salonFeatureList li {
    position: relative;
    padding: 20px 16px 20px 46px;
    border-top: 1px solid #e6e4d8;
}

.salonFeatureList li:first-child {
    border-top: none;
}

.salonFeatureList .num {
    position: absolute;
    top: 14px;
    left: 16px;
    color: #90741b;
    font-style: italic;
    font-size: 24px;
}

.data-salonInfo {
    line-height: 1.28571;
    font-size: 1.4em;
}

.data-salonInfo th,
.data-salonInfo td {
    padding: 20px;
}

.data-salonInfo th {
    width: 70px;
    text-align: left;
    vertical-align: top;
}

.salonDescBox {
    margin-bottom: 25px;
}

.salonDescBox p {
    line-height: 2;
    font-size: 1.4em;
}

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

    .salonNameRow {
        width: auto;
        overflow: visible;
        margin-bottom: 0;
    }

    .salonNameRow .tableBox {
        width: 100%;
        display: table;
    }

    .salonNameRow .tableBox .cellBox {
        display: table-cell;
        vertical-align: middle;
    }

    .salonNameRow .tableBox .cellBoxR {
        display: table-cell;
        vertical-align: middle;
        text-align: right;
        font-size: 1.8em;
    }

    .salonNameRow .nameBox,
    .salonNameRow .nameBox.long {
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }

    .salonNameRow .nameBox .logo {
        width: 55px;
    }

    .salonNameRow .nameBox .logo img {
        width: auto;
        max-width: 80px;
        max-height: 45px;
    }

    .salonNameRow .nameBox .name {
        padding-left: 6px;
        font-size: 1.8em;
    }

    .salonNameRow .iconList {
        float: none;
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .salonPointBox {
        display: block;
        margin-bottom: 15px;
        background-size: auto 216px;
    }

    .salonPointBox:before {
        width: 100%;
        height: auto;
        padding-top: 27.03704%;
        background-image: url(/user/themes/common/images/bg_salon_point-sp.png);
        background-size: 100% auto;
    }

    .salonPointBox p {
        display: block;
        height: auto;
        line-height: 1.33333;
        padding: 27.03704% 12px 10px;
        font-size: 1.8em;
        text-align: left;
    }

    .salonImageBox {
        margin-bottom: 10px;
        border: 1px solid #e8e8e8;
    }

    .salonDataRow {
        width: auto;
        overflow: visible;
        margin-bottom: 0;
    }

    .salonDataRow .salonFeatureList {
        float: none;
        width: auto;
    }

    .salonDataRow .salonFeatureList li {
        width: auto;
    }

    .salonDataRow .data-salonInfo {
        float: none;
        width: 100%;
    }

    .salonFeatureList {
        line-height: 1.4;
        margin-bottom: 10px;
        border-width: 1px;
        border-radius: 3px;
        font-size: 1.4em;
    }

    .salonFeatureList li {
        padding: 8px 8px 8px 24px;
    }

    .salonFeatureList .num {
        top: 6px;
        left: 7px;
        font-size: 16px;
    }

    .data-salonInfo {
        width: 100%;
        line-height: 1.4;
        margin-bottom: 10px;
        font-size: 1.4em;
    }

    .data-salonInfo th,
    .data-salonInfo td {
        padding: 8px 10px;
    }

    .data-salonInfo th {
        width: 60px;
    }

    .salonDescBox {
        margin-bottom: 0;
    }

    .salonDescBox p {
        line-height: 1.6;
        font-size: 1.4em;
    }
}

/* サマリー
------------------------- */

.salonSmyBox {
    position: relative;
    z-index: 1;
    width: 100%;
    margin-bottom: 50px;
}
.salonSmyBox:last-child{
    margin-bottom: 0;
}

.salonSmyBox-rank1,
.salonSmyBox-rank2,
.salonSmyBox-rank3,
.salonSmyBox-rank4,
.salonSmyBox-rank5,
.salonSmyBox-rank6,
.salonSmyBox-rank7,
.salonSmyBox-rank8,
.salonSmyBox-rank9,
.salonSmyBox-rank10,
.salonSmyBox-rank11,
.salonSmyBox-rank12,
.salonSmyBox-rank13,
.salonSmyBox-rank14,
.salonSmyBox-rank15,
.salonSmyBox-rank16,
.salonSmyBox-rank17,
.salonSmyBox-rank18,
.salonSmyBox-rank19,
.salonSmyBox-rank20,
.salonSmyBox-rank0 {
    margin-bottom:0 !important;
}

.sec-spAnchor {
    z-index: 0;
    margin-top: -80px;
    padding-top: 80px;
}

.salonSmyBox .headerBar {
    position: relative;
    z-index: 1;
    height: 80px;
    padding-left: 104px;
    color: #fff;
    background-color: #bab380;
    background-image: url(/user/themes/common/images/bg_rank_other.png);
    background-repeat: no-repeat;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px 10px 0 0;
}

.salonSmyBox .rank {
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
    line-height: 1;
    padding: 19px 0;
    font-style: italic;
    font-size: 4.2em;
    text-align: center;
}

.salonSmyBox .statusBox {
    position: relative;
    top: 19px;
    display: inline;
    float: left;
    width: 48px;
    height: 44px;
    overflow: hidden;
    margin: 0 8px 0 10px;
    background-repeat: no-repeat;
    text-indent: 100%;
    white-space: nowrap;
}

.salonSmyBox .status-stay {
    background-image: url(/user/themes/common/images/ico_status_stay.png);
}

.salonSmyBox .status-new {
    background-image: url(/user/themes/common/images/ico_status_new.png);
}

.salonSmyBox .status-up {
    background-image: url(/user/themes/common/images/ico_status_up.png);
}

.salonSmyBox .status-down {
    background-image: url(/user/themes/common/images/ico_status_down.png);
}

.salonSmyBox .pointBox {
    float: left;
    line-height: 1;
    margin: 0 16px 0 0;
    padding-top: 15px;
    font-size: 48px;
}

.salonSmyBox .pointBox small {
    font-size: 24px;
}

.salonSmyBox .reviewsCount {
    font-size: 32px;
    float: right;
    line-height: 2;
}

.salonSmyBox .starBox {
    position: relative;
    top: 20px;
    float: left;
    height: 46px;
}

.salonSmyBox .starBase {
    margin: 0;
}

.salonSmyBox .shadowBox {
    position: absolute;
    bottom: -26px;
    left: 0;
    width: 1000px;
    height: 90px;
    background: url(/user/themes/common/images/bg_box_shadow-pc.png) no-repeat;
}

.salonSmyBox .innerBox {
    position: relative;
    z-index: 0;
    width: 920px;
    border: 1px solid #e6e6e6;
    border-top: none;
    padding: 30px 39px 53px;
    background-color: #fff;
    border-radius: 0 0 10px 10px;
}

.salonSmyBox .cvBtn,
.ccBtn,
.coBtn {
    width: 100%;
}

.salonSmyBox .goHpBtn,
.salonSmyBox .goDtlBtn {
    position: relative;
    /*float: left;
	width: 450px;*/
    widows: auto;
    margin: 7px 0 40px;
    font-size: 1.8em;
}

.salonSmyBox .goHpBtn .btn,
.salonSmyBox .goDtlBtn .btn {
    display: table;
    width: 100%;
    line-height: 1.33333;
    border-radius: 3px;
}

.no-display-table .salonSmyBox .goHpBtn .btn,
.no-display-table .salonSmyBox .goDtlBtn .btn {
    display: block;
    width: auto;
    padding: 26px 40px;
}

.salonSmyBox .goHpBtn .btn:after,
.salonSmyBox .goDtlBtn .btn:after {
    content: '';
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    width: 11px;
    height: 20px;
    margin: auto 0;
    background-image: url(/user/themes/common/images/arrow02.png);
    background-repeat: no-repeat;
}

.salonSmyBox .goHpBtn .cell,
.salonSmyBox .goDtlBtn .cell {
    display: table-cell;
    height: 70px;
    vertical-align: middle;
    padding: 0 40px;
}

.no-display-table .salonSmyBox .goHpBtn .cell,
.no-display-table .salonSmyBox .goDtlBtn .cell {
    display: inline;
    height: auto;
    padding: 0;
}

/*.salonSmyBox .goHpBtn {
	float: left;
}

.salonSmyBox .goDtlBtn {
	float: right;
}*/

.salonSmyBox .kuchikomiArea {
    padding-top: 0;
}

.salonSmyBox-rank1 .headerBar {
    background-color: #bfa614;
    background-image: none;
}

.salonSmyBox-rank1 .rank {
    top: -31px;
    left: -36px;
    width: 140px;
    height: 96px;
    line-height: 1;
    padding: 44px 0 0;
    color: #9c6204;
    background-image: url(/user/themes/common/images/bg_rank_01.png);
    background-repeat: no-repeat;
    font-size: 6.4em;
}

.salonSmyBox-rank2 .headerBar {
    background-color: #898989;
    background-image: none;
}

.salonSmyBox-rank2 .rank {
    top: -31px;
    left: -36px;
    width: 140px;
    height: 96px;
    line-height: 1;
    padding: 44px 0 0;
    color: #8b8b8b;
    background-image: url(/user/themes/common/images/bg_rank_02.png);
    background-repeat: no-repeat;
    font-size: 6.4em;
}

.salonSmyBox-rank3 .headerBar {
    background-color: #b45023;
    background-image: none;
}

.salonSmyBox-rank3 .rank {
    top: -31px;
    left: -36px;
    width: 140px;
    height: 96px;
    line-height: 1;
    padding: 44px 0 0;
    color: #953f11;
    background-image: url(/user/themes/common/images/bg_rank_03.png);
    background-repeat: no-repeat;
    font-size: 6.4em;
}

.salonSmyBox-rank4 .headerBar {
    background-color: #860453;
    background-image: none;
}

.salonSmyBox-rank4 .rank {
    top: -31px;
    left: -36px;
    width: 140px;
    height: 96px;
    line-height: 1;
    padding: 44px 0 0;
    color: #860453;
    background-image: url(/user/themes/common/images/bg_rank_04.png);
    background-repeat: no-repeat;
    font-size: 6.4em;
}

.salonSmyBox-rank5 .headerBar {
    background-color: #85030F;
    background-image: none;
}

.salonSmyBox-rank5 .rank {
    top: -31px;
    left: -36px;
    width: 140px;
    height: 96px;
    line-height: 1;
    padding: 44px 0 0;
    color: #85030F;
    background-image: url(/user/themes/common/images/bg_rank_05.png);
    background-repeat: no-repeat;
    font-size: 6.4em;
}

.salonSmyBox-rank6 .headerBar {
    background-color: #b45023;
    background-image: none;
}

.salonSmyBox-rank6 .rank {
    top: -31px;
    left: -36px;
    width: 140px;
    height: 96px;
    line-height: 1;
    padding: 44px 0 0;
    color: #953f11;
    background-image: url(/user/themes/common/images/bg_rank_06.png);
    background-repeat: no-repeat;
    font-size: 6.4em;
}

.salonSmyBox-rank7 .headerBar {
    background-color: #2E8604;
    background-image: none;
}

.salonSmyBox-rank7 .rank {
    top: -31px;
    left: -36px;
    width: 140px;
    height: 96px;
    line-height: 1;
    padding: 44px 0 0;
    color: #2E8604;
    background-image: url(/user/themes/common/images/bg_rank_07.png);
    background-repeat: no-repeat;
    font-size: 6.4em;
}

.salonSmyBox-rank8 .headerBar {
    background-color: #246551;
    background-image: none;
}

.salonSmyBox-rank8 .rank {
    top: -31px;
    left: -36px;
    width: 140px;
    height: 96px;
    line-height: 1;
    padding: 44px 0 0;
    color: #246551;
    background-image: url(/user/themes/common/images/bg_rank_08.png);
    background-repeat: no-repeat;
    font-size: 6.4em;
}

.salonSmyBox-rank9 .headerBar {
    background-color: #3E819C;
    background-image: none;
}

.salonSmyBox-rank9 .rank {
    top: -31px;
    left: -36px;
    width: 140px;
    height: 96px;
    line-height: 1;
    padding: 44px 0 0;
    color: #3E819C;
    background-image: url(/user/themes/common/images/bg_rank_09.png);
    background-repeat: no-repeat;
    font-size: 6.4em;
}

.salonSmyBox-rank10 .headerBar {
    background-color: #336795;
    background-image: none;
}

.salonSmyBox-rank10 .rank {
    top: -31px;
    left: -36px;
    width: 140px;
    height: 96px;
    line-height: 1;
    padding: 44px 0 0;
    color: #336795;
    background-image: url(/user/themes/common/images/bg_rank_10.png);
    background-repeat: no-repeat;
    font-size: 6.4em;
}

.salonSmyBox-rank11 .headerBar {
    background-color: #3b71a0;
    background-image: none;
}

.salonSmyBox-rank11 .rank {
    top: -31px;
    left: -36px;
    width: 140px;
    height: 96px;
    line-height: 1;
    padding: 44px 0 0;
    color: #3b71a0;
    background-image: url(/user/themes/common/images/bg_rank_11.png);
    background-repeat: no-repeat;
    font-size: 6.4em;
}
.salonSmyBox-rank12 .headerBar {
    background-color: #594f91;
    background-image: none;
}

.salonSmyBox-rank12 .rank {
    top: -31px;
    left: -36px;
    width: 140px;
    height: 96px;
    line-height: 1;
    padding: 44px 0 0;
    color: #594f91;
    background-image: url(/user/themes/common/images/bg_rank_12.png);
    background-repeat: no-repeat;
    font-size: 6.4em;
}

.salonSmyBox-rank13 .headerBar {
    background-color: #844e94;
    background-image: none;
}

.salonSmyBox-rank13 .rank {
    top: -31px;
    left: -36px;
    width: 140px;
    height: 96px;
    line-height: 1;
    padding: 44px 0 0;
    color: #844e94;
    background-image: url(/user/themes/common/images/bg_rank_13.png);
    background-repeat: no-repeat;
    font-size: 6.4em;
}

.salonSmyBox-rank14 .headerBar {
    background-color: #9b5796;
    background-image: none;
}

.salonSmyBox-rank14 .rank {
    top: -31px;
    left: -36px;
    width: 140px;
    height: 96px;
    line-height: 1;
    padding: 44px 0 0;
    color: #9b5796;
    background-image: url(/user/themes/common/images/bg_rank_14.png);
    background-repeat: no-repeat;
    font-size: 6.4em;
}

.salonSmyBox-rank15 .headerBar {
    background-color: #a14f49;
    background-image: none;
}

.salonSmyBox-rank15 .rank {
    top: -31px;
    left: -36px;
    width: 140px;
    height: 96px;
    line-height: 1;
    padding: 44px 0 0;
    color: #a14f49;
    background-image: url(/user/themes/common/images/bg_rank_15.png);
    background-repeat: no-repeat;
    font-size: 6.4em;
}

.salonSmyBox-rank16 .headerBar {
    background-color: #a35642;
    background-image: none;
}

.salonSmyBox-rank16 .rank {
    top: -31px;
    left: -36px;
    width: 140px;
    height: 96px;
    line-height: 1;
    padding: 44px 0 0;
    color: #a35642;
    background-image: url(/user/themes/common/images/bg_rank_16.png);
    background-repeat: no-repeat;
    font-size: 6.4em;
}

.salonSmyBox-rank17 .headerBar {
    background-color: #97694a;
    background-image: none;
}

.salonSmyBox-rank17 .rank {
    top: -31px;
    left: -36px;
    width: 140px;
    height: 96px;
    line-height: 1;
    padding: 44px 0 0;
    color: #97694a;
    background-image: url(/user/themes/common/images/bg_rank_17.png);
    background-repeat: no-repeat;
    font-size: 6.4em;
}

.salonSmyBox-rank18 .headerBar {
    background-color: #86522f;
    background-image: none;
}

.salonSmyBox-rank18 .rank {
    top: -31px;
    left: -36px;
    width: 140px;
    height: 96px;
    line-height: 1;
    padding: 44px 0 0;
    color: #86522f;
    background-image: url(/user/themes/common/images/bg_rank_18.png);
    background-repeat: no-repeat;
    font-size: 6.4em;
}

.salonSmyBox-rank19 .headerBar {
    background-color: #6b4624;
    background-image: none;
}

.salonSmyBox-rank19 .rank {
    top: -31px;
    left: -36px;
    width: 140px;
    height: 96px;
    line-height: 1;
    padding: 44px 0 0;
    color: #6b4624;
    background-image: url(/user/themes/common/images/bg_rank_19.png);
    background-repeat: no-repeat;
    font-size: 6.4em;
}

.salonSmyBox-rank20 .headerBar {
    background-color: #806429;
    background-image: none;
}

.salonSmyBox-rank20 .rank {
    top: -31px;
    left: -36px;
    width: 140px;
    height: 96px;
    line-height: 1;
    padding: 44px 0 0;
    color: #806429;
    background-image: url(/user/themes/common/images/bg_rank_20.png);
    background-repeat: no-repeat;
    font-size: 6.4em;
}
@media screen and (max-width: 640px) {

    .salonSmyBox {
        margin-bottom: 20px;
    }

    .sec-spAnchor {
        margin-top: -76px;
        padding-top: 76px;
    }

    .salonSmyBox .headerBar {
        height: 40px;
        padding-left: 52px;
        background-size: auto 40px;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
        border-radius: 5px 5px 0 0;
    }

    .salonSmyBox .rank {
        width: 70px;
        padding: 11px 0 0;
        font-size: 3.2em;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .salonSmyBox .statusBox {
        top: 10px;
        width: 24px;
        height: 22px;
        margin: 0 6px 0 4px;
        background-size: 100% 100%;
    }

    .salonSmyBox .pointBox {
        margin-right: 6px;
        padding-top: 6px;
        font-size: 28px;
    }

    .salonSmyBox .pointBox small {
        font-size: 12px;
        text-indent: 0.4em;
    }

    .salonSmyBox .starBox {
        top: 9px;
        height: 23px;
    }

    .salonSmyBox .shadowBox {
        bottom: -13px;
        width: 100%;
        height: 15px;
        background: url(/user/themes/common/images/bg_box_shadow-sp.png) no-repeat left bottom;
        background-size: 100% 15px;
    }

    .salonSmyBox .innerBox {
        width: 100%;
        padding: 17px 14px 7px;
        border-radius: 0 0 5px 5px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .salonSmyBox .innerBox a {
        text-decoration: none;
    }

    .salonSmyBox .innerBox .officialLink a {
        text-decoration: underline;
    }

    .salonSmyBox .hideWrap {
        position: relative;
        width: 100%;
    }

    .salonSmyBox .js-hideArea {
        height: 155px;
        overflow: hidden;
    }

    .salonSmyBox .js-hideArea:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(82%, #ffffff));
        background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 35%, #ffffff 82%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 35%, #ffffff 82%);
    }

    .salonSmyBox .hideWrap .moreBtn {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        width: 83.33333%;
        margin: 0 auto 15px;
        font-weight: bold;
        font-size: 1.2em;
    }

    .salonSmyBox .hideWrap .btn {
        width: 100%;
        padding: 13px 0;
        border: 1px solid #d1d1d1;
        color: #999;
        background-color: #fff;
        border-radius: 3px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .salonSmyBox .hideWrap .btn:visited {
        color: #999;
    }

    .salonSmyBox .hideWrap .btn:before,
    .salonSmyBox .hideWrap .btn:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        width: 14px;
        height: 8px;
        margin: auto 0;
        background: url(/user/themes/common/images/arrow08.png) no-repeat;
        background-size: 14px 8px;
    }

    .salonSmyBox .hideWrap .btn:before {
        left: 14px;
    }

    .salonSmyBox .hideWrap .btn:after {
        right: 14px;
    }

    .salonSmyBox .js-hideArea-open:after {
        content: none;
    }

    .salonSmyBox .cvBtn,
    .ccBtn,
    .coBtn {
        margin: -13px -14px 0;
        padding: 7px 14px 0;
        /*border-top: 1px solid #e8e8e8;*/
    }

    .salonSmyBox .goHpBtn,
    .salonSmyBox .goDtlBtn {
        /*float: none;
		width: auto;
		margin: 7px 0;*/
        margin-bottom:17px;
        font-size: 1.5em;
    }

    .salonSmyBox .goHpBtn .btn,
    .salonSmyBox .goDtlBtn .btn {
        line-height: 1.33333;
    }

    .salonSmyBox .goHpBtn .btn:after,
    .salonSmyBox .goDtlBtn .btn:after {
        right: 10px;
        width: 8px;
        height: 15px;
        background-size: 8px 15px;
    }

    .salonSmyBox .goHpBtn .cell,
    .salonSmyBox .goDtlBtn .cell {
        height: 59px;
        padding: 0 20px;
    }

    .goHpBtn-fix{
        padding: 0 10px;
    }

    .salonSmyBox .kuchikomiArea {
        padding-top: 15px;
    }

    .salonSmyBox-rank1 .rank {
        top: -14px;
        left: -7px;
        width: 70px;
        height: 70px;
        padding: 21px 0 0;
        background-size: 100% 100%;
    }

    .salonSmyBox-rank2 .rank {
        top: -14px;
        left: -7px;
        width: 70px;
        height: 70px;
        padding: 21px 0 0;
        background-size: 100% 100%;
    }

    .salonSmyBox-rank3 .rank {
        top: -14px;
        left: -7px;
        width: 70px;
        height: 70px;
        padding: 21px 0 0;
        background-size: 100% 100%;
    }

    .salonSmyBox-rank4 .rank {
        top: -14px;
        left: -7px;
        width: 70px;
        height: 70px;
        padding: 21px 0 0;
        background-size: 100% 100%;
    }

    .salonSmyBox-rank5 .rank {
        top: -14px;
        left: -7px;
        width: 70px;
        height: 70px;
        padding: 21px 0 0;
        background-size: 100% 100%;
    }

    .salonSmyBox-rank6 .rank {
        top: -14px;
        left: -7px;
        width: 70px;
        height: 70px;
        padding: 21px 0 0;
        background-size: 100% 100%;
    }

    .salonSmyBox-rank7 .rank {
        top: -14px;
        left: -7px;
        width: 70px;
        height: 70px;
        padding: 21px 0 0;
        background-size: 100% 100%;
    }

    .salonSmyBox-rank8 .rank {
        top: -14px;
        left: -7px;
        width: 70px;
        height: 70px;
        padding: 21px 0 0;
        background-size: 100% 100%;
    }

    .salonSmyBox-rank9 .rank {
        top: -14px;
        left: -7px;
        width: 70px;
        height: 70px;
        padding: 21px 0 0;
        background-size: 100% 100%;
    }

    .salonSmyBox-rank10 .rank {
        top: -14px;
        left: -7px;
        width: 70px;
        height: 70px;
        padding: 21px 0 0;
        background-size: 100% 100%;
    }

    .salonSmyBox-rank11 .rank {
        top: -14px;
        left: -7px;
        width: 70px;
        height: 70px;
        padding: 21px 0 0;
        background-size: 100% 100%;
    }

    .salonSmyBox-rank12 .rank {
        top: -14px;
        left: -7px;
        width: 70px;
        height: 70px;
        padding: 21px 0 0;
        background-size: 100% 100%;
    }

    .salonSmyBox-rank13 .rank {
        top: -14px;
        left: -7px;
        width: 70px;
        height: 70px;
        padding: 21px 0 0;
        background-size: 100% 100%;
    }

    .salonSmyBox-rank14 .rank {
        top: -14px;
        left: -7px;
        width: 70px;
        height: 70px;
        padding: 21px 0 0;
        background-size: 100% 100%;
    }

    .salonSmyBox-rank15 .rank {
        top: -14px;
        left: -7px;
        width: 70px;
        height: 70px;
        padding: 21px 0 0;
        background-size: 100% 100%;
    }

    .salonSmyBox-rank16 .rank {
        top: -14px;
        left: -7px;
        width: 70px;
        height: 70px;
        padding: 21px 0 0;
        background-size: 100% 100%;
    }

    .salonSmyBox-rank17 .rank {
        top: -14px;
        left: -7px;
        width: 70px;
        height: 70px;
        padding: 21px 0 0;
        background-size: 100% 100%;
    }

    .salonSmyBox-rank18 .rank {
        top: -14px;
        left: -7px;
        width: 70px;
        height: 70px;
        padding: 21px 0 0;
        background-size: 100% 100%;
    }

    .salonSmyBox-rank19 .rank {
        top: -14px;
        left: -7px;
        width: 70px;
        height: 70px;
        padding: 21px 0 0;
        background-size: 100% 100%;
    }

    .salonSmyBox-rank20 .rank {
        top: -14px;
        left: -7px;
        width: 70px;
        height: 70px;
        padding: 21px 0 0;
        background-size: 100% 100%;
    }


    .salonSmyBox-rank1 .statusBox,
    .salonSmyBox-rank2 .statusBox,
    .salonSmyBox-rank3 .statusBox,
    .salonSmyBox-rank4 .statusBox,
    .salonSmyBox-rank5 .statusBox,
    .salonSmyBox-rank6 .statusBox,
    .salonSmyBox-rank7 .statusBox,
    .salonSmyBox-rank8 .statusBox,
    .salonSmyBox-rank9 .statusBox,
    .salonSmyBox-rank10 .statusBox,
    .salonSmyBox-rank11 .statusBox,
    .salonSmyBox-rank12 .statusBox,
    .salonSmyBox-rank13 .statusBox,
    .salonSmyBox-rank14 .statusBox,
    .salonSmyBox-rank15 .statusBox,
    .salonSmyBox-rank16 .statusBox,
    .salonSmyBox-rank17 .statusBox,
    .salonSmyBox-rank18 .statusBox,
    .salonSmyBox-rank19 .statusBox,
    .salonSmyBox-rank20 .statusBox {
        margin-left: 15px;
    }
}

/* 詳細
------------------------- */

.salonDtlBox {
    position: relative;
    border: 1px solid #e6e6e6;
    border-radius: 0 0 10px 10px;
    background-color: #fff;
}
.category .salonDtlBox {
    border: unset;
    border-radius: unset;
    background-color: unset;
}

/*.salonDtlBox:before {
	content: '';
	position: absolute;
	top: -8px;
	left: -1px;
	width: 1000px;
	height: 8px;
	background-color: #6a571c;
	border-radius: 5px 5px 0 0;
}*/

.salonDtlBox .reviewsCount {
    position:absolute;
    top:0%;
    right:0%;
    font-size: 1.8em;
    margin: 10px;
}

.salonDtlBox .innerBox {
    padding: 25px 39px 0;
}

.salonDtlBox .cvBtn,
.ccBtn,
.coBtn {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 43px;
}

.salonDtlBox .salonImageBox + .cvBtn,
.ccBtn,
.coBtn {
    padding-top: 18px;
}

.salonDtlBox .goHpBtn,
.salonDtlBox .goArchBtn {
    position: relative;
    width: 600px;
    margin: 0 auto;
    font-size: 1.8em;
}

.salonDtlBox .goArchBtn {
    margin-bottom: 33px;
}

.salonDtlBox .goHpBtn .btn,
.salonDtlBox .goArchBtn .btn {
    display: table;
    width: 100%;
    border-radius: 3px;
}

.no-display-table .salonDtlBox .goHpBtn .btn,
.no-display-table .salonDtlBox .goArchBtn .btn {
    display: block;
    width: auto;
    padding: 26px 40px;
}

.salonDtlBox .goHpBtn .btn:after,
.salonDtlBox .goArchBtn .btn:after {
    content: '';
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    width: 11px;
    height: 20px;
    margin: auto 0;
    background-image: url(/user/themes/common/images/arrow02.png);
    background-repeat: no-repeat;
}

.salonDtlBox .goHpBtn .cell,
.salonDtlBox .goArchBtn .cell {
    display: table-cell;
    height: 70px;
    vertical-align: middle;
    padding: 0 40px;
}

.no-display-table .salonDtlBox .goHpBtn .cell,
.no-display-table .salonDtlBox .goArchBtn .cell {
    display: inline;
    height: auto;
    padding: 0;
}

.lineBox {
    position: relative;
    width: 100%;
    padding-bottom: 50px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.no-boxsizing .lineBox {
    width: 870px;
}

.lineBox-cha {
    position: absolute;
    bottom: 8px;
    z-index: 1;
}

.lineBox-bal {
    position: relative;
    width: 100%;
    padding: 18px 18px 0;
    border: 2px solid;
    border-radius: 5px;
    background-color: #fff;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.no-boxsizing .lineBox-bal {
    width: 830px;
}

.lineBox-bal:after {
    content: '';
    position: absolute;
    bottom: -21px;
}

.lineBox-name {
    line-height: 1;
    font-weight: bold;
    font-size: 1.5em;
}

.lineBox p {
    margin-top: 0.64286em;
    margin-bottom: 1.5em;
}

.lineBox p + p {
    margin-top: 1.71429em;
}

.lineBox-fairy,
.lineBox-ap{
    padding-left: 50px;
}

.lineBox-fairy .lineBox-cha,
.lineBox-ap .lineBox-cha {
    left: 0;
    width: 100px;
}

.lineBox-fairy .lineBox-bal {
    border-color: #3cc6ad;
}
.lineBox-fairy.twice .lineBox-bal {
    border-color: #FFCC00;
}
.lineBox-ap .lineBox-bal {
    border-color: #56abce;
}

.lineBox-fairy .lineBox-bal:after {
    left: 62px;
    width: 33px;
    height: 23px;
    background-image: url(/user/themes/common/images/bg_lines_ap_ar-pc.png);
    background-repeat: no-repeat;
}
.lineBox-ap .lineBox-bal:after {
    left: 62px;
    width: 33px;
    height: 23px;
    background-image: url(/user/themes/common/images/bg_lines_ap_ar-pc.png);
    background-repeat: no-repeat;
}

.lineBox-fairy .lineBox-name {
    color: #2caf97;
}
.lineBox-ap .lineBox-name {
    color: #56abce;
}
.lineBox-ol {
    padding-right: 50px;
}

.lineBox-ol .lineBox-cha {
    right: 0;
    width: 90px;
}

.lineBox-ol .lineBox-bal {
    border-color: #f098dc;
}

.lineBox-ol .lineBox-bal:after {
    right: 48px;
    width: 30px;
    height: 23px;
    background-image: url(/user/themes/common/images/bg_lines_ol_ar-pc.png);
    background-repeat: no-repeat;
}

.lineBox-ol .lineBox-name {
    color: #e25dc4;
}

.kuchikomiArea {
    margin-bottom: 32px;
    padding: 30px 39px 0;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background-color: #f8f8f8;
}

.kuchikomiArea .heading {
    line-height: 1.3;
    margin: 0 0 5px;
    padding: 12px;
    border-radius: 5px;
    color: #fff;
    background: #6a571c url(/user/themes/common/images/bg_texture03.jpg);
    font-size: 2em;
    text-align: center;
}

.kuchikomiList {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 1.4em;
}

.kuchikomiList li {
    padding: 37px 0 28px;
    border-top: 1px solid #e8e8e8;
}

.kuchikomiList li:first-child {
    border-top: none;
}

.kuchikomiList li.first-child {
    border-top: none;
}

.kuchikomiList .contributor {
    margin-bottom: 12px;
    font-weight: bold;
}

.kuchikomiList .starBase {
    margin-right: 6px;
}

/* 暫定調整 */

.salonDtlBox .salonNameRow {
    position: relative;
}

.salonDtlBox .salonNameRow .nameBox {
    display: block;
    width: auto;
}

.salonDtlBox .salonNameRow .nameBox .logo,
.salonDtlBox .salonNameRow .nameBox .name {
    display: block;
}

.salonDtlBox .salonNameRow .nameBox .logo {
    min-height: 60px;
}

.salonDtlBox .salonNameRow .nameBox .name {
    padding-top: 11px;
    padding-left: 0;
}

.salonDtlBox .salonNameRow .snsShareBox {
    position: absolute;
    top: 0;
    right: 0;
}

.salonDtlBox .salonNameRow .iconList {
    position: absolute;
    top: 25px;
    right: 0;
}
.salonDtIndexArea{
    margin-bottom: 40px;
    border: 1px solid #3bbda5;
    padding: 40px 24px;
}
.salonDtIndexArea h2{
    text-align: center;
    font-size: 2.4em;
    margin-top: 0;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #3bbda5;
}
.salonDtIndexArea h2 img{
    margin-top: -5px;
}
.salonDtIndexArea ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    counter-reset: number 1;
}
.salonDtIndexArea ul.firstUl{
    counter-reset: number 0;
}
.salonDtIndexArea ul.firstUl li{
    margin-bottom: 20px;
}

.salonDtIndexArea li{
    display: flex;
    align-items: center;
}
.salonDtIndexArea li a{
    border-left: 1px solid #000000;
    padding-left: 20px;
    margin-left: 20px;
}
.salonDtIndexArea li:before{
    counter-increment: number 1;
    content: '0' counter(number) "";
    display: block;
    font-size: 1.4em;
}
.salonDtIndexArea li:nth-of-type(9) ~ li:before{
    content: counter(number) " ";
}

.salonDtIndexArea li dl{
    display: flex;
    align-items: center;
    margin: 0;
}
.salonDtIndexArea li dt{
    padding-right: 1em;
    margin-right: 1em;
    border-right: 1px solid #333333;
}
.salonDtIndexArea li dd{
    margin-left: 0;
}
.salonDtIndexArea li div.sp{
    display: none;
}
.salonDtIndexArea li:not(:last-child){
    margin-bottom: 20px;
}
.salonDtIndexArea li a{
    font-size: 1.4em;
}
.salonDtIndexArea li a:hover{
    opacity: 0.8;
}
@media screen and (max-width: 640px) {
    .salonDtIndexArea{
        border: none;
        padding: 17px 0 0;
        margin-bottom: calc(10px + 1.33333em);
    }
    .salonDtIndexArea h2{
        font-size: 1.5em;
        padding-bottom: 0.86667em;
        margin-bottom: 0.86667em;
    }
    .salonDtIndexArea h2 img{
        width: 15px;
        height: 15px;
        margin-top: -2px;
    }
    .salonDtIndexArea li a{
        text-decoration: none;
    }

    .salonDtIndexArea li a{
        font-size: 1.0em;
        margin-left: 1.0em;
        padding-left: 1.0em;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;

    }
    .salonDtIndexArea li:before{
        font-size: 2.0em;
    }
    .salonDtIndexArea li:not(:last-child){
        border-bottom: 1px dotted #3bbda5;
        padding-bottom: 0.86667em;
        margin-bottom: 0.86667em;
    }
    .salonDtIndexArea li:last-child{
        border-bottom: 1px solid #3bbda5;
        padding-bottom: 0.86667em;
    }
    .salonDtIndexArea li dl{
        justify-content: space-between;
    }
    .salonDtIndexArea li dt{
        font-size: 2.0em;
        padding-right: 0.5em;
        margin-right: 0.5em;
    }
    .salonDtIndexArea li dd{
        text-align: left;
        width: 78%;
    }
    .salonDtIndexArea li div.sp{
        display: block;
        /*width: 10%;*/
        margin-left: 2%;
        text-align: center;
        font-size: 2em;
    }
    /*.salonDtIndexArea li dd{
		width: 90%;
		padding-right: 10%;
		position: relative;
	}
	.salonDtIndexArea li dd:after{
		content: "\f107";
		font-family: FontAwesome;
		font-size: 1.4em;
		position: absolute;
		top:22%;
		right: 5%;
	}*/
}
.areaMap{
    padding: 0 39px 0;
}
.areaMap h2{
    font-size: 2.4em;
}
.areaMap h2.ttl-circle:before{
    top:4px;
}
.areaMap .mapArea{
    text-align: center;
}
.areaMap iframe{
    /*margin-bottom: 20px;*/
    max-width: 650px;
}

/*.areaMap .columnDtlBody .lineBox-fairy{
	padding-right: 0;
}*/

.areaMap .clinicMap{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 40px;
}
.areaMap .clinicMap .clinicBox1,
.areaMap .clinicMap .clinicBox2,
.areaMap .clinicMap .clinicBox3{
    text-align: center;
}
.areaMap .clinicMap .clinicBox1{
    order: 1;
    width: 200px;
}
.areaMap .clinicMap .clinicBox2{
    order: 3;
    width: 200px;
}
.areaMap .clinicMap .clinicBox3{
    order: 2;
    width: 400px;
    background-color: #3bbda5;
    border-radius: 10px;
    padding: 0 20px;
}
.areaMap .clinicMap ul{
    padding-left: 0;
    margin: 0;
}
.areaMap .clinicMap ul{
    list-style-type: none;
    text-align: center;
}
.areaMap .clinicMap li a{
    display: block;
    /*border: 1px solid #3bbda5;*/
    background-color: #3bbda5;
    border-radius: 10px;
    font-size: 16px;
    font-weight: bold;
    padding: 14px 0 14px;
    text-decoration: none;
    margin-bottom: 12px;
    color: #ffffff;
    position: relative;
}
.areaMap .clinicMap li a:after{
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    right: 20px;
}
.areaMap .clinicMap li a:hover{
    opacity: 0.8;
}
.areaMap .clinicMap li a.non{
    background-color: #cccccc;
    cursor: default;
}
.areaMap .clinicMap li a.non:hover{
    opacity: 1;
}
.areaMap .clinicMap li a.non:after{
    content: none;
}
.areaMap .clinicMap li:last-child a{
    margin-bottom: 0;
}

.areaMap .clinicMap .clinicBox3 h3{
    color: #ffffff;
}

.areaMap .clinicMap .clinicBox3 ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.areaMap .clinicMap .clinicBox3 li{
    width: 190px;
}
.areaMap .clinicMap .clinicBox3 li a{
    background-color: #ffffff;
    color: #3bbda5;
    padding: 12px 0;
    margin-bottom: 10px;
}
.areaMap .clinicMap .clinicBox3 li:last-child a{
    margin-bottom: 0;
}
.areaMap .clinicMap .clinicBox3 li a.non{
    background-color: #cccccc;
    color: #ffffff;
    cursor: default;
}

.areaBox h3{
    background-color: #3bbda5;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    padding: 10px 0;
}
.areaBox h4{
    color: #3bbda5;
    border: 1px solid #3bbda5;
    border-radius: 10px;
    text-align: center;
    padding: 10px 0;
}

.areaBox dt{
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 1.4em;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px dotted #3bbda5;
    cursor: pointer;
    position: relative;
}
.areaBox dt:first-child{
    border-top:none;
    padding-top: 0;
    margin-top: 0;
}
.areaBox dt:after{
    content: "\f13a";
    /*color: #3bbda5;*/
    font-family: FontAwesome;
    position: absolute;
    right: 40px;
    font-size: 1.5rem;
}
.areaBox dt.close:after{
    content: "\f139";
}

.areaBox dt.btn_non{
    cursor: default;
}
.areaBox dt.btn_non:after{
    content: "";
}

.areaBox dd{
    margin-left: 0;
    display: none;
    /*padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #3bbda5;*/
}
.areaBox dt,
.areaBox dd{
    padding-left:2rem;
    padding-right:2rem;
}
.areaBox dd .address{
    font-size: 1.2em;
    margin-bottom: 10px;
}
.areaBox dd th,
.areaBox dd td{
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    padding: 5px 0 0;
    vertical-align: middle;
}
.areaBox dd th{
    width: 100px;
}
.areaBox dd td:before{
    content: "：";
    padding-right: 0.5em;
}
.areaBox dd iframe{
    width: 100%;
    height: 400px;
}

.newOpen{
    margin-top: 20px;
    border-top: 1px solid #3bbda5;
}
.newOpen p{
    font-size: 1.6em;
}
@media screen and (max-width: 640px) {

    .columnScrollTop {
        position: relative;
        top: -64px
    }

    .balloon {
        max-width: 200px;
        max-height: 300px;
        overflow: auto;
    }

    .areaMap{
        padding: 0;
    }
    .areaMap h2{
        font-size: 1.5em;
    }
    .areaMap .clinicMap{
        display: grid;
        grid-template-columns: 48% 1fr;
        margin-bottom: 0.86667em;
    }
    .areaMap .clinicMap .clinicBox1{
        grid-row: 1 / 2;
        grid-column: 1 / 2;
        width: 96%;
        margin-bottom: 12px;
        margin-left: 10px;
    }
    .areaMap .clinicMap .clinicBox2{
        grid-row: 2 / 3;
        grid-column: 1 / 2;
        width: 96%;
        margin-left: 10px;
    }
    .areaMap .clinicMap .clinicBox3{
        grid-row: 1 / 3;
        grid-column: 2 / 3;
        width: 91%;
        padding-left: 0;
        padding-right: 0;
        margin-left: 4%;
        border-radius: 6px;
    }
    .areaMap .clinicMap li a{
        border-radius: 6px;
    }
    .areaMap .clinicMap .clinicBox3 ul{
        display: block;
    }
    .areaMap .clinicMap .clinicBox3 li{
        width: 90%;
        margin:0 auto 12px;
    }
    .areaBox dt,
    .areaBox dd{
        padding-left:2%;
        padding-right:2%;
        font-size: 1.1em;
    }
    .areaBox dt:after {
        right: 2%;
        font-size: 1.2em;
    }
    .areaBox dd iframe{
        width: 100%;
        height: 250px;
    }
    .areaBox dd .address{
        font-size: 1.0em;
    }

    .areaMap [id]{
        margin-top: -59px;
        padding-top: 59px;
    }
    .newOpen p{
        font-size: 1.2em;
    }

}

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

    /* 暫定調整 */

    .salonDtlBox {
        width: 100%;
        padding: 17px 14px 0;
        border-radius: 0 0 5px 5px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    /*.salonDtlBox:before {*/
    .salonSmyBox-rank0:before {
        top: -5px;
        left: 0;
        width: 100.32362%;
        height: 5px;
        margin: 0 -1px;
    }

    .salonDtlBox .innerBox {
        padding: 0 10px;
    }

    .salonDtlBox {
        width: auto;
        padding: 2px 0 17px;
    }

    .salonDtlBox .salonImageBox + .cvBtn,
    .ccBtn,
    .coBtn {
        padding-top: 5px;
    }

    .salonDtlBox .goHpBtn,
    .salonDtlBox .goArchBtn {
        width: auto;
        margin: 0;
        font-size: 1.5em;
    }

    .salonDtlBox .goArchBtn {
        margin-bottom: 13px;
    }

    .salonDtlBox .goHpBtn .btn,
    .salonDtlBox .goArchBtn .btn {
        line-height: 1.33333;
    }

    .salonDtlBox .goHpBtn .btn:after,
    .salonDtlBox .goArchBtn .btn:after {
        right: 10px;
        width: 8px;
        height: 15px;
        background-size: 8px 15px;
    }

    .salonDtlBox .goHpBtn .cell,
    .salonDtlBox .goArchBtn .cell {
        height: 59px;
        padding: 0 20px;
    }

    .salonLineBox {
        padding-top: 1px;
    }

    .lineBox {
        padding-bottom: 45px;
    }

    .lineBox-cha {
        bottom: 7px;
    }

    .lineBox-bal {
        padding: 12px 12px 0;
        border-width: 1px;
        border-radius: 3px;
    }

    .lineBox-bal:after {
        bottom: -14px;
    }

    .lineBox-name {
        font-size: 1.4em;
    }

    .lineBox p {
        margin-top: 0.28571em;
        margin-bottom: 1em;
    }

    .lineBox p + p {
        margin-top: 1em;
    }

    .lineBox-fairy {
        padding-left: 0;
    }

    .lineBox-fairy .lineBox-cha,
    .lineBox-ap .lineBox-cha{
        width: 56px;
    }

    .lineBox-fairy .lineBox-bal:after {
        left: 63px;
        width: 25px;
        height: 15px;
        background-image: url(/user/themes/common/images/bg_lines_ap_ar.png);
        background-size: 25px 15px;
    }
    .lineBox-ap .lineBox-bal:after {
        left: 63px;
        width: 25px;
        height: 15px;
        background-image: url(/user/themes/common/images/bg_lines_ap_ar.png);
        background-size: 25px 15px;
    }
    .lineBox-ol {
        padding-right: 0;
    }

    .lineBox-ol .lineBox-cha {
        width: 52px;
    }

    .lineBox-ol .lineBox-bal:after {
        right: 56px;
        width: 24px;
        height: 15px;
        background-image: url(/user/themes/common/images/bg_lines_ol_ar.png);
        background-size: 24px 15px;
    }

    .kuchikomiArea {
        margin: 0 0 13px;
        padding: 15px 14px;
    }

    .kuchikomiArea .heading {
        line-height: 1.33333;
        padding: 10px 7px;
        border-radius: 3px;
        background-size: 113px 113px;
        font-size: 1.5em;
    }

    .kuchikomiList {
        line-height: 1.6;
        font-size: 1.4em;
    }

    .kuchikomiList li {
        padding: 7px 0;
        border-top: none;
        border-bottom: 1px solid #e7e7e7;
    }

    .kuchikomiList li:last-child {
        border-bottom:none;
    }

    .kuchikomiList .contributor {
        margin-bottom: 7px;
        font-size: 1em;
    }

    .kuchikomiList .starBase {
        position: relative;
        top: 2px;
        margin-right: 8px;
    }

    .salonDtlBox .salonNameRow .nameBox {
        display: block;
    }

    .salonDtlBox .salonNameRow .nameBox .logo {
        display: inline-block;
        width: auto;
        min-height: 0;
    }

    .salonDtlBox .salonNameRow .nameBox .name {
        padding-top: 6px;
        padding-left: 0;
    }

    .salonDtlBox .salonNameRow .iconList {
        position: static;
    }
}

/* アーカイブ
------------------------- */
.salonArchBox {
    position: relative;
    border: 1px solid #e6e6e6;
    border-radius: 0 0 10px 10px;
    background-color: #fff;
}

.salonArchBox .innerBox {
    padding: 28px 39px 0;
}

.salonArchBox .salonNameRow .nameBox {
    float: none;
    width: 100%;
}

.salonArchBox .salonNameRow .nameBox .name {
    width: 99%;
}

.no-display-table .salonArchBox .salonNameRow .nameBox .name {
    width: auto;
}

.salonArchBox .kuchikomiArea {
    margin-bottom: 35px;
    padding-top: 0;
}

.paginationBox {
    margin-bottom: 30px;
}

.resultStats {
    margin: 0 0 1em;
    text-align: center;
}

.resultStats b {
    color: #725f27;
}

.paginationNav {
    position: relative;
    width: 730px;
    line-height: 1;
    overflow: hidden;
    margin: 0 auto;
}

.paginationNav .btn {
    padding: 17px 0;
    border: 1px solid #ccc;
    color: #999;
    background-color: #ededed;
    background-image: -moz-linear-gradient(top, #fff 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-linear-gradient(top, #fff 0%,rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to bottom, #fff 0%,rgba(255, 255, 255, 0) 100%);
    font-weight: normal;
    font-size: 1.3em;
    text-align: center;
    transition: background-color 0.15s;
}

.paginationNav .btn:visited {
    color: #999;
}

.paginationNav .btn:hover {
    background-color: #fbfbfb;
}

.paginationNav .ui {
    position: relative;
    width: 100%;
}

.paginationNav .prev,
.paginationNav .next {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 88px;
    border-radius: 3px;
    color: #333;
}

.paginationNav .prev:visited,
.paginationNav .next:visited {
    color: #333;
}

.paginationNav .prev:before,
.paginationNav .next:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 6px;
    height: 11px;
    margin: auto 0;
    background: url(/user/themes/common/images/arrow_pagination.png) no-repeat;
}


.paginationNav .prev {
    left: 0;
    text-indent: 6px;
}

.paginationNav .prev:before {
    left: 15px;
    background-position: left bottom;
}

.paginationNav .next {
    right: 0;
    text-indent: -6px;
}

.paginationNav .next:before {
    right: 15px;
    background-position: right bottom;
}

.paginationNav .num {
    position: relative;
    left: 50%;
    float: left;
}

.paginationNav .page {
    position: relative;
    left: -50%;
    float: left;
    width: 50px;
}

.paginationNav .num .page:nth-child(1) {
    border-radius: 3px 0 0 3px;
}

.paginationNav .num .page:last-child {
    border-radius: 0 3px 3px 0;
}

.paginationNav .page + .page {
    border-left-width: 0;
}

.paginationNav .is-current {
    color: #717171;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, .5) 100%);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .5) 0%,rgba(255, 255, 255, .5) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0%,rgba(255, 255, 255, .5) 100%);
    font-weight: bold;
    cursor: text;
}

.paginationNav .is-current:hover {
    background-color: #ededed;
}

.salonArchFooter {
    width: 920px;
    overflow: hidden;
    margin: 0 auto 60px;
}

.salonArchFooter .catch {
    float: left;
    width: 450px;
    height: 167px;
    overflow: hidden;
    margin: 0;
    background: url(/user/themes/common/images/img_kuchikomi_cv.png) no-repeat 13px 0;
    text-indent: 100%;
    white-space: nowrap;
}

.salonArchFooter .cvBtn {
    position: relative;
    float: right;
    width: 470px;
    height: 167px;
}

.salonArchBox .goHpBtn,
.salonArchBox .goDtlBtn {
    position: absolute;
    left: 0;
    width: 430px;
    margin: 0 0 3px;
    font-size: 1.8em;
}

.salonArchBox .goHpBtn {
    bottom: 0;
}

.salonArchBox .goDtlBtn {
    top: 12px;
}

.salonArchBox .goHpBtn .btn,
.salonArchBox .goDtlBtn .btn {
    display: table;
    width: 100%;
    line-height: 1.33333;
    border-radius: 3px;
}

.no-display-table .salonArchBox .goHpBtn .btn,
.no-display-table .salonArchBox .goDtlBtn .btn {
    display: block;
    width: auto;
    padding: 26px 40px;
}

.salonArchBox .goHpBtn .btn:after,
.salonArchBox .goDtlBtn .btn:after {
    content: '';
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    width: 11px;
    height: 20px;
    margin: auto 0;
    background-image: url(/user/themes/common/images/arrow02.png);
    background-repeat: no-repeat;
}

.salonArchBox .goHpBtn .cell,
.salonArchBox .goDtlBtn .cell {
    display: table-cell;
    height: 70px;
    vertical-align: middle;
    padding: 0 40px;
}

.no-display-table .salonArchBox .goHpBtn .cell,
.no-display-table .salonArchBox .goDtlBtn .cell {
    display: inline;
    height: auto;
    padding: 0;
}

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

    .salonArchBox {
        border: none;
        border-radius: 0;
        background-color: transparent;
    }

    .salonArchBox .innerBox {
        margin-bottom: 15px;
        padding: 17px 14px 0;
        border: 1px solid #e6e6e6;
        border-radius: 0 0 5px 5px;
        background-color: #fff;
    }

    .salonArchBox .kuchikomiArea {
        margin-bottom: 13px;
    }

    .paginationBox {
        width: auto;
        margin: 0 -10px;
        padding: 15px 10px;
        background-color: #fff;
    }

    .paginationNav {
        width: 100%;
    }

    .paginationNav .btn {
        padding: 12px 0;
        font-size: 1.2em;
        transition: none;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .paginationNav .btn:hover {
        background-color: #ededed;
    }

    .paginationNav .prev,
    .paginationNav .next {
        width: 45px;
        width: 14.0625vw;
        border-radius: 2px;
    }

    .paginationNav .prev:before,
    .paginationNav .next:before {
        width: 5px;
        height: 9px;
        background-size: 10px 15px;
    }

    .paginationNav .prev {
        text-indent: 5px;
    }

    .paginationNav .prev:before {
        left: 6px;
        background-position: left top;
    }

    .paginationNav .next {
        text-indent: -5px;
    }

    .paginationNav .next:before {
        right: 6px;
        background-position: right top;
    }

    .paginationNav .page {
        width: 37px;
        width: 11.5625vw;
    }

    .paginationNav .num .page:nth-child(1) {
        border-radius: 0;
    }

    .paginationNav .num .page:last-child {
        border-radius: 0;
    }

    .paginationNav .num .page:nth-of-type(n + 5) {
        display: none;
    }

    .salonArchFooter {
        width: auto;
        overflow: hidden;
        margin: 0 -10px;
        padding: 0 10px 15px;
        background-color: #fff;
    }

    .salonArchFooter .cvBtn {
        float: none;
        width: auto;
        height: auto;
    }

    .salonArchBox .goHpBtn,
    .salonArchBox .goDtlBtn {
        position: static;
        width: auto;
        font-size: 1.5em;
    }

    .salonArchBox .goHpBtn {
        margin-bottom: 13px;
    }

    .salonArchBox .goHpBtn .btn,
    .salonArchBox .goDtlBtn .btn {
        line-height: 1.33333;
    }

    .salonArchBox .goHpBtn .btn:after,
    .salonArchBox .goDtlBtn .btn:after {
        right: 10px;
        width: 8px;
        height: 15px;
        background-size: 8px 15px;
    }

    .salonArchBox .goHpBtn .cell,
    .salonArchBox .goDtlBtn .cell {
        height: 59px;
        padding: 0 20px;
    }
}

/* --------------------------------------------------

コラム

-------------------------------------------------- */

/* サマリー
------------------------- */

.columnSmyBox {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}

.columnSmyBox .shadowBox {
    position: absolute;
    bottom: -26px;
    left: 0;
    z-index: 0;
    width: 1000px;
    height: 90px;
    background: url(/user/themes/common/images/bg_box_shadow-pc.png) no-repeat;
}

.columnSmyBox .innerBox {
    position: relative;
    /* z-index: 0; */
    width: 920px;
    /* overflow: hidden; */
    padding: 40px;
    border-radius: 10px;
    background-color: #fff;
}

.columnSmyBox .image {
    float: left;
    width: 50%;
}

.columnSmyBox .text {
    position: relative;
    float: right;
    width: 440px;
}

.columnSmyBox .text p {
    line-height: 1.71429;
    margin-bottom: 1.71429em;
    font-size: 1.4em;
}

.columnSmyBox .text .moreBtn {
    line-height: 1;
    margin: 2.375em 0 0;
    font-size: 1.6em;
}

.columnSmyBox .ttl {
    position: relative;
    width: 392px;
    line-height: 1.33333;
    margin: 0 0 0.41667em;
    padding: 10px 0 0 0px;
    color: #38c5ac;
    font-weight: bold;
    font-size: 2.4em;
}

.columnSmyBox .ttl a {
    color: #38c5ac;
    text-decoration: none;
}

.columnSmyBox .ttl a:visited {
    color: #38c5ac;
}

.columnSmyBox .ttl a:hover {
    text-decoration: underline;
}

.columnSmyBox .num {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1.1;
    color: #ffd200;
    font-weight: normal;
    font-style: italic;
    font-size: 48px;
}

.columnSmyBox .ttl-2l {
    padding-top: 0;
}

.columnSmyBox .ttl-2l .num {
    top: 8px;
}

.columnSmyBox .num-10 {
    left: -14px;
}

.columnSmyBox .date {
    display: block;
    color: #999;
    font-size: 1.4em;
    text-align: right;
}

.columnSmyBox .sub {
    margin-bottom: 0.83333em;
    font-weight: bold;
    font-size: 1.8em;
}

.columnSmyBox .moreBtn {
    text-align: right;
}

.columnSmyBox .moreBtn .btn {
    width: 173px;
    padding: 12px 0;
    border-radius: 5px;
}

.columnSmyBox .moreBtn .btn:after {
    content: '';
    display: inline-block;
    position: relative;
    top: -2px;
    width: 5px;
    height: 9px;
    vertical-align: middle;
    margin-left: 11px;
    background-image: url(/user/themes/common/images/arrow03.png);
    background-repeat: no-repeat;
}

.columnSmyBox .snsShareBox {
    position: absolute;
    bottom: -3px;
    left: 0;
    z-index: 1;
}

.columnSmyBox-rev .text {
    float: left;
}

.columnSmyBox-rev .moreBtn {
    text-align: left;
}

.columnSmyBox-rev .image {
    float: right;
}

.columnSmyBox-rev .snsShareBox {
    position: absolute;
    right: 0;
    left: auto;
}

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

    .columnSmyBox {
        margin-bottom: 10px;
    }
    #topLaw .columnSmyBox:last-of-type{
        margin-bottom: 0;
    }
    .homeColumnArea columnSmyBox:last-child{
        margin-bottom: 0;
    }

    .columnSmyBox .shadowBox {
        bottom: -13px;
        z-index: auto;
        width: 100%;
        height: 15px;
        background: url(/user/themes/common/images/bg_box_shadow-sp.png) no-repeat left bottom;
        background-size: 100% 15px;
    }

    .columnSmyBox .innerBox {
        z-index: 0;
        width: auto;
        overflow: hidden;
        padding: 15px;
        border-radius: 5px;
    }

    .columnSmyBox .image {
        float: none;
        margin-bottom: 8px;
        text-align: center;
    }

    .columnSmyBox .text {
        position: static;
        float: none;
        width: 100%;
    }

    .columnSmyBox .text p {
        line-height: 1.5;
        margin-bottom: 1em;
        font-size: 1.2em;
    }

    .columnSmyBox .text .moreBtn {
        line-height: 1;
        margin-top: 0;
        margin-bottom: 2px;
        font-size: 1.4em;
    }

    .columnSmyBox .ttl {
        position: static;
        display: table;
        width: 100%;
        line-height: 1.26667;
        margin: 0 0 0.46667em;
        padding: 0;
        font-size: 1.6em;
    }

    .columnSmyBox .ttl .num,
    .columnSmyBox .ttl a {
        display: table-cell;
        vertical-align: middle;
    }

    .columnSmyBox .ttl a {
        text-decoration: none;
    }

    .columnSmyBox .num {
        position: static;
        width: 24px;
        line-height: 1;
        padding-top: 1px;
        font-size: 24px;
    }

    .columnSmyBox .num-10 {
        width: 32px;
    }

    .columnSmyBox .date {
        margin-bottom: 1em;
        font-size: 1.2em;
    }

    .columnSmyBox .sub {
        margin-top: 0.83333em;
        font-size: 1.2em;
    }

    .columnSmyBox .moreBtn {
        float: right;
        width: 40.74074%;
        text-align: center;
    }

    .columnSmyBox .moreBtn .btn {
        width: 100%;
        padding: 12px 0 11px;
        border-radius: 3px;
    }

    .columnSmyBox .moreBtn .btn:after {
        position: absolute;
        top: 0;
        right: 10px;
        bottom: 0;
        width: 7px;
        height: 10px;
        margin: auto 0;
        background-position: 0 -8px;
        background-size: 8px 23px;
    }

    .columnSmyBox .snsShareBox {
        position: static;
        float: left;
        width: 25.92593%;
    }
}

/* ピックアップ
------------------------- */

.columnPickupArea {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 63px;
    background-color: #3cc6ad;
    background-image: url(/user/themes/common/images/bg_texture01.png);
}

.columnPickupArea .heading {
    position: relative;
    width: 571px;
    margin: 0 auto 33px;
    text-align: center;
}

.columnPickupArea .heading:before {
    content: '';
    display: block;
    padding-top: 27.32049%;
}

.no-bgsizecover .columnPickupArea .heading:before {
    content: none;
}

.columnPickupArea .heading-text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(/user/themes/common/images/column/ttl_column_pu.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.no-bgsizecover .columnPickupArea .heading-text {
    display: block;
    position: static;
    width: 100%;
    height: 156px;
}

.columnPickupArea .goIndexBtn {
    margin: 60px 0 0;
    font-size: 2.4em;
    text-align: center;
}

.columnPickupArea .goIndexBtn .btn {
    width: 600px;
    padding: 28px 0;
    border-radius: 5px;
}

.columnPickupArea .goIndexBtn .btn:after {
    content: '';
    position: absolute;
    top: 0;
    right: 30px;
    bottom: 0;
    width: 11px;
    height: 20px;
    margin: auto 0;
    background-image: url(/user/themes/common/images/arrow04.png);
    background-repeat: no-repeat;
}

.columnPickupList {
    margin: 0;
    padding: 0;
    border: 5px solid #3cc6ad;
    border-radius: 10px;
    list-style-type: none;
    background-color: #fff;
    font-size: 1em;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
}

.columnPickupList li {
    width: 930px;
    /* overflow: hidden; */
    padding: 21px 30px 20px;
    background: url(/user/themes/common/images/bg_border02.png) repeat-x left top;
}

.columnPickupList li:first-child {
    background: none;
}

.columnPickupList li.first-child {
    background: none;
}

.columnPickupList .link-block {
    display: block;
    position: relative;
    width: 890px;
    overflow: hidden;
    padding-right: 40px;
    color: #05b192;
    text-decoration: none;
    cursor: pointer;
}

.columnPickupList .link-block:after {
    content: '';
    position: absolute;
    top: 0;
    right: 5px;
    bottom: 0;
    width: 15px;
    height: 28px;
    margin: auto 0;
    background-image: url(/user/themes/common/images/arrow06.png);
    background-repeat: no-repeat;
    transition: opacity 0.15s;
}

.columnPickupList .link-block:visited {
    color: #05b192;
}

.columnPickupList .link-block:hover .title {
    text-decoration: underline;
}

.columnPickupList .link-block:hover:after {
    opacity: 0.5;
}

.columnPickupList .tn {
    float: left;
    width: 150px;
}

.columnPickupList .cap {
    float: left;
    width: 740px;
}

.columnPickupList .title {
    line-height: 1.33333;
    margin-bottom: 0.55556em;
    padding-right: 120px;
    font-weight: bold;
    font-size: 1.8em;
}

.columnPickupList .date {
    position: absolute;
    top: 0;
    right: 40px;
    line-height: 1.42857;
    color: #999;
    font-size: 1.4em;
}

.columnPickupList .lead {
    line-height: 1.42857;
    color: #333;
    font-size: 1.4em;
}

.columnPickupList .lead {
    line-height: 1.42857;
    font-size: 1.4em;
    color: #333;
}

.columnPickupList .snsShareBox {
    position: relative;
    z-index: 1;
    margin-top: 7px;
}

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

    .columnPickupArea {
        padding-top: 10px;
        padding-bottom: 2px;
        background-size: auto 216px;
    }

    .columnPickupArea .heading {
        width: 96.83333%;
        margin-bottom: 15px;
    }

    .columnPickupArea .heading:before {
        padding-top: 29.5%;
    }

    .columnPickupArea .heading-text {
        background-image: url(/user/themes/common/images/column/ttl_column_idx-sp.png);
    }
    .columnPickupArea .fixedBox{
        margin-bottom: 0;
    }

    .no-bgsizecover .columnPickupArea .heading-text {
        height: 88.5px;
    }

    .columnPickupArea .goIndexBtn {
        line-height: 1;
        margin: 20px 0 2px !important;
        font-size: 1.5em;
    }

    .columnPickupArea .goIndexBtn .btn {
        width: 100%;
        padding: 22px 0;
        border-radius: 3px;
    }

    .columnPickupArea .goIndexBtn .btn:after {
        right: 10px;
        width: 8px;
        height: 15px;
        background-repeat: no-repeat;
        background-size: 8px 15px;
    }

    .columnPickupListWrap {
        position: relative;
        z-index: 0;
        width: 100%;
    }

    .goIndexBtn + .columnPickupListWrap {
        margin-top: 10px;
    }

    .columnPickupListWrap + .goIndexBtn {
        margin-top: 15px;
    }

    .columnPickupList {
        padding: 2px 12px;
        border-width: 2px;
        border-radius: 5px;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    }

    .columnPickupList:after {
        content: '';
        position: absolute;
        bottom: -13px;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 15px;
        background: url(/user/themes/common/images/bg_box_shadow-sp.png) no-repeat left bottom;
        background-size: 100% 15px;
    }

    .columnPickupList li {
        width: 100%;
        padding: 10px 0;
        border-top: 1px dotted #ccc;
        background: none;
    }

    .columnPickupList li:first-child {
        border-top: none;
    }

    .columnPickupList .link-block {
        width: 100%;
        padding-right: 15px;
        color: #38c5ac;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .columnPickupList .link-block:after {
        right: 0;
        width: 8px;
        height: 14px;
        background-size: 8px 14px;
    }

    .columnPickupList .link-block:visited {
        color: #38c5ac;
    }

    .columnPickupList .tn {
        width: 22.9572%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .columnPickupList .cap {
        width: 77.0428%;
        padding-left: 10px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .columnPickupList .title {
        margin-bottom: 0.25em;
        padding-right: 0;
        font-size: 1.5em;
    }

    .columnPickupList .date {
        position: static;
        display: block;
        line-height: 1.4;
        margin-bottom: 0.2em;
        font-size: 1.2em;
        text-align: right;
    }

    .columnPickupList .lead {
        line-height: 1.5;
        font-size: 1.2em;
    }

    .columnPickupList .snsShareBox {
        margin-top: 0.4em;
    }
}

/* 一覧・詳細共通
------------------------- */

.column .topicPath {
    margin-bottom: 0;
}

/* 一覧ページ
------------------------- */

.columnIndexArea,
.areaIndexArea{
    width: 100%;
    /*padding-top: 57px;*/
    padding-top: 40px;
    /*padding-top: 0;*/
    padding-bottom: 40px;
    background-color: #005CA3;
    background-image: url(/images/bg_texture01.png);
}
#topMovie .columnIndexArea,
#trendNews .columnIndexArea,
#twTimeline .columnIndexArea {
    padding-top: 0;
}

.columnIndexArea1 {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 1px;
    background-color: #3cc6ad;
    background-image: url(/user/themes/common/images/bg_texture01.png);
}

.columnIndexArea .heading {
    position: relative;
    width: 866px;
    margin: 0 auto 54px;
    text-align: center;
}

.columnIndexArea .heading:before {
    content: '';
    display: block;
    padding-top: 27.13626%;
}

.no-bgsizecover .columnIndexArea .heading:before {
    content: none;
}

.columnIndexArea .heading-text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(/user/themes/common/images/column/ttl_column_idx-pc.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.no-bgsizecover .columnIndexArea .heading-text {
    display: block;
    position: static;
    width: 100%;
    height: 235px;
}

.columnIndexArea2 {
    width: 100%;
    /*padding-top: 57px;*/
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #3cc6ad;
    background-image: url(/user/themes/common/images/bg_texture01.png);
}

.columnIndexArea2 .heading {
    position: relative;
    width: 866px;
    margin: 0 auto 54px;
    text-align: center;
}

.columnIndexArea2 .heading:before {
    content: '';
    display: block;
    padding-top: 27.13626%;
}

.no-bgsizecover .columnIndexArea2 .heading:before {
    content: none;
}

.columnIndexArea2 .heading-text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(/user/themes/common/images/column/ttl_column_idx-pc.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.no-bgsizecover .columnIndexArea2 .heading-text {
    display: block;
    position: static;
    width: 100%;
    height: 235px;
}


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

    .columnIndexArea {
        /*padding-top: 20px;
		padding-bottom: 20px;*/
        padding-top: 40px;
        padding-bottom: 40px;
        background-size: auto 216px;
    }
    #price .columnIndexArea {
        padding-bottom: 0;
    }

    .columnIndexArea1 {

        padding-top: 20px;
        padding-bottom: 1px;
        background-size: auto 216px;
    }

    .columnIndexArea .heading {
        width: 96.83333%;
        margin-bottom: 15px;
    }

    .columnIndexArea .heading:before {
        padding-top: 29.5%;
    }

    .columnIndexArea .heading-text {
        background-image: url(/user/themes/common/images/column/ttl_column_idx-sp.png);
    }

    .no-bgsizecover .columnIndexArea .heading-text {
        height: 88.5px;
    }
    .columnIndexArea2 {
        /*padding-top: 15px;
		padding-bottom: 6px;*/
        padding-top: 20px;
        padding-bottom: 20px;
        background-size: auto 216px;
    }

    .columnIndexArea2 .heading {
        width: 96.83333%;
        margin-bottom: 15px;
    }

    .columnIndexArea2 .heading:before {
        padding-top: 29.5%;
    }

    .columnIndexArea2 .heading-text {
        background-image: url(/user/themes/common/images/column/ttl_column_idx-sp.png);
    }

    .no-bgsizecover .columnIndexArea2 .heading-text {
        height: 88.5px;
    }
}

/* 詳細ページ
------------------------- */

.columnDetailArea {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #3cc6ad;
    background-image: url(/user/themes/common/images/bg_texture01.png);
}

.columnDtlBox {
    padding: 40px 40px 22px;
    border-radius: 10px;
    background-color: #fff;
}

.columnDtlBox .image {
    margin-bottom: 4.5em;
    text-align: center;
}

.columnDtlHeader {
    position: relative;
    width: 100%;
    margin-bottom: 2em;
}
.columnDtlHeaderTalk,
.areaDtlHeader{
    background-color: #fffa6d;
    border-radius: 5px;
    color: #685418;
    margin-bottom: 40px;
    padding: 14px 20px;
}
.columnDtlHeaderTalk h1,
.columnDtlHeaderTalk h2,
.columnDtlHeaderTalk p.headerTitle,
.areaDtlHeader h1{
    font-size: 2.4em;
    font-weight: bold;
    line-height: 1.33333;
    margin: 0;
}
.columnDtlHeader .titleGroup {
    margin-bottom: 40px;
    padding: 14px 20px;
    border-radius: 5px;
    color: #685418;
    background-color: #fffa6d;
}

.columnDtlHeader .title {
    line-height: 1.33333;
    margin: 0;
    font-weight: bold;
    font-size: 2.4em;
}

.columnDtlHeader .date {
    display: block;
    padding-top: 0.85714em;
    color: #76632d;
    font-size: 1.4em;
    text-align: right;
}

.columnDtlHeader .image {
    margin-bottom: 4em;
}

.columnDtlHeader .snsShareBox {
    margin-bottom: 40px;
}

.snsShareList {
    width: 100%;
    line-height: 1;
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 1em;
}

.snsShareList li {
    position: relative;
    float: left;
    height: 80px;
    margin-right: 15px;
}

.snsShareList .btn-tweet,
.snsShareList .btn-fb-share {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 28px;
    padding-top: 52px;
    border-radius: 3px;
    font-weight: bold;
    font-size: 1.2em;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
}

.snsShareList .btn-tweet {
    color: #fff;
    background-color: #00acee;
    transition: background-color 0.15s;
}

.snsShareList .btn-tweet:before {
    content: '';
    position: absolute;
    top: 20px;
    right: 0;
    left: 0;
    width: 26px;
    height: 21px;
    margin: 0 auto;
    background-image: url(/user/themes/common/images/column/ico_sns_tw.png);
    background-repeat: no-repeat;
}

.snsShareList .btn-tweet:visited {
    color: #fff;
}

.snsShareList .btn-tweet:hover {
    background-color: #7fd5f6;
}

.snsShareList .btn-fb-share {
    color: #fff;
    background-color: #3b5998;
    transition: background-color 0.15s;
}

.snsShareList .btn-fb-share:before {
    content: '';
    position: absolute;
    top: 16px;
    right: 0;
    left: 0;
    width: 26px;
    height: 26px;
    margin: 0 auto;
    background-image: url(/user/themes/common/images/column/ico_sns_fb.png);
    background-repeat: no-repeat;
}

.snsShareList .btn-fb-share:visited {
    color: #fff;
}

.snsShareList .btn-fb-share:hover {
    background-color: #9daccb;
}

.snsShareList .fb-like {
    position: absolute;
    left: 0;
    bottom: 0;
}

.columnDtlBody .ttl-circle {
    line-height: 1.25;
    margin-top: 1.5em;
    margin-bottom: 1.458333em;
    padding-left: 44px;
    font-size: 2.4em;
}

.columnDtlBody .ttl-circle:first-child {
    margin-top: 0;
}

.columnDtlBody .ttl-circle:before {
    top: 3px;
}

.columnDtlBody .image {
    margin-top: 0.5em;
    margin-bottom: 1.5em;
    text-align: center;
}

.columnDtlBody .lineBox {
    min-height: 89px;
    padding-bottom: 25px;
}

.no-boxsizing .columnDtlBody .lineBox {
    width: 684px;
}

.columnDtlBody .lineBox-cha {
    top: 8px;
    bottom: auto;
}

.no-boxsizing .columnDtlBody .lineBox-bal {
    width: 644px;
}

.columnDtlBody .lineBox p {
    margin-top: 0;
    margin-bottom: 1.28571em;
}

.columnDtlBody .lineBox-fairy,
.columnDtlBody .lineBox-ap {
    padding-right: 150px;
    padding-left: 86px;
}
.columnDtlBody .lineBox-fairy.twice {
    padding-right: 86px;
    padding-left: 150px;
}
.columnDtlBody .lineBox-fairy.twice .lineBox-cha{
    display:flex;
    align-items: baseline;
}

.columnDtlBody .lineBox-fairy .lineBox-cha,
.columnDtlBody .lineBox-ap .lineBox-cha {
    width: 54px;
}

.columnDtlBody .lineBox-fairy .lineBox-bal:before,
.columnDtlBody .lineBox-ap .lineBox-bal:before {
    content: '';
    position: absolute;
    top: 20px;
    left: -26px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 26px 10px 0;
    border-color: transparent #3cc6ad transparent transparent;
}
.columnDtlBody .lineBox-fairy.twice .lineBox-bal:before{
    border-color: transparent #FFCC00 transparent transparent;
}
.columnDtlBody .lineBox-ap .lineBox-bal:before {
    border-color: transparent #56abce transparent transparent;
}

.columnDtlBody .lineBox-fairy .lineBox-bal:after,
.columnDtlBody .lineBox-ap .lineBox-bal:after {
    top: 20px;
    bottom: auto;
    left: -21px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 26px 10px 0;
    border-color: transparent #fff transparent transparent;
    background-image: none;
}

.columnDtlBody .lineBox-ol {
    padding-right: 86px;
    padding-left: 150px;
}

.columnDtlBody .lineBox-ol .lineBox-cha {
    width: 50px;
}

.columnDtlBody .lineBox-ol .lineBox-bal:before {
    content: '';
    position: absolute;
    top: 20px;
    right: -26px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 26px;
    border-color: transparent transparent transparent #f098dc;
}

.columnDtlBody .lineBox-ol .lineBox-bal:after {
    top: 20px;
    bottom: auto;
    right: -21px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 26px;
    border-color: transparent transparent transparent #fff;
    background-image: none;
}


.columnDtlFooter {
    position: relative;
    width: 100%;
    border-top: 1px solid #e8e8e8;
    margin: 30px 0 8px;
    padding-top: 30px;
}

.columnDtlFooter .author {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
}

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

    .columnDetailArea {
        padding-top: 10px;
        padding-bottom: 10px;
        background-size: auto 216px;
    }

    .columnDtlBox {
        position: relative;
        z-index: 0;
        width: 100%;
        padding: 0;
        border-radius: 0;
        background-color: transparent;
    }

    .columnDtlBox .shadowBox {
        position: absolute;
        bottom: -13px;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 15px;
        background: url(/user/themes/common/images/bg_box_shadow-sp.png) no-repeat left bottom;
        background-size: 100% 15px;
    }

    .columnDtlBox .innerBox {
        padding: 18px 15px 2px;
        border-radius: 5px;
        background-color: #fff;
    }

    .columnDtlBox .image {
        margin-bottom: 1.2em;
    }

    .columnDtlBox p {
        line-height: 1.6;
        margin-bottom: 1.6em;
        font-size: 1.4em;
    }

    .columnDtlHeader {
        margin-bottom: 1em;
    }

    .columnDtlHeader .titleGroup {
        margin-bottom: 15px;
        padding: 11px 14px;
        border-radius: 3px;
    }

    .columnDtlHeader .title {
        line-height: 1.375;
        color: #685418;
        font-size: 1.6em;
    }
    .columnDtlHeaderTalk h1,
    .columnDtlHeaderTalk h2,
    .columnDtlHeaderTalk p.headerTitle,
    .areaDtlHeader h1{
        font-size: 1.6em;
        line-height: 1.375;
    }

    .columnDtlHeader .date {
        padding-top: 0.66667em;
        color: #999;
        font-size: 1.2em;
    }

    .columnDtlHeader .image {
        margin-top: 1.2em;
        margin-bottom: 1.2em;
    }

    .columnDtlHeader .snsShareBox {
        margin-bottom: 20px;
    }

    .snsShareList li {
        height: auto;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .snsShareList .tw {
        width: 48.7037%;
        margin-right: 2.59259%;
    }

    .snsShareList .fb-s {
        width: 48.7037%;
    }

    .snsShareList .fb-l {
        clear: both;
    }

    .snsShareList .btn-tweet,
    .snsShareList .btn-fb-share {
        width: 100%;
        height: auto;
        padding: 11px 0;
        border-radius: 2px;
        transition: none;
    }

    .snsShareList .btn-tweet:before {
        display: inline-block;
        position: static;
        width: 13px;
        height: 13px;
        vertical-align: middle;
        margin: 0 3px 0 0;
        background-position: left center;
        background-size: 13px auto;
    }

    .snsShareList .btn-fb-share:before {
        display: inline-block;
        position: static;
        width: 13px;
        height: 13px;
        vertical-align: middle;
        margin: 0 3px 0 0;
        background-position: left center;
        background-size: 13px auto;
    }

    .snsShareList .hidden-pc {
        display: inline-block;
    }

    .snsShareList .fb-like {
        position: static;
    }

    .columnDtlBody .ttl-circle {
        line-height: 1.33333;
        margin-top: 1.33333em;
        margin-bottom: 0.86667em;
        padding-left: 19px;
        font-size: 1.5em;
    }

    .columnDtlBody .image {
        margin-top: 0.5em;
        margin-bottom: 1.5em;
    }

    .columnDtlBody .lineBox {
        min-height: 58px;
        padding-bottom: 10px;
    }

    .columnDtlBody .lineBox-bal {
    }

    .columnDtlBody .lineBox p {
        line-height: 1.57143;
        margin-bottom: 0.85714em;
        font-size: 1.4em;
    }

    .columnDtlBody .lineBox-fairy,
    .columnDtlBody .lineBox-ap {
        padding-right: 25px;
        padding-left: 50px;
    }
    .columnDtlBody .lineBox-fairy.twice {
        padding-right: 25px;
        padding-left: 90px;
    }

    .columnDtlBody .lineBox-fairy .lineBox-cha,
    .columnDtlBody .lineBox-ap .lineBox-cha {
        width: 35px;
    }


    .columnDtlBody .lineBox-fairy .lineBox-bal:before,
    .columnDtlBody .lineBox-ap .lineBox-bal:before {
        top: 18px;
        left: -13px;
        border-width: 6px 13px 6px 0;
    }

    .columnDtlBody .lineBox-fairy .lineBox-bal:after,
    .columnDtlBody .lineBox-ap .lineBox-bal:after {
        top: 18px;
        left: -11px;
        border-width: 6px 13px 6px 0;
    }

    .columnDtlBody .lineBox-ol {
        padding-right: 50px;
        padding-left: 25px;
    }

    .columnDtlBody .lineBox-ol .lineBox-cha {
        width: 31px;
    }

    .columnDtlBody .lineBox-ol .lineBox-bal:before {
        top: 18px;
        right: -13px;
        border-width: 6px 0 6px 13px;
    }

    .columnDtlBody .lineBox-ol .lineBox-bal:after {
        top: 18px;
        right: -11px;
        border-width: 6px 0 6px 13px;
    }

    .columnDtlFooter {
        margin: 10px 0 13px;
        padding-top: 15px;
    }

    .columnDtlFooter .author {
        position: static;
        text-align: right;
    }
}

/* --------------------------------------------------

口コミ投稿

-------------------------------------------------- */


.icon-01,
.icon-02,
.icon-03,
.icon-04,
.icon-05,
.icon-06,
.icon-07,
.icon-08,
.icon-09,
.icon-10,
.icon-11,
.icon-12,
.icon-13,
.icon-14,
.icon-15,
.icon-16,
.icon-17,
.icon-18,
.icon-19,
.icon-20,
.icon-21,
.icon-22,
.icon-23,
.icon-24,
.icon-25,
.icon-26{
    background-image:url(/user/themes/common/images/voice/8.png);
    /*background-size:40px 40px;*/
    padding-left:45px;
    background-repeat:no-repeat;
}


.icon-01{background-image:url(/user/themes/common/images/voice/1.png);}
.icon-02{background-image:url(/user/themes/common/images/voice/2.png);}
.icon-03{background-image:url(/user/themes/common/images/voice/3.png);}
.icon-04{background-image:url(/user/themes/common/images/voice/4.png);}
.icon-05{background-image:url(/user/themes/common/images/voice/5.png);}
.icon-06{background-image:url(/user/themes/common/images/voice/6.png);}
.icon-07{background-image:url(/user/themes/common/images/voice/7.png);}
.icon-08{background-image:url(/user/themes/common/images/voice/8.png);}
.icon-09{background-image:url(/user/themes/common/images/voice/9.png);}
.icon-10{background-image:url(/user/themes/common/images/voice/10.png);}
.icon-11{background-image:url(/user/themes/common/images/voice/11.png);}
.icon-12{background-image:url(/user/themes/common/images/voice/12.png);}
.icon-13{background-image:url(/user/themes/common/images/voice/13.png);}
.icon-14{background-image:url(/user/themes/common/images/voice/14.png);}
.icon-15{background-image:url(/user/themes/common/images/voice/15.png);}
.icon-16{background-image:url(/user/themes/common/images/voice/16.png);}
.icon-17{background-image:url(/user/themes/common/images/voice/17.png);}
.icon-18{background-image:url(/user/themes/common/images/voice/18.png);}
.icon-19{background-image:url(/user/themes/common/images/voice/19.png);}
.icon-20{background-image:url(/user/themes/common/images/voice/20.png);}
.icon-21{background-image:url(/user/themes/common/images/voice/21.png);}
.icon-22{background-image:url(/user/themes/common/images/voice/22.png);}
.icon-23{background-image:url(/user/themes/common/images/voice/23.png);}
.icon-24{background-image:url(/user/themes/common/images/voice/24.png);}
.icon-25{background-image:url(/user/themes/common/images/voice/25.png);}
.icon-26{background-image:url(/user/themes/common/images/voice/26.png);}



.man{
    font-weight: bold;
    margin-bottom: 5px;
}

.kuchikomiIntroArea {
    margin-bottom: 37px;
    padding-bottom: 8px;
    border-bottom: 1px solid #d4d9df;
}

.kuchikomiCautionArea {
    margin-bottom: 37px;
    padding-bottom: 8px;
    border-bottom: 1px solid #d4d9df;
}

.kuchikomiCautionArea ul {
    line-height: 1.71429;
    margin: 0 0 1.71429em;
    padding: 0 0 0 1.42857em;
}

.kuchikomiPostArea .buttonField {
    padding-top: 40px;
}

.table-kuchikomi {
    width: 100%;
    line-height: 1.57143;
    border-top: 1px solid #e6e4d8;
    font-size: 1.4em;
}

.table-kuchikomi th,
.table-kuchikomi td {
    padding: 24px 20px;
    border-bottom: 1px solid #e6e4d8;
}

.table-kuchikomi th {
    width: 158px;
    background-color: #f5f5f5;
    text-align: left;
}

.table-kuchikomi th small {
    font-size: 1em;
}

.table-kuchikomi .vt {
    vertical-align: top;
    padding-top: 30px;
}

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

    .man{
        margin-bottom: 0;
    }

    .kuchikomiIntroArea,
    .kuchikomiCautionArea {
        margin-bottom: 0;
        padding-bottom: 5px;
        border-bottom: none;
    }

    .kuchikomiCautionArea ul {
        line-height: 1.5;
        margin: 0 0 1em;
        padding: 0 0 0 1.25em;
    }

    .kuchikomiPostArea .buttonField {
        padding-top: 10px;
        padding-bottom: 12px;
    }

    .table-kuchikomi {
        line-height: 1.5;
        font-size: 1.4em;
    }

    .table-kuchikomi th,
    .table-kuchikomi td {
        padding: 10px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .table-kuchikomi th {
        width: 31%;
        max-width: 118px;
        padding-right: 5px;
    }

    .table-kuchikomi td {
        padding-left: 5px;
    }

    .table-kuchikomi .vt {
        padding-top: 20px;
    }

    .table-kuchikomi th small {
        font-size: 0.85714em;
    }

    .table-kuchikomi .select-srvc {
        width: 162px;
    }
}

/* --------------------------------------------------

調査基準

-------------------------------------------------- */

.sec-research01 {
    padding-bottom: 25px;
    border-bottom: 1px solid #d8d8d8;
}

.sec-research02 .text-sup {
    font-size: 1.2em;
}

.sec-research02 .dl-box {
    margin-top: 2.35714em;
    margin-bottom: 0;
}

.researchDtlList {
    line-height: 1.71429;
    margin-top: 2em;
    font-size: 1.4em;
}

.researchDtlList dt {
    position: relative;
    width: 128px;
    line-height: 1.6;
    color: #242424;
    font-weight: bold;
    font-size: 1.07143em;
}

.researchDtlList dt:after {
    content: '：';
    position: absolute;
    top: 0;
    right: 0;
    color: #333;
    font-weight: normal;
}

.researchDtlList dd {
    margin: -1.71429em 0 1em;
    padding: 0 0 0 148px;
}

.data-researchResult {
    width: 100%;
    line-height: 1.30769;
    margin-top: 30px;
    color: #242424;
    font-size: 1.3em;
    table-layout: fixed;
}

.data-researchResult caption {
    padding-bottom: 14px;
    font-size: 1.23077em;
}

.data-researchResult th {
    padding: 16px 10px;
}

.data-researchResult td {
    padding: 11px 10px;
    text-align: center;
}

.data-researchResult .col01 {
    width: 156px;
}

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

    .sec-research01 {
        padding-bottom: 3px;
        border-bottom: none;
    }

    .sec-research02 .text-sup {
        font-size: 0.9em;
    }

    .sec-research02 .dl-box {
        margin-top: 2em;
        margin-bottom: 1.25em;
    }

    .researchDtlList {
        line-height: 1.5;
        margin-top: 1em;
        font-size: 1.2em;
    }

    .researchDtlList dt {
        width: 92px;
        line-height: 1.5;
        font-size: 1em;
    }

    .researchDtlList dd {
        margin: -1.5em 0 1em;
        padding: 0 0 0 100px;
    }

    .data-researchResult {
        line-height: 1.33333;
        margin-top: 0;
        font-size: 1.2em;
        table-layout: fixed;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }

    .data-researchResult caption {
        padding-bottom: 14px;
        font-size: 1em;
    }

    .data-researchResult th,
    .data-researchResult td {
        padding: 8px 3px;
    }

    .data-researchResult td {
        text-align: center;
    }

    .data-researchResult .col01 {
        width: 16%;
    }
}

/* --------------------------------------------------

運営会社

-------------------------------------------------- */

.data-companyProf {
    width: 100%;
    line-height: 1.42857;
    margin: 0.71429em 0;
    font-size: 1.4em;
}

.data-companyProf th,
.data-companyProf td {
    padding: 20px;
}

.data-companyProf th {
    width: 100px;
    text-align: left;
}


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

    .data-companyProf {
        line-height: 1.5;
        margin: 1.66667em 0;
        font-size: 1.4em;
    }

    .data-companyProf th,
    .data-companyProf td {
        padding: 12px 9px;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }

    .data-companyProf th {
        width: 100px;
    }

    .company .contentBox .image{
        padding: 10px 0;
    }
    .company .contentBox2 .image{
        padding: 10px 0;
    }
}

/* --------------------------------------------------

サイトマップ

-------------------------------------------------- */

.sec-sitemap > .ttl-circle:first-child {
    margin-top: 0.38889em;
}

.sec-sitemap section {
    padding-left: 35px;
}

.sec-sitemap section .ttl-circle {
    padding-left: 30px;
    font-size: 1.4em;
}

.sec-sitemap section .ttl-circle:before {
    background-size: 18px auto;
}

.no-backgroundsize .sec-sitemap section .ttl-circle {
    padding-left: 36px;
    font-size: 1.8em;
}

.sec-sitemap ul {
    margin-left: 0;
    padding-left: 5px;
    list-style-type: none;
}

.sec-sitemap li {
    margin-bottom: 5px;
    margin-left: 60px;
}

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

    .sec-sitemap > .ttl-circle:first-child {
        margin-top: 1.25em;
    }

    .sec-sitemap section {
        padding-left: 16px;
    }

    .sec-sitemap section .ttl-circle {
        padding-left: 18px;
        font-size: 1.4em;
    }

    .sec-sitemap section .ttl-circle:before {
        background-size: 14px 14px;
    }

    .no-backgroundsize .sec-sitemap section .ttl-circle {
        padding-left: 16px;
        font-size: 1.2em;
    }

    .sec-sitemap ul {
        padding-left: 0;
    }

    .sec-sitemap li {
        margin-left: 16px;
    }
}

/* --------------------------------------------------

みんなが通う！全身脱毛サロン

-------------------------------------------------- */

.other .topicPath {
    margin-bottom: 0;
}

.otherSalonListArea {
    padding-bottom: 10px;
}

.otherSalonListArea .heading {
    position: relative;
    width: 528px;
    line-height: 1;
    overflow: hidden;
    margin: 0 auto 2.5em;
    font-size: 1em;
    background: url(/user/themes/common/images/ttl_other_salon.png) no-repeat center top;
    background-size: contain;
    text-indent: 1000%;
    white-space: nowrap;
}

.no-backgroundsize .otherSalonListArea .heading {
    width: 556px;
    height: 271px;
}

.otherSalonListArea .heading:before {
    content: '';
    display: block;
    padding-top: 48.67424%;
}

.no-backgroundsize .otherSalonListArea .heading:before {
    content: none;
}

.otherSalonListArea .heading-text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.otherSalonListArea .lead {
    line-height: 1.8;
    margin: 0 0 1.53333em;
    font-weight: normal;
    font-size: 1.5em;
    text-align: center;
}

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

    .otherSalonListArea {
        padding-bottom: 1px;
    }

    .otherSalonListArea .heading {
        width: 92.66667%;
        max-width: 556px;
        margin-bottom: 1em;
    }

    .otherSalonListArea .lead {
        line-height: 1.5;
        margin-bottom: 1.25em;
        font-size: 1.4em;
    }
}





/* --------------------------------------------------

漫画

-------------------------------------------------- */

/* 一覧ページ
------------------------- */
.mangaIndexArea {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 10px;
    background-color: #3cc6ad;
    background-image: url(/user/themes/common/images/bg_texture01.png);
}

.mangaIndexArea .heading {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 0 auto 20px;
    background: url(/user/themes/common/images/manga/img_manga_main.png) no-repeat center top;
    text-indent: 100%;
    white-space: nowrap;
}

.no-backgroundsize .mangaIndexArea .heading {
    height: 396px;
}

.mangaIndexArea .heading:before {
    content: '';
    display: block;
    padding-top: 39.6%;
}

.no-backgroundsize .mangaIndexArea .heading:before {
    content: none;
}

.mangaIndexArea .heading-text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.mangaIndexList {
    line-height: 1;
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 1em;
}

.mangaIndexList li {
    margin-bottom: 20px;
    border-radius: 10px;
    background-color: #fff;
}

.mangaIndexList .link-block {
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 22px 0;
    text-decoration: none;
    cursor: pointer;
}

.mangaIndexList .link-block:after {
    content: '';
    position: absolute;
    top: 0;
    right: 40px;
    bottom: 0;
    width: 15px;
    height: 28px;
    margin: auto 0;
    background-image: url(/user/themes/common/images/arrow06.png);
    background-repeat: no-repeat;
    transition: opacity 0.15s;
}

.mangaIndexList .link-block:hover .title-text {
    text-decoration: none;
}

.mangaIndexList .link-block:hover:after {
    opacity: 0.5;
}

.mangaIndexList .colL {
    float: left;
    width: 125px;
    padding: 0 30px 0 40px;
    text-align: center;
}

.mangaIndexList .colR {
    float: left;
    width: 710px;
    padding: 0 95px 0 0;
}

.mangaIndexList .title {
    margin-bottom: 0.8em;
    padding-top: 0.4em;
    font-weight: bold;
}

.mangaIndexList .title-ep {
    display: block;
    line-height: 2.22222;
    font-size: 1.8em;
    color: #aaa;
}

.mangaIndexList .title-text {
    line-height: 1.33333;
    color: #45c9b1;
    font-size: 2.4em;
    text-decoration: underline;
}

.mangaIndexList .lead {
    line-height: 1.57143;
    font-size: 1.4em;
}

.mangaArtistProfile {
    margin: 0 0 1.42857em;
    padding: 1.71429em 0;
    border: 2px solid #dad8b0;
    border-radius: 10px;
    background-color: #fffdd4;
}

.mangaArtistProfile dt {
    margin-bottom: 0.75em;
    padding: 0 2.3125em;
    font-size: 1.14286em;
}

.mangaArtistProfile dd {
    margin: 0;
    padding: 0 2.64286em;
}

.mangaArtistProfile .name {
    font-weight: bold;
}

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

    .mangaIndexArea {
        padding-top: 10px;
        padding-bottom: 10px;
        background-size: auto 216px;
    }

    .mangaIndexArea .fixedBox {
        margin-bottom: 0;
    }

    .mangaIndexArea .heading {
        margin-bottom: 10px;
        border-radius: 5px;
        background-size: cover;
    }

    .mangaIndexArea .heading:before {
        padding-top: 55.77465%;
    }

    .mangaIndexList li {
        position: relative;
        margin-bottom: 10px;
        border-radius: 5px;
    }

    .mangaIndexList .link-block {
        display: table;
        padding: 0;
    }

    .mangaIndexList .link-block:after {
        right: 20px;
        width: 8px;
        height: 14px;
        background-size: auto 14px;
        transition: none;
    }

    .mangaIndexList .link-block:hover:after,
    .mangaIndexList .link-block:hover .opaOver {
        opacity: 1;
    }

    .mangaIndexList .colL {
        display: table-cell;
        float: none;
        width: 98px;
        max-width: 98px;
        vertical-align: middle;
        padding: 0 15px 0 20px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .mangaIndexList .colR {
        display: table-cell;
        float: none;
        width: auto;
        vertical-align: middle;
        padding: 10px 48px 15px 0;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .mangaIndexList .title {
        margin-bottom: 0.5em;
        padding-top: 0;
    }

    .mangaIndexList .title-ep {
        line-height: 1.71429;
        font-size: 1.4em;
    }

    .mangaIndexList .title-text {
        line-height: 1.375;
        font-size: 1.6em;
    }

    .mangaIndexList .lead {
        line-height: 1.42857;
    }

    .mangaArtistProfile {
        line-height: 1.42857;
        margin-bottom: 0.71429em;
        padding: 1.14286em 0;
        border-width: 1px;
        border-radius: 5px;
    }

    .mangaArtistProfile dt {
        margin-bottom: 0.71429em;
        padding: 0 1.28571em;
        font-size: 1em;
    }

    .mangaArtistProfile dd {
        padding: 0 1.28571em;
    }
}

/* 詳細ページ
------------------------- */

.mangaDetailArea {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #3cc6ad;
    background-image: url(/user/themes/common/images/bg_texture01.png);
}

.mangaDetailArea .fixedBox {
    margin-bottom: 20px;
}

.mangaDtlBox {
    padding: 40px 40px 22px;
    border-radius: 10px;
    background-color: #fff;
}

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

.mangaDtlHeader .titleGroup {
    margin-bottom: 40px;
    padding: 14px 20px;
    border-radius: 5px;
    color: #685418;
    background-color: #fffa6d;
}

.mangaDtlHeader .title {
    line-height: 1.33333;
    margin: 0;
    font-weight: bold;
    font-size: 2.4em;
}

.mangaDtlBody {
    min-height: 1000px;
}

.mangaImageBox {
    line-height: 1;
    text-align: center;
}

.mangaDtlFooter {
    position: relative;
    width: 100%;
    margin: 30px 0 18px;
}

.mangaPageNav {
    width: 100%;
    line-height: 1.55556;
    overflow: hidden;
    margin-top: 50px;
    font-size: 1.8em;
}

.mangaPageNav	.prev {
    float: left;
}

.mangaPageNav	.next {
    float: right;
}

.mangaPageNav	a {
    color: #fff;
}

.mangaPageNav	a:visited {
    color: #fff;
}

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

    .mangaDetailArea {
        padding-top: 10px;
        padding-bottom: 10px;
        background-size: auto 216px;
    }

    .mangaDtlBox {
        position: relative;
        z-index: 0;
        width: 100%;
        padding: 0;
        border-radius: 0;
        background-color: transparent;
    }

    .mangaDtlBox .shadowBox {}

    .mangaDtlBox .innerBox {
        padding: 18px 15px 2px;
        border-radius: 5px;
        background-color: #fff;
    }

    .mangaDtlHeader .titleGroup {
        margin-bottom: 15px;
        padding: 11px 14px;
        border-radius: 3px;
    }

    .mangaDtlHeader .title {
        line-height: 1.375;
        color: #685418;
        font-size: 1.6em;
    }

    .mangaDtlFooter {
        margin: 15px 0 8px;
        padding-top: 15px;
        border-top: 1px solid #e8e8e8;
    }

    .mangaPageNav {
        margin-top: 30px;
    }
}





/* --------------------------------------------------

取材コンテンツ

-------------------------------------------------- */

/* 一覧ページ
------------------------- */
.reportIndexArea {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 10px;
    background-color: #3cc6ad;
    background-image: url(/user/themes/common/images/bg_texture01.png);
}

.reportIndexBox {
    padding: 30px 40px 5px;
    border-radius: 10px;
    background-color: #fff;
}

.reportIndexBox .heading {
    line-height: 1.33333;
    margin: 0 0 1.25em;
    padding: 0.58333em 1.25em;
    color: #5d4f27;
    background-color: #fffa6d;
    font-size: 2.4em;
}

.reportIntroTalkBox {
    width: 100%;
    overflow: hidden;
    margin-bottom: 40px;
}

.reportIntroTalkBox .cha {
    position: relative;
    float: left;
    width: 13.26087%;
    padding-right: 3.80435%;
}

.reportIntroTalkBox .cha:before {
    content: '';
    position: absolute;
    top: 28px;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 26px 9px 0;
    border-color: transparent #e8e8e8 transparent transparent;
}

.reportIntroTalkBox .cha:after {
    content: '';
    position: absolute;
    top: 28px;
    right: -5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 26px 9px 0;
    border-color: transparent #fff transparent transparent;
}

.reportIntroTalkBox .cap {
    float: right;
    width: 82.93478%;
}

.reportIntroTalkBox .cap-inner {
    padding: 13px 20px 15px;
    border: 2px solid #e8e8e8;
    border-radius: 5px;
    background-color: #fff;
}

.reportIntroTalkBox .name {
    line-height: 1.71429;
    padding: 0 0 0.57143em;
    border-bottom: 1px solid #e8e8e8;
    font-size: 1.4em;
}

.reportIntroTalkBox .cap p {
    margin-bottom: 0;
}

.reportIntroTalkBox .cap p + p {
    margin-top: 1.71429em;
}

.reportBoxRow {
    width: 100%;
    overflow: hidden;
    margin-bottom: 40px;
}

.reportBoxRow .reportBox {
    float: left;
}

.reportBoxRow .reportBox:first-child {
    margin-right: 40px;
}

.reportBox {
    width: 440px;
    padding-bottom: 30px;
    border-bottom: 1px solid #f0f0f0;
}

.reportBox-image {
    position: relative;
    width: 100%;
    margin: 0 0 1.7em;
    padding: 0;
    text-align: center;
}

.reportBox-image .name {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    line-height: 1.28571;
    padding: 0.78571em 1em;
    color: #fff;
    background-color: rgba(0,0,0,.3);
    font-weight: bold;
    font-size: 1.4em;
    text-align: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.reportBox-title {
    display: table;
    position: relative;
    width: 100%;
    line-height: 1.33333;
    margin: 0 0 0.55556em;
    font-size: 1.8em;
}

.reportBox-title a {
    display: table-cell;
    height: 48px;
    vertical-align: middle;
    padding-right: 20px;
    color: #56ceb8;
}

.reportBox-title a:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 15px;
    height: 28px;
    margin: auto 0;
    background-image: url(/user/themes/common/images/arrow06.png);
    background-repeat: no-repeat;
    transition: opacity 0.15s;
}

.reportBox-title a:visited {
    color: #56ceb8;
}

.reportBox-title a:hover:after {
    opacity: 0.5;
}

.reportBox-meta {
    width: 100%;
}

.reportBox-meta:after {
    content: "";
    display: block;
    clear: both;
}

.reportBox-meta .date {
    float: left;
    width: 94px;
    line-height: 1.66667;
    margin: 0;
    color: #999;
    font-size: 1.2em;
}

.reportBox-meta .sns {
    float: left;
    width: 346px;
}

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

    .reportIndexArea {
        padding-top: 10px;
        background-size: auto 216px;
    }

    .reportIndexBox {
        padding: 15px 15px 5px;
        border-radius: 5px;
    }

    .reportIndexBox .heading {
        line-height: 1.26667;
        margin-bottom: 0.93333em;
        padding: 0.6em 0.93333em;
        border-radius: 3px;
        font-size: 1.5em;
    }

    .reportIntroTalkBox {
        display: table;
        margin-bottom: 20px;
    }

    .reportIntroTalkBox .cha {
        display: table-cell;
        float: none;
        width: 61px;
        vertical-align: top;
        padding-top: 6px;
        padding-right: 16px;
    }

    .reportIntroTalkBox .cha:before {
        top: 26px;
        border-width: 5px 13px 5px 0;
    }

    .reportIntroTalkBox .cha:after {
        top: 26px;
        right: -3px;
        border-width: 5px 13px 5px 0;
    }

    .reportIntroTalkBox .cap {
        display: table-cell;
        float: none;
        width: auto;
    }

    .reportIntroTalkBox .cap-inner {
        padding: 7px 12px 11px;
        border-width: 1px;
        border-radius: 3px;
    }

    .reportIntroTalkBox .name {
        padding-bottom: 0.21429em;
    }

    .reportIntroTalkBox .cap p {
        line-height: 1.57143;
        margin-top: 0.57143em;
    }

    .reportIntroTalkBox .cap p + p {
        margin-top: 1.57143em;
    }

    .reportBoxRow {
        margin-bottom: 0;
    }

    .reportBoxRow .reportBox {
        float: none;
    }

    .reportBoxRow .reportBox:first-child {
        margin-right: 0;
    }

    .reportIntroTalkBox + .reportBoxRow .reportBox:first-child {
        margin-right: 0;
        padding-top: 0;
        border-top: none;
    }

    .reportBox {
        width: 100%;
        margin-bottom: 20px;
        padding-top: 20px;
        padding-bottom: 0;
        border-top: 1px solid #f0f0f0;
        border-bottom: none;
    }

    .reportBox-image {
        margin-bottom: 1.3em;
    }

    .reportBox-image .name {
        padding: 0.64286em 0.85714em;
    }

    .reportBox-title {
        display: block;
        line-height: 1.26667;
        margin-bottom: 0.86667em;
        font-size: 1.5em;
    }

    .reportBox-title a {
        display: inline;
        height: auto;
        padding-right: 0;
    }

    .reportBox-title a:after {
        content: none;
        transition: none;
    }

    .reportBox-title a:hover:after {
        opacity: 1;
    }

    .reportBox-meta {
        display: table;
        width: 100%;
    }

    .reportBox-meta .date {
        display: table-cell;
        float: none;
        font-weight: bold;
    }

    .reportBox-meta .sns {
        display: table-cell;
        float: none;
        width: auto;
    }
}

/* 詳細ページ
------------------------- */
.reportDetailArea {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 40px;
    background-color: #3cc6ad;
    background-image: url(/user/themes/common/images/bg_texture01.png);
}

.reportDetailArea .fixedBox {
    margin-bottom: 20px;
}

.reportDtlBox {
    padding: 30px 40px 5px;
    border-radius: 10px;
    background-color: #fff;
}

#salonReport .reportDtlBox {
    padding: 30px 0 5px;
    border-radius: 10px;
    background-color: #fff;
}

.reportDtlBox p {
    line-height: 2.14286;
    margin-bottom: 2.14286em;
}

.report-main-image {
    line-height: 1;
    margin-bottom: 3.8em;
    text-align: center;
}

.report-main-title {
    line-height: 1.66667;
    margin-bottom: 1.33333em;
    font-size: 2.4em;
    text-align: center;
}

.reportDtlLines {
    margin-bottom: 4em;
    padding-top: 2em;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}

.report-line {
    display: table;
    width: 100%;
    margin-bottom: 2em;
}

.report-line .cha {
    display: table-cell;
    width: 80px;
    vertical-align: top;
    text-align: center;
}

.report-line-ol .cha {
    width: 68px;
    padding: 0 6px;
}

.report-line .cha .img-resp {
    width: 100%;
}

.report-line .text {
    display: table-cell;
    vertical-align: middle;
    padding-left: 34px;
}

.report-line .text p {
    line-height: 1.71429;
    margin: 0;
}

.report-sec {
    margin-bottom: 3.2em;
}

.report-sec-title {
    line-height: 1.33333;
    margin: 0 0 1.33333em;
    padding: 0.58333em 0.83333em;
    color: #5d4f27;
    background-color: #fffa6d;
    font-size: 2.4em;
}

.report-divider {
    margin: 3.2em 0;
    border: 1px solid #e8e8e8;
    border-width: 1px 0 0;
}

.report-image {
    line-height: 1;
    margin-bottom: 2.2em;
    text-align: center;
}

.report-sec-title + .report-image,
.report-divider + .report-image {
    margin-top: 4em;
}

.report-question-title {
    position: relative;
    width: 100%;
    line-height: 1;
    text-align: center;
}

.report-question {
    margin-bottom: 3.2em;
}

.report-question-title {
    position: relative;
    width: 100%;
    line-height: 1;
    margin-bottom: 3em;
    font-size: 1em;
    text-align: center;
}

.report-question-title:before,
.report-question-title:after {
    content: '';
    position: absolute;
    bottom: 8px;
    width: 41.30435%;
    height: 1px;
    background-color: #dfdfdf;
}

.report-question-title:before {
    left: 0;
}

.report-question-title:after {
    right: 0;
}

.report-question-title .img-resp {
    width: 116px;
}

.report-question-item {
    margin-bottom: 2.14286em;
}

.report-question-item .q {
    position: relative;
    min-height: 3em;
    line-height: 1.5;
    margin-bottom: 0.4em;
    padding-left: 2.4em;
    font-weight: bold;
    font-size: 1.42857em;
}

.report-question-item .img-resp {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.7em;
}

.report-question-item .bal {
    position: relative;
    line-height: 1.71429;
    margin: 0 0 0 0.92857em;
    padding: 1.35714em 1.57143em;
    border: 2px solid #e8e8e8;
}

.report-question-item .bal:before,
.report-question-item .bal:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 22px 25px 0px;
    border-color: transparent;
}

.report-question-item .bal:before {
    top: -25px;
    left: -2px;
    border-bottom-color: #e8e8e8;
}

.report-question-item .bal:after {
    top: -20px;
    left: 0;
    border-bottom-color: #fff;
}

.report-question-item .marker {
    background-color: #fffcb6;
    font-weight: normal;
}

.report-cvBtn .goDtlBtn {
    position: relative;
    margin: 2.5em 0;
    font-size: 1.6em;
    text-align: center;
}

.report-cvBtn .goDtlBtn .btn {
    display: table;
    width: 100%;
    line-height: 1.33333;
    border-radius: 3px;
}

.no-display-table .report-cvBtn .goDtlBtn {
    display: block;
    width: auto;
    padding: 26px 40px;
}

.report-cvBtn .goDtlBtn .btn:after {
    content: '';
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    width: 11px;
    height: 20px;
    margin: auto 0;
    background-image: url(/user/themes/common/images/arrow02.png);
    background-repeat: no-repeat;
}

.report-cvBtn .goDtlBtn .cell {
    display: table-cell;
    height: 70px;
    vertical-align: middle;
    padding: 0 40px;
}

.report-interview {
    margin-bottom: 3.2em;
}

.report-interview .int {
    position: relative;
    line-height: 1.5;
    margin-bottom: 0.8125em;
    padding-left: 3.375em;
    font-weight: bold;
    color: #00b897;
    font-size: 1.6em;
}

.report-interview .int:before {
    content: '';
    position: absolute;
    top: 0.75em;
    left: 0;
    width: 2.375em;
    height: 1px;
    background-color: #3ec6ae;
}

.report-interview p {
    line-height: 1.71429;
}

.report-interview .marker {
    background-color: #fffcb6;
    font-weight: normal;
}

.report-info {
    width: 100%;
    overflow: hidden;
}

.report-info-col {
    position: relative;
    width: 360px;
    margin-bottom: 3.6em;
    padding: 88px 50px 0;
}

.report-info .report-info-col {
    float: left;
}

.report-info-heading {
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    margin: 0;
}

.report-info-image {
    line-height: 1;
    margin-bottom: 3.2em;
    text-align: center;
}

.report-info-data {
    line-height: 1.57143;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.report-info-data li {
    margin-bottom: 0.28571em;
}

.reportDtlFooter {
    border-top: 1px solid #e8e8e8;
    margin: 0 0 3.5em;
    padding-top: 40px;
}

.reportPageNav {
    width: 100%;
    line-height: 1.55556;
    overflow: hidden;
    margin-top: 50px;
    font-size: 1.8em;
}

.reportPageNav	.prev {
    float: left;
}

.reportPageNav	.next {
    float: right;
}

.reportPageNav	a {
    color: #fff;
}

.reportPageNav	a:visited {
    color: #fff;
}

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

    .reportDetailArea {
        padding-top: 10px;
        padding-bottom: 10px;
        background-size: auto 216px;
    }

    .reportDtlBox {
        padding: 15px 15px 5px;
        border-radius: 5px;
    }

    .reportDtlBox p {
        line-height: 1.57143;
        margin-bottom: 1.57143em;
    }

    .report-main-image {
        margin-bottom: 1.8em;
    }

    .report-main-title {
        line-height: 1.33333;
        margin-bottom: 1em;
        font-size: 1.8em;
    }

    .reportDtlLines {
        margin-bottom: 2.5em;
        padding-bottom: 1em;
    }

    .report-line {
        margin-bottom: 1em;
    }

    .report-line .cha {
        width: 50px;
    }

    .report-line-ol .cha {
        width: 42px;
        padding: 0 4px;
    }

    .report-line .text {
        padding-left: 20px;
    }

    .report-line .text p {
        line-height: 1.57143;
    }

    .report-sec {
        margin-bottom: 2.2em;
    }

    .report-sec-title {
        line-height: 1.26667;
        margin-bottom: 1.06667em;
        padding: 0.6em 0.93333em;
        border-radius: 3px;
        font-size: 1.5em;
    }

    .report-divider {
        margin: 2.2em 0;
    }

    .report-image {
        margin-bottom: 1.5em;
    }

    .report-sec-title + .report-image {
        margin-top: 2em;
    }

    .report-divider + .report-image {
        margin-top: 2.5em;
    }

    .report-question {
        margin-bottom: 2.2em;
    }

    .report-question-title {
        margin-bottom: 2em;
    }

    .report-question-title:before,
    .report-question-title:after {
        bottom: 6px;
        width: 36%;
    }

    .report-question-title .img-resp {
        width: 24.61535%;
        max-width: 80px;
    }

    .report-question-item {
        margin-bottom: 1.07143em;
    }

    .report-question-item .q {
        min-height: 0;
        line-height: 1.42857;
        margin-bottom: 1.21429em;
        padding-left: 2.5em;
        font-size: 1em;
    }

    .report-question-item .img-resp {
        top: 2px;
        width: 1.64286em;
    }

    .report-question-item .bal {
        line-height: 1.57143;
        margin-left: 0;
        padding: 0.73333em 1.07143em;
        border-width: 1px;
    }

    .report-question-item .bal:before,
    .report-question-item .bal:after {
        border-width: 0 11px 12px 0px;
    }

    .report-question-item .bal:before {
        top: -12px;
        left: -1px;
    }

    .report-question-item .bal:after {
        top: -9px;
        left: 0;
    }

    .report-cvBtn .goDtlBtn {
        margin: 1.66667em 0;
        font-size: 1.5em;
    }

    .report-cvBtn .goDtlBtn .btn {
        line-height: 1.33333;
    }

    .report-cvBtn .goDtlBtn .btn:after {
        right: 10px;
        width: 8px;
        height: 15px;
        background-size: 8px 15px;
    }

    .report-cvBtn .goDtlBtn .cell {
        height: 59px;
        padding: 0 20px;
    }

    .report-interview {
        margin-bottom: 2.2em;
    }

    .report-interview .int {
        line-height: 1.57143;
        margin-bottom: 0.42857em;
        padding-left: 1.92857em;
        font-size: 1.4em;
    }

    .report-interview .int:before {
        top: 0.85714em;
        width: 1.37514em;
    }

    .report-interview p {
        line-height: 1.57143;
        margin-top: 0;
    }

    .report-info-col {
        width: auto;
        margin-bottom: 2.5em;
        padding: 44px 0 0;
    }

    .report-info .report-info-col {
        float: none;
    }

    .report-info-heading {
        width: 80px;
    }

    .report-info-image {
        margin-bottom: 1.4em;
        padding: 0 22px;
    }

    .reportDtlFooter {
        margin-bottom: 0.5em;
        padding-top: 20px;
    }

    .reportPageNav {
        margin-top: 30px;
    }




}





/* --------------------------------------------------

料金コンテンツ

-------------------------------------------------- */

.price .topicPath {
    margin-bottom: 0;
}

.priceContArea {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 10px;
    background-color: #3cc6ad;
    background-image: url(/user/themes/common/images/bg_texture01.png);
}

.priceContBox {
    padding: 40px 40px 5px;
    border-radius: 10px;
    background-color: #fff;
}

.priceContHeading {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 0 auto 4em;
    background-image: url(/user/themes/common/images/price/txt_page_title-pc.png);
    background-repeat: no-repeat;
    font-size: 1em;
    text-indent: 100%;
    white-space: nowrap;
}

.priceContHeading:before {
    content: '';
    display: block;
    padding-top: 43.47826%;
}

.priceContHeading .heading-text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.sec-price .subHeading {
    line-height: 1.3478;
    margin-bottom: 1.7391em;
    padding: 0.6087em 0.7826em;
    color: #5d4f27;
    background-color: #fffa6d;
    font-size: 2.3em;
}

.sec-price-kuchikomi {
    position: relative;
    margin-right: -40px;
    margin-bottom: 40px;
    margin-left: -40px;
}

.sec-price-kuchikomi .salonNameRow {
    width: 920px;
    margin: 0 auto 20px;
}

.sec-price-kuchikomi .salonNameRow .nameBox .name {
    font-weight: bold;
    font-size: 2.4em;
}

.sec-price-kuchikomi .kuchikomiList {
    padding-right: 40px;
    padding-left: 40px;
    background-color: #f8f8f8;
}

.priceContLines {
    margin-bottom: 4em;
    padding-top: 2em;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}

.talkStyleColBox {
    width: 100%;
    overflow: hidden;
    margin-bottom: 4em;
}

.talkStyleColBox .cha {
    position: relative;
    float: left;
    width: 13.26087%;
    padding-right: 3.80435%;
}

.talkStyleColBox .cha:before {
    content: '';
    position: absolute;
    top: 28px;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 26px 9px 0;
    border-color: transparent #e8e8e8 transparent transparent;
}

.talkStyleColBox .cha:after {
    content: '';
    position: absolute;
    top: 28px;
    right: -5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 26px 9px 0;
    border-color: transparent #fff transparent transparent;
}

.talkStyleColBox .cap {
    float: right;
    width: 82.93478%;
}

.talkStyleColBox .cap-inner {
    padding: 13px 20px 15px;
    border: 2px solid #e8e8e8;
    border-radius: 5px;
    background-color: #fff;
}

.talkStyleColBox .name {
    line-height: 1.71429;
    padding: 0 0 0.57143em;
    border-bottom: 1px solid #e8e8e8;
    font-size: 1.4em;
}

.talkStyleColBox .cap p {
    margin-bottom: 0;
}

.talkStyleColBox .cap p + p,
.talkStyleColBox .cap dl + p {
    margin-top: 1.71429em;
}

.talkStyleColBox .cap dl {
    line-height: 1.71429;
    margin-bottom: 0;
}

.talkStyleColBox .cap p + dl {
    margin-top: 1.71429em;
}

.talkStyleColBox .cap dt {
    position: relative;
    margin-bottom: 0.14286em;
    padding-left: 1.42857em;
}

.talkStyleColBox .cap dt .num {
    position: absolute;
    top: 0;
    left: 0;
}

.talkStyleColBox .cap dd {
    margin-bottom: 0.71429em;
    margin-left: 0;
    padding-left: 1.42857em;
}

.table-priceComp {
    width: 100%;
    line-height: 1.42857;
    margin-bottom: 2.85714em;
    font-size: 1.4em;
    table-layout: fixed;
}

.table-priceComp th,
.table-priceComp td {
    padding: 19px 6px;
    border: 2px solid #e8e8e8;
    text-align: center;
}

.table-priceComp .pd-s th,
.table-priceComp .pd-s td {
    padding-top: 9px;
    padding-bottom: 9px;
}

.table-priceComp .pd-m th,
.table-priceComp .pd-m td {
    padding-top: 14px;
    padding-bottom: 14px;
}


.table-priceComp .pd-l th,
.table-priceComp .pd-l td {
    padding-top: 26px;
    padding-bottom: 26px;
}

.table-priceComp .size-01 {
    width: 166px;
}

.table-priceComp th {
    color: #fff;
    background-color: #56ceb8;
    font-weight: bold;
    white-space: nowrap;
}

.table-priceComp .rHead {
    line-height: 1.5;
    color: #333;
    background-color: #f7f7f7;
    font-weight: normal;
    font-size: 0.85714em;
    white-space: normal;
}
.table-priceComp .rHead a:link{color: #0000EE;}
.table-priceComp .rHead a:visited{color: #551A8B;}
.table-priceComp .rHead a:hover{color: #FF0000;}

.table-priceComp .positive {
    background-image: url(/user/themes/common/images/price/bg_maru-pc.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.table-priceComp .semi_positive {
    background-image: url(/user/themes/common/images/price/bg_maru02-pc.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.table-priceComp .negative {
    background-image: url(/user/themes/common/images/price/bg_sankaku-pc.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.table-priceComp .logo {
    display: block;
    width: 8em;
    margin: 0 auto 0.58333em;
    text-align: center;
}

.table-priceComp .logo .opaOver {
    background-color: transparent;
}

.table-priceComp .logo-maxH .img-resp {
    max-height: 46px;
}

.table-priceComp .price {
    display: block;
}

.table-priceComp .price .title {
    font-weight: bold;
}

.table-priceComp .price .ico {
    position: relative;
    top: -0.14286em;
    width: 1em;
    height: auto;
}

.table-priceComp .price-month .title {
    color: #56abce;
}

.table-priceComp .price-times .title {
    color: #ff8d91;
}

.table-priceComp .campaign {
    display: block;
}

.table-priceComp .price + .campaign {
    margin-top: 0.28571em;
}

.table-priceComp .campaign .title {
    color: #56ceb8;
    font-weight: bold;
}

.table-priceComp .campaign b {
    background-color: #feff83;
    font-weight: normal;
}

.table-priceComp .kao {
    display: block;
    position: relative;
    z-index: 0;
    margin-right: auto;
    margin-left: auto;
    padding: 0.28571em 0;
    color: #5d4f27;
    font-weight: bold;
    text-shadow: #fff 1px 1px 0, #fff -1px -1px 0,
    #fff -1px 1px 0, #fff 1px -1px 0,
    #fff 0px 1px 0, #fff 0 -1px 0,
    #fff -1px 0 0, #fff 1px 0 0;
}

.table-priceComp .kao:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    white-space: nowrap;
}

.table-priceComp .kao-fukumu {
    width: 5.5em;/* 88px */
}

.table-priceComp .kao-fukumu:before {
    background-image: url(/user/themes/common/images/price/ico_maru-pc.png);
}

.table-priceComp .kao-fukumu b {
    color: #ff6356;
}

.table-priceComp .kao-fukumanai {
    width: 7.57143em;/* 106px */
}

.table-priceComp .kao-fukumanai:before {
    background-image: url(/user/themes/common/images/price/ico_batsu-pc.png);
}

.table-priceComp .kao-fukumanai b {
    color: #f90;
}

.recentRankingArea {
    margin-bottom: 6em;
}

.recentRankingTitle {
    padding: 25px 0;
    border-radius: 10px 10px 0 0;
    background: #5d4f27 url(/user/themes/common/images/bg_texture08.jpg);
}

.recentRankingTitle .heading {
    position: relative;
    width: 592px;
    line-height: 1;
    overflow: hidden;
    margin: 0 auto;
    background-image: url(/user/themes/common/images/price/txt_ranking_title-pc.png);
    background-repeat: no-repeat;
    font-size: 1em;
    text-indent: 100%;
    white-space: nowrap;
}

.recentRankingTitle .heading:before {
    content: '';
    display: block;
    padding-top: 18.24324%;
}

.recentRankingTitle .heading-text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.recentRankingList {
    line-height: 1;
    margin: 0;
    padding: 10px 34px;
    border: 1px solid #8d8256;
    border-width: 0 1px 1px;
    border-radius: 0 0 10px 10px;
    list-style-type: none;
    font-size: 1em;
}

.recentRankingList li {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px dotted #9e916b;
}

.recentRankingList li:first-child {
    border-top: none;
}

.recentRankingBlock {
    display: block;
    width: 100%;
    overflow: hidden;
    text-decoration: none;
}

.recentRankingBlock:after {
    content: '';
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    width: 15px;
    height: 28px;
    margin: auto 0;
    background-image: url(/user/themes/common/images/arrow05.png);
    background-repeat: no-repeat;
    transition: opacity 0.15s;
}

.recentRankingBlock:hover:after {
    opacity: 0.5;
}

.recentRankingBlock:hover .name {
    text-decoration: underline;
}

.recentRankingBlock .badge,
.recentRankingBlock .salonNameBox,
.recentRankingBlock .ratingBox {
    float: left;
}

.recentRankingBlock .badge {
    width: 85px;
    padding: 0 15px;
}

.recentRankingBlock .rank {
    width: 85px;
    height: 59px;
    padding-top: 26px;
    background-repeat: no-repeat;
    font-style: italic;
    font-size: 39px;
    text-align: center;
}

.rank1 .recentRankingBlock .rank {
    color: #9c6204;
    background-image: url(/user/themes/common/images/price/bg_rank_01-pc.png);
}

.rank2 .recentRankingBlock .rank {
    color: #8b8b8b;
    background-image: url(/user/themes/common/images/price/bg_rank_02-pc.png);
}

.rank3 .recentRankingBlock .rank {
    color: #953f11;
    background-image: url(/user/themes/common/images/price/bg_rank_03-pc.png);
}

.rank4 .recentRankingBlock .rank {
    color: #860453;
    background-image: url(/user/themes/common/images/price/bg_rank_04-pc.png);
}

.rank5 .recentRankingBlock .rank {
    color: #85030f;
    background-image: url(/user/themes/common/images/price/bg_rank_05-pc.png);
}

.rank6 .recentRankingBlock .rank {
    color: #953f11;
    background-image: url(/user/themes/common/images/price/bg_rank_06-pc.png);
}

.rank7 .recentRankingBlock .rank {
    color: #2e8604;
    background-image: url(/user/themes/common/images/price/bg_rank_07-pc.png);
}

.rank8 .recentRankingBlock .rank {
    color: #246551;
    background-image: url(/user/themes/common/images/price/bg_rank_08-pc.png);
}
.rank9 .recentRankingBlock .rank {
    color: #3E819C;
    background-image: url(/user/themes/common/images/price/bg_rank_09-pc.png);
}
.rank10 .recentRankingBlock .rank {
    color: #336795;
    background-image: url(/user/themes/common/images/price/bg_rank_10-pc.png);
}
.rank11 .recentRankingBlock .rank {
    color: #6970a3;
    background-image: url(/user/themes/common/images/price/bg_rank_11-pc.png);
}

.recentRankingBlock .salonNameBox {
    display: table;
    width: 365px;
}

.recentRankingBlock .salonNameBox .logo,
.recentRankingBlock .salonNameBox .name {
    display: table-cell;
    vertical-align: middle;
}

.recentRankingBlock .logo {
    width: 110px;
    height: 85px;
    padding: 0 10px;
}
.recentRankingBlock .logo img{
    width: 100%;
}

.recentRankingBlock .size-01 {
    width: 140px;
}

.recentRankingBlock .name {
    height: 85px;
    line-height: 1.27273;
    padding: 0 10px;
    font-size: 2.2em;
}

.recentRankingBlock .ratingBox {
    width: 370px;
    padding-top: 20px;
}

.recentRankingBlock .starBase {
    vertical-align: middle;
    margin-right: 16px;
}

.recentRankingBlock .point {
    display: inline-block;
    vertical-align: middle;
    padding: 12px 0 10px;
    color: #ffa500;
    font-weight: bold;
    font-size: 2.4em;
}

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

    .priceContArea {
        padding-top: 10px;
        padding-bottom: 10px;
        background-size: auto 216px;
    }

    .priceContBox {
        padding: 15px 15px 5px;
        border-radius: 5px;
    }

    .priceContHeading {
        /*margin-bottom: 2em;*/
        margin-bottom: 0;
        background-image: url(/user/themes/common/images/price/txt_page_title-sp.png);
        /*background-size: contain;*/
        background-size: cover;
    }

    .priceContHeading:before {
        /*padding-top: 92.46154%;*/
        /*padding-top: 107%;*/
        padding-top: 38%;
    }

    .sec-price .subHeading {
        line-height: 1.2667;
        margin-bottom: 1.3333em;
        padding: 0.6em 0.93333em;
        border-radius: 3px;
        font-size: 1.5em;
    }

    .sec-price-kuchikomi {
        margin-right: -15px;
        margin-bottom: 20px;
        margin-left: -15px;
    }

    .sec-price-kuchikomi .salonNameRow {
        width: 100%;
        margin-bottom: 15px;
        padding-right: 15px;
        padding-left: 15px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .sec-price-kuchikomi .salonNameRow .nameBox .name {
        font-size: 1.4em;
    }

    .sec-price-kuchikomi .kuchikomiList {
        padding-right: 15px;
        padding-left: 15px;
    }

    .priceContLines {
        margin-bottom: 2em;
        padding-bottom: 1em;
    }

    .talkStyleColBox {
        display: table;
        margin-bottom: 20px;
    }

    .talkStyleColBox .cha {
        display: table-cell;
        float: none;
        width: 61px;
        vertical-align: top;
        padding-top: 6px;
        padding-right: 16px;
    }

    .talkStyleColBox .cha:before {
        top: 26px;
        border-width: 5px 13px 5px 0;
    }

    .talkStyleColBox .cha:after {
        top: 26px;
        right: -3px;
        border-width: 5px 13px 5px 0;
    }

    .talkStyleColBox .cap {
        display: table-cell;
        float: none;
        width: auto;
    }

    .talkStyleColBox .cap-inner {
        padding: 7px 12px 11px;
        border-width: 1px;
        border-radius: 3px;
    }

    .talkStyleColBox .name {
        padding-bottom: 0.21429em;
    }

    .talkStyleColBox .cap p {
        line-height: 1.57143;
        margin-top: 0.57143em;
    }

    .talkStyleColBox .cap p + p,
    .talkStyleColBox .cap dl + p {
        margin-top: 1.57143em;
    }

    .talkStyleColBox .cap dl {
        line-height: 1.57143;
        margin-top: 0.57143em;
    }

    .talkStyleColBox .cap p + dl {
        margin-top: 1.57143em;
    }

    .priceTableFrame {
        overflow-x: scroll;
    }

    .table-priceComp {
        width: 684px;/* 210% */
        line-height: 1.3636;
        margin-bottom: 1.8182em;
        font-size: 1.1em;
    }

    .table-priceComp-wide {
        width: 728px;/* 224% */
    }

    .table-priceComp th,
    .table-priceComp td {
        padding: 17px 5px;
        border-width: 1px;
    }

    .table-priceComp .pd-s th,
    .table-priceComp .pd-s td {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .table-priceComp .pd-m th,
    .table-priceComp .pd-m td {
        padding-top: 10px;
        padding-bottom: 10px;
    }


    .table-priceComp .pd-l th,
    .table-priceComp .pd-l td {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .table-priceComp .size-01 {
        width: 130px;
    }

    .table-priceComp .tHead th {
        padding-top: 9px;
        padding-bottom: 9px;
    }

    .table-priceComp .rHead {
        line-height: 1.3636;
        font-weight: bold;
        font-size: 1em;
    }

    .table-priceComp .positive {
        background-image: url(/user/themes/common/images/price/bg_maru.png);
        background-size: 70px 70px;
    }
    .table-priceComp .semi_positive {
        background-image: url(/user/themes/common/images/price/bg_maru02.png);
        background-size: 70px 70px;
    }

    .table-priceComp .negative {
        background-image: url(/user/themes/common/images/price/bg_sankaku.png);
        background-size: 45px 45px;
    }

    .table-priceComp .logo {
        width: 5.5em;
        margin-bottom: 0.4167em;
    }

    .table-priceComp .logo-maxH .img-resp {
        max-height: 30px;
    }

    .table-priceComp .price .ico {
        top: -0.0909em;
        width: 1.0909em;
    }

    .table-priceComp .price + .campaign {
        margin-top: 0.4545em;
    }

    .table-priceComp .kao {
        padding: 0.1818em 0 0.0909em;
    }

    .table-priceComp .kao:before {
        width: 18px;
        height: 18px;
        background-size: contain;
    }

    .table-priceComp .kao-fukumu {
        width: 6em;/* 66px */
    }

    .table-priceComp .kao-fukumu:before {
        background-image: url(/user/themes/common/images/price/ico_maru.png);
    }

    .table-priceComp .kao-fukumanai {
        width: 7.8182em;/* 86px */
    }

    .table-priceComp .kao-fukumanai:before {
        background-image: url(/user/themes/common/images/price/ico_batsu.png);
    }

    .recentRankingArea {
        margin-bottom: 2.5em;
    }

    .recentRankingTitle {
        padding: 10px 0;
        border-radius: 5px 5px 0 0;
        background-size: auto 216px;
    }

    .recentRankingTitle .heading {
        width: 73.07692%;
        background-image: url(/user/themes/common/images/price/txt_ranking_title-sp.png);
        background-size: contain;
    }

    .recentRankingTitle .heading:before {
        padding-top: 20%;
    }

    .recentRankingList {
        padding: 0 9px;
        border-radius: 0 0 5px 5px;
    }

    .recentRankingList li {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .recentRankingBlock {
        display: block;
        padding-top: 5px;
        padding-left: 64px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .recentRankingBlock:after {
        right: 6px;
        width: 8px;
        height: 14px;
        background-size: auto 14px;
    }

    .recentRankingBlock .badge,
    .recentRankingBlock .salonNameBox,
    .recentRankingBlock .ratingBox {
        float: none;
    }

    .recentRankingBlock .badge {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        width: 44px;
        height: 44px;
        margin: auto 0;
        padding: 0;
    }

    .recentRankingBlock .rank {
        width: 44px;
        height: 44px;
        padding-top: 14px;
        background-size: contain;
        font-size: 20px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .rank1 .recentRankingBlock .rank {
        background-image: url(/user/themes/common/images/price/bg_rank_01.png);
    }

    .rank2 .recentRankingBlock .rank {
        background-image: url(/user/themes/common/images/price/bg_rank_02.png);
    }

    .rank3 .recentRankingBlock .rank {
        background-image: url(/user/themes/common/images/price/bg_rank_03.png);
    }

    .rank4 .recentRankingBlock .rank {
        background-image: url(/user/themes/common/images/price/bg_rank_04.png);
    }

    .rank5 .recentRankingBlock .rank {
        background-image: url(/user/themes/common/images/price/bg_rank_05.png);
    }

    .rank6 .recentRankingBlock .rank {
        background-image: url(/user/themes/common/images/price/bg_rank_06.png);
    }

    .rank7 .recentRankingBlock .rank {
        background-image: url(/user/themes/common/images/price/bg_rank_07.png);
    }

    .rank8 .recentRankingBlock .rank {
        background-image: url(/user/themes/common/images/price/bg_rank_08.png);
    }
    .rank8 .recentRankingBlock .rank {
        background-image: url(/user/themes/common/images/price/bg_rank_09.png);
    }

    .recentRankingBlock .salonNameBox {
        width: 100%;
    }

    .recentRankingBlock .logo {
        width: 55px;
        height: auto;
        padding: 0;
    }

    .recentRankingBlock .size-01 {
        width: 70px;
    }

    .recentRankingBlock .name {
        height: auto;
        line-height: 1.4286;
        font-size: 1.4em;
    }

    .recentRankingBlock .ratingBox {
        width: 100%;
        padding-top: 8px;
    }

    .recentRankingBlock .starBase {
        margin-right: 8px;
    }

    .recentRankingBlock .point {
        padding: 4px 0;
        font-size: 1.5em;
    }
}




/* --------------------------------------------------

過去のニュースコンテンツ

-------------------------------------------------- */

.news .topicPath {
    margin-bottom: 0;
}
.news .topicPath time{
    margin-left: 0.5em;
}
.news h2 time{
    color: #F78889;
    font-weight: bold;
}
.news #trendNewsArea{
    display: flex;
    justify-content: space-between;
}
.news #trendNewsArea ul{
    width: 70%;
}
.news #trendNewsArea ul li{
    display: flex;
    align-items: baseline;
    margin-bottom: 5px;
}
.news #trendNewsArea ul li time,
.news #trendNewsArea ul li .newsTitle,
.news #trendNewsArea ul li p{
    font-size: 12px;
    margin: 0;
}
.news #trendNewsArea ul li time{
    width: 70px;
    margin-right: 10px;
}
.news #trendNewsArea ul li .newsTitle{
    font-weight: bold;
    margin-right: 10px;
    width: 35%;
    max-width: 160px;

}
.news #trendNewsArea ul li p{
    width: 380px;
    text-align: left;
}

.news #NewsList{
    border-left: 1px solid #cccccc;
    padding-left: 39px;
    text-align: right;
}
.news #NewsList dt{
    font-weight: bold;
    font-size: 14px;
    margin-top: 16px;
}
.news #NewsList dt:first-child{
    margin-top: 0;
}
.news #NewsList dd{
    font-size: 12px;
    margin-left: 0;
    margin-bottom: 5px;
}
.news #NewsList dd:last-child{
    margin-bottom: 0;
}

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

    .news .contentBox{
        padding: 18px 15px 2px;
    }
    .news #trendNewsArea{
        display: block;
    }
    .news #trendNewsArea ul{
        width: 100%;
        padding: 0;
        padding-bottom: 12px;
    }
    .news #trendNewsArea ul li{
        display: list-item;
        list-style-type: none;
        margin-bottom: 16px;
        width: 100%;
    }
    .news #trendNewsArea ul li:last-child{
        margin-bottom: 0;
    }
    .news #trendNewsArea ul li time,
    .news #trendNewsArea ul li .newsTitle,
    .news #trendNewsArea ul li p{
        margin-right: 0;
        width: 100%;
    }
    .news #trendNewsArea ul li time{
    }
    .news #trendNewsArea ul li .newsTitle{
        max-width: auto;
    }
    .news #trendNewsArea ul li p{
    }
    .news #NewsList{
        border-left: none;
        border-top: 1px solid #cccccc;
        padding-left: 0;
        padding-top: 12px;
        text-align: left;
    }
    /*.news #NewsList dt,
	.news #NewsList dd{
		float: left;
		width: 50%;
	}*/
    .news #NewsList dt{
        font-weight: bold;
        font-size: 14px;
        margin-top: 16px;
        margin-bottom: 5px;
    }
    .news #NewsList dt:first-child{
        margin-top: 0;
    }
    .news #NewsList dd{
        font-size: 12px;
        margin-left: 0.8em;
        margin-bottom: 5px;
    }
    .news #NewsList dd:last-child{
        margin-bottom: 0;
    }


}

/* --------------------------------------------------

フォーム関連

-------------------------------------------------- */

.table-form .text {
    line-height: 1.57143;
    padding: 8px 16px;
    border: 1px solid #cfcfcf;
    background-color: #fff;
    border-radius: 3px;
}

.lte-ie8 .table-form .text {
    height: 22px;
}

.table-form .textarea {
    line-height: 1.57143;
    padding: 8px 0 8px 16px;
    border: 1px solid #cfcfcf;
    background-color: #fff;
    border-radius: 3px;
}

.table-form .wSml {
    width: 28px;
}

.table-form .wFull {
    width: 646px;
}

.table-form textarea.wFull {
    width: 646px;
}

.buttonField {
    text-align: center;
}

.buttonField .btn-confirm {
    width: 600px;
    padding: 26px 0;
    font-size: 1.8em;
    border-radius: 5px;
}

.buttonField .btn-submit {
    width: 240px;
    padding: 21px 0;
    font-size: 1.8em;
    border-radius: 5px;
}

.buttonField .btn-modify {
    width: 240px;
    margin-right: 17px;
    padding: 21px 0;
    font-size: 1.8em;
    border-radius: 5px;
}

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

    .table-form .text {
        width: 100%;
        line-height: 1.5;
        padding: 4px 10px;
        border-color: #d1d1d1;
        border-radius: 2px;
        -webkit-appearance: none;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .table-form .text,
    .table-form .text:focus,
    .table-form .text:hover {
        font-size: 16px !important;
    }

    .table-form .text::-webkit-input-placeholder {
        line-height: 2;
        font-size: 12px;
    }

    .table-form .text:-moz-placeholder {
        line-height: 2;
        font-size: 12px;
    }

    .table-form .text::-moz-placeholder {
        line-height: 2;
        font-size: 12px;
    }

    .table-form .text:-ms-input-placeholder {
        line-height: 2;
        font-size: 12px;
    }

    .table-form .textarea {
        line-height: 1.5;
        padding: 4px 0 4px 10px;
        border-color: #d1d1d1;
        font-size: 16px;
        border-radius: 2px;
        -webkit-appearance: none;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .table-form .textarea,
    .table-form .textarea:focus,
    .table-form .textarea:hover {
        font-size: 16px !important;
    }

    .table-form .textarea::-webkit-input-placeholder {
        line-height: 2;
        font-size: 12px;
    }

    .table-form .textarea:-moz-placeholder {
        line-height: 2;
        font-size: 12px;
    }

    .table-form .textarea::-moz-placeholder {
        line-height: 2;
        font-size: 12px;
    }

    .table-form .textarea:-ms-input-placeholder {
        line-height: 2;
        font-size: 12px;
    }

    .table-form .wSml {
        width: 50px;
    }

    .table-form .wFull,
    .table-form textarea.wFull {
        width: 100%;
    }

    .table-form label {
        display: inline-block;
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .buttonField {
        text-align: center;
    }

    .buttonField .btn-confirm {
        width: 100%;
        padding: 22px 0;
        font-size: 1.5em;
        border-radius: 3px;
    }

    .buttonField .btn-submit {
        width: 100%;
        padding: 22px 0;
        font-size: 1.5em;
        border-radius: 3px;
    }

    .buttonField .btn-modify {
        width: 100%;
        margin-right: 0;
        margin-bottom: 7px;
        padding: 22px 0;
        font-size: 1.5em;
        border-radius: 3px;
    }
}





/* --------------------------------------------------

プラグイン用

-------------------------------------------------- */

/*
Uniform Theme: Uniform Default
Version: 1.8
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://uniformjs.com/
*/

/* General settings */

div.selector,
div.selector span,
div.checker span,
div.radio span,
div.uploader,
div.uploader span.action,
div.button,
div.button span {
    background-image: url("/user/themes/common/images/bg_form_parts-pc.png");
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased;
}

div.selector,
div.checker,
div.button,
div.radio,
div.uploader {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    /* Keeping this as: focus to remove browser styles */
;
}

div.selector:focus,
div.checker:focus,
div.button:focus,
div.radio:focus,
div.uploader:focus {
    outline: 0;
}

div.selector,
div.radio,
div.radio *,
div.checker,
div.checker *,
div.uploader,
div.uploader *,
div.button,
div.button * {
    margin: 0;
    padding: 0;
}

.highContrastDetect {
    width: 0px;
    height: 0px;
}

/* Remove default webkit and possible mozilla .search styles.
 * Keeping this as :active to remove browser styles */

div.checker input,
input[type="search"],
input[type="search"]:active {
    -moz-appearance: none;
    -webkit-appearance: none;
}

/* Select */

div.selector {
    background: none;
    line-height: 38px;
    height: 38px;
    padding: 0 0 0 16px;
    border: 1px solid #cfcfcf;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
}

div.selector span {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    background-position: right 0;
    height: 38px;
    line-height: 38px;
    padding-right: 38px;
    cursor: pointer;
    width: 100%;
    display: block;
}

div.selector.fixedWidth {
    width: 190px;
}

div.selector.fixedWidth span {
    width: 155px;
}

div.selector select {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    position: absolute;
    height: 38px;
    top: 1px;
    left: 0px;
    width: 100%;
}

/* Checkbox */

div.checker {
    position: relative;
    top: -2px;
}

div.checker,
div.checker span,
div.checker input {
    width: 20px;
    height: 20px;
}

div.checker span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: 0 -38px;
}

div.checker span.checked {
    background-position: -20px -38px;
}

div.checker input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

/* Radio */

div.radio {
    position: relative;
    top: -2px;
}

div.radio,
div.radio span,
div.radio input {
    width: 20px;
    height: 20px;
}

div.radio span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: 0 -58px;
}

div.radio span.checked {
    background-position: -20px -58px;
}

div.radio input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
}

/* PRESENTATION */

/* Select */

div.selector {
    font-size: 14px;
}

div.selector span {
    color: #999;
}

div.selector select {
    font-size: 14px;
}

/* Checker */

div.checker {
    margin-right: 10px;
}

/* Radio */

div.radio {
    margin-right: 10px;
}

/* Send */

.sec5 {
    margin:50px auto;
    width:90%;
    text-align:center;
}

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

    div.selector,
    div.selector span,
    div.checker span,
    div.radio span,
    div.uploader,
    div.uploader span.action,
    div.button,
    div.button span {
        background-image: url("/user/themes/common/images/bg_form_parts-sp.png");
        background-size: 100px 93px;
    }

    div.selector {
        background: none;
        line-height: 33px;
        height: 33px;
        padding: 0 0 0 10px;
        border: 1px solid #d1d1d1;
        border-radius: 2px;
        position: relative;
        overflow: hidden;
    }

    div.selector span {
        text-overflow: ellipsis;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        background-position: right 0;
        height: 33px;
        line-height: 33px;
        padding-right: 20px;
        cursor: pointer;
        width: 100%;
        display: block;
    }

    div.selector select {
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        border: none;
        background: none;
        position: absolute;
        height: 33px;
        top: 1px;
        left: 0px;
        width: 100%;
    }

    div.checker {
        position: relative;
        top: -1px;
    }

    div.checker,
    div.checker span,
    div.checker input {
        width: 15px;
        height: 15px;
    }

    div.checker span {
        display: -moz-inline-box;
        display: inline-block;
        *display: inline;
        zoom: 1;
        text-align: center;
        background-position: 0 -33px;
    }

    div.checker span.checked {
        background-position: -30px -33px;
    }

    div.radio {
        position: relative;
        top: -1px;
    }

    div.radio,
    div.radio span,
    div.radio input {
        width: 15px;
        height: 15px;
    }

    div.radio span {
        display: -moz-inline-box;
        display: inline-block;
        *display: inline;
        zoom: 1;
        text-align: center;
        background-position: 0 -63px;
    }

    div.radio span.checked {
        background-position: -30px -63px;
    }

    div.selector {
        font-size: 12px;
    }

    div.selector span {
        color: #bfbfbf;
    }

    div.selector select {
        font-size: 16px;
    }

    div.checker {
        margin-right: 5px;
    }

    div.radio {
        margin-right: 5px;
    }
}

.partsList dl{
    margin-bottom: 40px;
}
.partsList dt{
    margin-bottom: 5px;
    font-weight: bold;
}
.partsList dd{
    margin-bottom: 10px;
}
#scopeLocalNav{
    display: flex;
    width: 100%;
    justify-content:space-around;
    align-items:center;
    margin-bottom: 40px;
}
#scopeLocalNav a{
    background: #FF913C linear-gradient(to bottom, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.12) 49%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;
    box-shadow: 0 3px 0 0 #ff7e3d;
    color: #ffffff;
    text-decoration: none;
    transition: background-color 0.15s ease 0s, box-shadow 0.15s ease 0s;
    border-radius: 5px;
    padding: 15px 3% 5px;
    font-size: 1.5rem;
    text-align: center;
    min-width: 24%;
    line-height: 1.0em;
}

@media screen and (max-width: 640px) {
    #scopeLocalNav{
        margin-bottom: 20px;
    }
    #scopeLocalNav a{
        font-size: 1.0rem;
    }

}

/* footer > HOTWORD */
#fotWord{
    width: 100%;
    background-color: #ffffff;
    margin: 0px auto 0px;
}

#fotWord .columnIndexArea{
    /*padding-top: 0;*/
}
#fotWord .columnDtlBox{
}
#fotWord ul{
    width: 100%;
    display: flex;
    flex-flow: wrap;
    list-style: none;
    padding: 0;
}
#fotWord ul a{
    margin-left: 1%;
    margin-bottom: 8px;
    padding: 6px 2%;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}
#fotWord ul a li{
}
@media screen and (max-width: 640px) {

    #fotWord{
        margin-bottom: 0;
        margin-top: 0;
    }
    #fotWord .fixedBox{
        margin-bottom: 0;
    }

    #fotWord ul a{
        font-size: 14px;
    }
}
#adBnrArea{
    display: none;
    width: 100%;
    background-color: #ffffff;
    margin: -70px auto 30px;
    text-align: center;
}
#adBnrArea a{
    margin: auto;
}
#adBnrArea a img{
    width: 100%;
    max-width: 640px;
    height: auto;
}
@media screen and (max-width: 640px) {
    #adBnrArea{
        margin: -20px auto 30px;
    }
    #adBnrArea a{
        width: calc(100% - 20px);
    }
}


/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

@-webkit-keyframes flash {
    0%, 50%, 60%, 70% {
        opacity: 1;
    }

    55%, 65% {
        opacity: 0;
    }
}

@keyframes flash {
    0%, 50%, 60%, 70% {
        opacity: 1;
    }

    55%, 65% {
        opacity: .3;
    }
}

.flash {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-name: flash;
    animation-name: flash;
}

/* --------------------------------------------------

TOPページ限定(body.home をつけること)

-------------------------------------------------- */

body.home .sp{display: none;}
body.home #headerRank{display: block;}

body.home #trendNewsArea ul{
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    padding-left: 1em;
}
body.home #trendNewsArea ul li time{
    color: #F78889;
    font-weight: bold;
    margin-bottom: 5px;
    margin-left: -1em;
}
body.home #trendNewsArea ul li time:before{
    content: "▶︎";
    margin-right: 0.2em;
}
body.home #trendNewsArea ul li .newsTitle{
    font-size: 1.0rem;
    font-weight: bold;
    margin:0 0 5px;
}
body.home #trendNewsArea ul li{
    width: 30%;
}
body.home #trendNewsArea ul li p{
    margin: 0 0 8px;
    font-size: 0.8rem;
    line-height: 1.5em;
}
body.home #trendNewsArea ul li p:last-child{
    margin-bottom: 0;
}
body.home #trendNewsArea .next{
    text-align: right;
    font-size: 0.8rem;
}
body.home #adBnrArea{
    display: block;
}

@media screen and (max-width: 640px) {
    body.home #trendNewsArea ul{
        display: block;
    }
    body.home #trendNewsArea ul li time{
    }
    body.home #trendNewsArea ul li time:before{
    }
    body.home #trendNewsArea ul li .newsTitle{
    }
    body.home #trendNewsArea ul li{
        width: 100%;
        margin-bottom: 10px;
    }
    body.home #trendNewsArea ul li p{
    }
    body.home #trendNewsArea ul li p:last-child{
    }
    body.home #trendNewsArea .next{
    }

}

body.home #price .fixedBox{
    margin-bottom: 0;
}
body.home #movie{
    /*padding-top: 38px;
		padding-bottom: 40px;*/
}
body.home #movie .fixedBox{
    margin-bottom: 0;
}
body.home #movie .lineBox-fairy.pc{
    padding-bottom: 0;
    padding-left: 175px;
}
body.home #movie .lineBox-fairy.pc .lineBox-bal{
    padding-top: 10px;
    padding-bottom: 10px;
}
body.home #movie .lineBox-fairy.pc .lineBox-bal:after {
    left: auto;
    right: 150px;
    transform: scale(-1, 1);
}
body.home #movie .lineBox-fairy.pc .lineBox-bal p{
    margin: 0;
}
body.home .topmain{
}


body.home .movieArea{
    text-align: center;
    padding: 44px 0;
    background-image: url(/video/images/img_main_ol.png),url(/video/images/img_main_era.png);
    background-repeat: no-repeat,no-repeat;
    background-position:bottom left,bottom right;
    background-size: contain,contain;
}
body.home .movieArea .movieImg{
    display: none;
}
body.home .movieArea a img{
    width: 569px;
}
@media screen and (max-width: 640px) {
    body.home .movieArea a img{
        width: 100%;
        margin: 20px auto;
    }
}	body.home .movieArea iframe{
         width: 569px;
         height: 319px;
     }
body.home #rpmc{
    /*margin-top: -80px;
		padding-top: 35px;*/
}
body.home #rpmcFlex ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: stretch;
    list-style-type: none;
    margin: 0;
    padding: 0;

}
body.home #rpmcFlex ul li{
    padding: 16px 1%;
    width: 30%;
    text-align: center;
}
body.home #rpmcFlex ul li img{
    max-width: 100%;
    max-height: 100%;
    height: auto;
}
body.home #rpmc p{
    margin: 0;
    text-align: right;
}
body.home #rpmc p.headerTitle{
    text-align: left;
}

body.home #intro .homeSelfIntroArea{
    margin-top: 0;
    /*padding-top: 40px;*/
    padding-top: 0;
}
#twTimeline{
    /*padding-top: 38px;
		padding-bottom: 40px;*/
    width: 576px;
}
#twTimeline .fixedBox{
    width: 100%;
}
#twTimeline .columnIndexArea{
    background-image:none;
    background-color:transparent;
    padding-bottom: 0;
}
#twTimeline .columnDtlBox{
    padding: 15px;
    border-radius: 0;
}
#twTimeline .innerBox{
    padding: 0;
    border-radius: 0;
}

@media screen and (max-width: 640px) {
    #twTimeline{
        /*padding-top: 15px;
		padding-bottom: 15px;*/
        width: 100%;
        margin-top: 15px;
    }
    #twTimeline .fixedBox{
        margin-bottom: 0;
        width: auto;
    }
    #twTimeline .innerBox{
        /*padding-bottom: 22.4px;*/
    }
    #twTimeline .columnDtlBox{
        padding: 0;
    }

}

@media screen and (max-width: 640px) {
    body.home .sp{display: block;}
    body.home .pc{display: none;}
    body.home #headerRank{display: none;}
    body.home #movie{
        /*padding-top: 15px;
		padding-bottom: 15px;*/
    }

    body.home #movie .columnDtlHeaderTalk{
        text-align: center;
        font-size: 2.4em;
        margin-bottom: 0;
    }

    body.home #movie .columnDtlHeaderTalk h1,
    body.home #movie .columnDtlHeaderTalk p.headerTitle{
        width: 80%;
        margin: 0 auto;
    }
    body.home #movie .columnDtlHeaderTalk h1 img{
        width: 100%;
    }
    body.home .movieArea{
        background-image: none;
        padding: 0;
    }
    body.home .movieArea .movieImg{
        width: 100%;
        display: block;
    }
    body.home .movieArea iframe{
        width: 100%;
        height: 240px;
        margin: 20px auto 20px;
    }

    body.home #rpmc{
        margin-top: 0;
    }
    body.home #rpmcFlex ul{
        margin-bottom: 12px;
    }
    body.home #rpmcFlex ul li{
        padding: 8px 2%;
        width: 46%;
    }
    body.home #rpmcFlex ul li img{
        max-width: 85%;
    }
    body.home #rpmc p{
        margin-bottom: 8px;
    }
    body.home #rpmc p.headerTitle{
        margin-bottom: 0;
    }

    body.home #intro .homeSelfIntroArea{
        margin-top: 0;
        padding-top: 40px;
    }
    body.home .fixedBox{
        margin-bottom: 0;
    }

}
@media screen and (max-width: 413px) {
    body.home .movieArea iframe{
    }
}
@media screen and (max-width: 374px) {
    body.home .movieArea iframe{
    }
}
body.home #topIndex.salonDtlBox{
    background-color: #ededed;
    background-image: url(/user/themes/common/images/bg_texture02.jpg);
}
body.home #topIndex.salonDtlBox .innerBox{
    padding-top: 40px;
    padding-bottom: 40px;
}
body.home #topIndex.salonDtlBox .innerBox .salonDtIndexArea{
    margin: 0 auto;
    background-color: #ffffff;
}
.cate
@media screen and (max-width: 640px) {
    body.home #topIndex.salonDtlBox .innerBox{
        padding-top: 18px;
        padding-bottom: 18px;
    }
    body.home #topIndex.salonDtlBox .innerBox .salonDtIndexArea{
        padding: 20px 15px;
    }
}

/* 目次からのページ内リンク調整用 */
@media screen and (max-width: 640px) {
    body.home #topMovie{
        /*margin-bottom: 73px;*/
    }

    body.home #for-areaContents,
    body.home #price,
    body.home #trendNews{
        /*margin-top:-73px;
		padding-top: 93px;*/
        margin-top:-80px;
        padding-top: 80px;
    }
    body.home #intro,
    body.home #movie,
    body.home #topMerit,
    body.home #top5piece,
    body.home #topMerit,
    body.home #ranking,
    body.home #topComic{
        margin-top:-73px;
        padding-top: 73px;
    }
    body.home #topLaw{
        margin-top:-80px;
        padding-top:80px;
    }
    body.home #fivePiece{
        z-index: 2;
    }
}
@media screen and (max-width: 640px) {
    body.home .spMenuBox {
        top: 76px;
    }
}

.areaDtlHeader{
    margin-bottom: 35px;
}
.areaDtlBox{
    padding: 40px;
    border-radius: 10px;
    background-color: #fff;
    background-image: url("/user/themes/common/images/area/bg_area.png");
    background-position: right 130px;
    background-repeat: no-repeat;
}
.areaIndexArea .areaIndex{
    margin:0 0 65px;
}

.areaIndexArea .areaIndex dt,
.areaIndexArea .areaIndex dd a{
    margin:0 0 10px 0;
    float: left;
}
.areaIndexArea .areaIndex dt{
    width: 111px;
    clear: both;
    padding: 10px;
    position: relative;
    background-color: #3eccb4;
    margin-right: 30px;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
}
.areaIndexArea .areaIndex dt:after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin: auto;
    top:-0;
    right:-14px;
    border-style: solid;
    border-color: transparent transparent transparent #3eccb4;
    border-width: 20px 0 20px 1em;
    z-index: 10;
}
.areaIndexArea .areaIndex dd{
}
.areaIndexArea .areaIndex dd a{
    display: block;
    width: 70px;
    text-align: center;
    color: #b4b4b4;
    border: 1px solid #b4b4b4;
    padding: 10px 0;
    text-decoration: none;
    border-radius: 5px;
    margin: 0 10px 0 0;
    background-color: #ffffff;
}
.areaIndexArea .areaIndex dd a:hover{
    background-color:#3eccb4;
    color: #b4b4b4;
    border: 1px solid #3eccb4;
}

.areaIndexArea .areaIndex dd a.link{
    color:#3eccb4;
    border: 1px solid #3eccb4;
}

.areaIndexArea .areaIndex dd a.link:hover{
    background-color:#3eccb4;
    color: #ffffff;
    border: 1px solid #3eccb4;
}

.areaImgArea h2{
    width: 303px;
    margin: -45px auto 0;
}
.areaImgArea{
    width: 880px;
    padding: 20px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);
    background-color: #ffffff;
}
.areaImgArea img{
    width: 100%;
}

.areaTxtArea h2{
    font-size: 24px;
    margin-bottom: 20px;
}
.areaTxtArea p{
    font-size: 14px;
    margin-bottom: 30px;
}
.areaTxtArea p:last-of-type{
    margin-bottom: 0;
}

@media screen and (max-width: 640px) {
    .areaIndexArea{
        background-size: auto 216px;
        padding-bottom: 20px;
    }
    .areaDtlHeader {
        background: none;
        padding: 0;
        margin: 30px 0 32%;
    }
    .areaDtlHeader h1{
        width: 70%;
    }
    .areaDtlHeader h1 img{
        width: 100%;
    }
    .areaDtlBox{
        padding: 15px;
        background-position: right 10px;
        background-repeat: no-repeat;
        background-size: 50% auto;
    }
    .areaImgArea{
        width: calc(100% - 20px);
        margin-bottom: 40px;
        padding: 10px;
    }
    .areaImgArea h2{
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .areaIndexArea .areaIndex{
        margin-bottom: 40px;
    }
    .areaIndexArea .areaIndex dt{
        margin:5px 0 0 0;
        float: none;
        width: calc(100% - 30px);
        padding: 10px 15px;
        text-align: left;
        font-size: 15px;
    }
    .areaIndexArea .areaIndex dt:first-of-type{
        margin-top: 0;
    }
    .areaIndexArea .areaIndex dt:after{
        border: none;
        /*content: "+";*/
        right: 30px;
        top: 22%;
    }
    .areaIndexArea .areaIndex dt.dvsp:after{
        content: "+";
    }
    .areaIndexArea .areaIndex dt.open:after{
        content: "-";
    }
    .areaIndexArea .areaIndex dd{
        padding: 0;
        margin:0;
        float: none;
        /*display: none;*/
    }
    .areaIndexArea .areaIndex dd a{
        margin:0;
        width: calc(100% - 30px);
        padding: 10px 14px;
        text-align: left;
        font-size: 15px;
        border-radius: 0;
        border-top: none;
        color: #000000;
        position: relative;
    }
    .areaIndexArea .areaIndex dd a:after{
        position: absolute;
        border: none;
        content: ">";
        right: 22px;
        top: 22%;
    }
    .areaTxtArea h2{
        font-size: 15px;
        margin-bottom: 20px;
    }

    .areaTxtArea p{
        margin-bottom: 20px;
    }
}

#for-areaContents section{
    background-color:#ffffff;
    /* padding: 40px 0; */
    padding-top: 40px;
}
#for-areaContents .columnDtlBox{
    background-color: rgb(237, 237, 237);
    background-image: url(/user/themes/common/images/bg_texture02.jpg);
    border-radius: 0;
    border: 4px solid #685418;
    width: calc(100% - 80px);
    /* padding: 40px 36px ; */
    padding: 20px 36px;
}
#for-areaContents .columnDtlBox .innerBox{
    background:none;
}
.areaContentsHeaderTalk{
    color: #685418;
    text-align: center;
}
.areaContentsHeaderTalk h2{
    font-size: 3.2em;
    font-weight: bold;
    margin: 0;
    margin-bottom: 0.83em;
}
#for-areaContents .lead {
    line-height: 1.8;
    margin: 0 0 32px;
    color: #54450a;
    font-size: 1.5em;
}
.nextareaContentsBtn{
    line-height: 1;
    margin: 1.875em 0 0;
    font-size: 1.6em;
}
.nextareaContentsBtn .btn{
    width: 100%;
    overflow: hidden;
    padding: 24px 30px;
    border-radius: 10px;
    color: #fff;
    background-color: #40bb9f;
    font-weight: normal;
    text-align: center;
    transition: background-color 0.15s;
    font-size: 1.6rem;
    margin-bottom: 40px;
}
.nextareaContentsBtn .btn:after {
    content: '';
    position: absolute;
    top: 15px;
    right: 220px;
    bottom: 0;
    width: 50px;
    height: 50px;
    margin: auto 0;
    background: url(/images/bg_nq_btn_magnifying.png) no-repeat;
    background-size: 30px;
}
@media screen and (max-width: 640px){
    #for-areaContents .columnDtlBox{
        padding: 0;
        width: calc(100% - 8px);

    }
    .areaContentsHeaderTalk h2{
        font-size: 2.1em;
    }

    .nextareaContentsBtn .btn{
        font-size: 1.2rem;
        margin-bottom: 0px;
    }
    .nextareaContentsBtn .btn:after{
        right: 0;
        top: 30px;
        background-size: 20px;
    }
}


.SMT1{
    background-image: url("/img/area/area_bg_pc_1.jpg");
}

.SMT2{
    background-image: url("/img/area/area_bg_pc_2.jpg");
}

.SMT3{
    background-image: url("/img/area/area_bg_pc_3.jpg");
}

.SMT4{
    background-image: url("/img/area/area_bg_pc_4.jpg");
}

.SMT5{
    background-image: url("/img/area/area_bg_pc_5.jpg");
}

.SMT6{
    background-image: url("/img/area/area_bg_pc_6.jpg");
}

.SMT7{
    background-image: url("/img/area/area_bg_pc_7.jpg");
}

.SMT8{
    background-image: url("/img/area/area_bg_pc_8.jpg");
}

.SMT9{
    background-image: url("/img/area/area_bg_pc_9.jpg");
}

.SMT10{
    background-image: url("/img/area/area_bg_pc_10.jpg");
}

.SMT11{
    background-image: url("/img/area/area_bg_pc_11.jpg");
}

.SMT12{
    background-image: url("/img/area/area_bg_pc_12.jpg");
}

.SMT13{
    background-image: url("/img/area/area_bg_pc_13.jpg");
}

.SMT14{
    background-image: url("/img/area/area_bg_pc_14.jpg");
}

.SMT15{
    background-image: url("/img/area/area_bg_pc_15.jpg");
}

.SMT16{
    background-image: url("/img/area/area_bg_pc_16.jpg");
}

.SMT17{
    background-image: url("/img/area/area_bg_pc_17.jpg");
}

.SMT18{
    background-image: url("/img/area/area_bg_pc_18.jpg");
}

.SMT19{
    background-image: url("/img/area/area_bg_pc_19.jpg");
}

.SMT19{
    background-image: url("/img/area/area_bg_pc_19.jpg");
}

.SMT20{
    background-image: url("/img/area/area_bg_pc_20.jpg");
}

.SMT21{
    background-image: url("/img/area/area_bg_pc_21.jpg");
}

.SMT22{
    background-image: url("/img/area/area_bg_pc_22.jpg");
}

.SMT23{
    background-image: url("/img/area/area_bg_pc_23.jpg");
}

.SMT24{
    background-image: url("/img/area/area_bg_pc_24.jpg");
}

.SMT25{
    background-image: url("/img/area/area_bg_pc_25.jpg");
}

.SMT26{
    background-image: url("/img/area/area_bg_pc_26.jpg");
}

.SMT27{
    background-image: url("/img/area/area_bg_pc_27.jpg");
}

.SMT28{
    background-image: url("/img/area/area_bg_pc_28.jpg");
}

.SMT29{
    background-image: url("/img/area/area_bg_pc_29.jpg");
}

.SMT30{
    background-image: url("/img/area/area_bg_pc_30.jpg");
}

.SMT31{
    background-image: url("/img/area/area_bg_pc_31.jpg");
}

.SMT32{
    background-image: url("/img/area/area_bg_pc_32.jpg");
}

.SMT33{
    background-image: url("/img/area/area_bg_pc_33.jpg");
}

.SMT34{
    background-image: url("/img/area/area_bg_pc_34.jpg");
}

.SMT35{
    background-image: url("/img/area/area_bg_pc_35.jpg");
}

.SMT36{
    background-image: url("/img/area/area_bg_pc_36.jpg");
}

.SMT37{
    background-image: url("/img/area/area_bg_pc_37.jpg");
}

.SMT38{
    background-image: url("/img/area/area_bg_pc_38.jpg");
}

.SMT39{
    background-image: url("/img/area/area_bg_pc_39.jpg");
}

.SMT40{
    background-image: url("/img/area/area_bg_pc_40.jpg");
}

.SMT41{
    background-image: url("/img/area/area_bg_pc_41.jpg");
}

.SMT42{
    background-image: url("/img/area/area_bg_pc_42.jpg");
}

.SMT43{
    background-image: url("/img/area/area_bg_pc_43.jpg");
}

.SMT44{
    background-image: url("/img/area/area_bg_pc_44.jpg");
}

.SMT45{
    background-image: url("/img/area/area_bg_pc_45.jpg");
}

.SMT46{
    background-image: url("/img/area/area_bg_pc_46.jpg");
}

.SMT47{
    background-image: url("/img/area/area_bg_pc_47.jpg");
}

.SMTS1{
    background-image: url("/img/syuyo/syuyo_bg_pc_1.jpg");
}

.SMTS2{
    background-image: url("/img/syuyo/syuyo_bg_pc_2.jpg");
}

.SMTS3{
    background-image: url("/img/syuyo/syuyo_bg_pc_3.jpg");
}

.SMTS4{
    background-image: url("/img/syuyo/syuyo_bg_pc_4.jpg");
}

.SMTS5{
    background-image: url("/img/syuyo/syuyo_bg_pc_5.jpg");
}

.SMTS6{
    background-image: url("/img/syuyo/syuyo_bg_pc_6.jpg");
}

.SMTS7{
    background-image: url("/img/syuyo/syuyo_bg_pc_7.jpg");
}

.SMTS8{
    background-image: url("/img/syuyo/syuyo_bg_pc_8.jpg");
}

.SMTS9{
    background-image: url("/img/syuyo/syuyo_bg_pc_9.jpg");
}

.SMTS10{
    background-image: url("/img/area/syuyo_bg_pc_10.jpg");
}

.SMTS11{
    background-image: url("/img/area/syuyo_bg_pc_11.jpg");
}

.SMTS12{
    background-image: url("/img/area/syuyo_bg_pc_12.jpg");
}

.SMTS13{
    background-image: url("/img/area/syuyo_bg_pc_13.jpg");
}

.SMTS14{
    background-image: url("/img/area/syuyo_bg_pc_14.jpg");
}

.SMTS15{
    background-image: url("/img/area/syuyo_bg_pc_15.jpg");
}

.SMTS16{
    background-image: url("/img/area/syuyo_bg_pc_16.jpg");
}

.SMTS17{
    background-image: url("/img/area/syuyo_bg_pc_17.jpg");
}

.SMTS18{
    background-image: url("/img/area/syuyo_bg_pc_18.jpg");
}

.areaIndexArea-Underlayer #MV{
    width: 100%;
    /* background-image: url("/img/area/area_bg_sp_8.jpg"); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    padding: 50px 0;
    color: #ffffff;
}
@media screen and (max-width: 640px) {
    .SMT1{
        background-image: url("/img/area/area_bg_sp_1.jpg");
    }

    .SMT2{
        background-image: url("/img/area/area_bg_sp_2.jpg");
    }

    .SMT3{
        background-image: url("/img/area/area_bg_sp_3.jpg");
    }

    .SMT4{
        background-image: url("/img/area/area_bg_sp_4.jpg");
    }

    .SMT5{
        background-image: url("/img/area/area_bg_sp_5.jpg");
    }

    .SMT6{
        background-image: url("/img/area/area_bg_sp_6.jpg");
    }

    .SMT7{
        background-image: url("/img/area/area_bg_sp_7.jpg");
    }

    .SMT8{
        background-image: url("/img/area/area_bg_sp_8.jpg");
    }

    .SMT9{
        background-image: url("/img/area/area_bg_sp_9.jpg");
    }

    .SMT10{
        background-image: url("/img/area/area_bg_sp_10.jpg");
    }

    .SMT11{
        background-image: url("/img/area/area_bg_sp_11.jpg");
    }

    .SMT12{
        background-image: url("/img/area/area_bg_sp_12.jpg");
    }

    .SMT13{
        background-image: url("/img/area/area_bg_sp_13.jpg");
    }

    .SMT14{
        background-image: url("/img/area/area_bg_sp_14.jpg");
    }

    .SMT15{
        background-image: url("/img/area/area_bg_sp_15.jpg");
    }

    .SMT16{
        background-image: url("/img/area/area_bg_sp_16.jpg");
    }

    .SMT17{
        background-image: url("/img/area/area_bg_sp_17.jpg");
    }

    .SMT18{
        background-image: url("/img/area/area_bg_sp_18.jpg");
    }

    .SMT19{
        background-image: url("/img/area/area_bg_sp_19.jpg");
    }

    .SMT19{
        background-image: url("/img/area/area_bg_sp_19.jpg");
    }

    .SMT20{
        background-image: url("/img/area/area_bg_sp_20.jpg");
    }

    .SMT21{
        background-image: url("/img/area/area_bg_sp_21.jpg");
    }

    .SMT22{
        background-image: url("/img/area/area_bg_sp_22.jpg");
    }

    .SMT23{
        background-image: url("/img/area/area_bg_sp_23.jpg");
    }

    .SMT24{
        background-image: url("/img/area/area_bg_sp_24.jpg");
    }

    .SMT25{
        background-image: url("/img/area/area_bg_sp_25.jpg");
    }

    .SMT26{
        background-image: url("/img/area/area_bg_sp_26.jpg");
    }

    .SMT27{
        background-image: url("/img/area/area_bg_sp_27.jpg");
    }

    .SMT28{
        background-image: url("/img/area/area_bg_sp_28.jpg");
    }

    .SMT29{
        background-image: url("/img/area/area_bg_sp_29.jpg");
    }

    .SMT30{
        background-image: url("/img/area/area_bg_sp_30.jpg");
    }

    .SMT31{
        background-image: url("/img/area/area_bg_sp_31.jpg");
    }

    .SMT32{
        background-image: url("/img/area/area_bg_sp_32.jpg");
    }

    .SMT33{
        background-image: url("/img/area/area_bg_sp_33.jpg");
    }

    .SMT34{
        background-image: url("/img/area/area_bg_sp_34.jpg");
    }

    .SMT35{
        background-image: url("/img/area/area_bg_sp_35.jpg");
    }

    .SMT36{
        background-image: url("/img/area/area_bg_sp_36.jpg");
    }

    .SMT37{
        background-image: url("/img/area/area_bg_sp_37.jpg");
    }

    .SMT38{
        background-image: url("/img/area/area_bg_sp_38.jpg");
    }

    .SMT39{
        background-image: url("/img/area/area_bg_sp_39.jpg");
    }

    .SMT40{
        background-image: url("/img/area/area_bg_sp_40.jpg");
    }

    .SMT41{
        background-image: url("/img/area/area_bg_sp_41.jpg");
    }

    .SMT42{
        background-image: url("/img/area/area_bg_sp_42.jpg");
    }

    .SMT43{
        background-image: url("/img/area/area_bg_sp_43.jpg");
    }

    .SMT44{
        background-image: url("/img/area/area_bg_sp_44.jpg");
    }

    .SMT45{
        background-image: url("/img/area/area_bg_sp_45.jpg");
    }

    .SMT46{
        background-image: url("/img/area/area_bg_sp_46.jpg");
    }

    .SMT47{
        background-image: url("/img/area/area_bg_sp_47.jpg");
    }

    .SMTS1{
        background-image: url("/img/syuyo/syuyo_bg_sp_1.jpg");
    }

    .SMTS2{
        background-image: url("/img/syuyo/syuyo_bg_sp_2.jpg");
    }

    .SMTS3{
        background-image: url("/img/syuyo/syuyo_bg_sp_3.jpg");
    }

    .SMTS4{
        background-image: url("/img/syuyo/syuyo_bg_sp_4.jpg");
    }

    .SMTS5{
        background-image: url("/img/syuyo/syuyo_bg_sp_5.jpg");
    }

    .SMTS6{
        background-image: url("/img/syuyo/syuyo_bg_sp_6.jpg");
    }

    .SMTS7{
        background-image: url("/img/syuyo/syuyo_bg_sp_7.jpg");
    }

    .SMTS8{
        background-image: url("/img/syuyo/syuyo_bg_sp_8.jpg");
    }

    .SMTS9{
        background-image: url("/img/syuyo/syuyo_bg_sp_9.jpg");
    }

    .SMTS10{
        background-image: url("/img/area/syuyo_bg_sp_10.jpg");
    }

    .SMTS11{
        background-image: url("/img/area/syuyo_bg_sp_11.jpg");
    }

    .SMTS12{
        background-image: url("/img/area/syuyo_bg_sp_12.jpg");
    }

    .SMTS13{
        background-image: url("/img/area/syuyo_bg_sp_13.jpg");
    }

    .SMTS14{
        background-image: url("/img/area/syuyo_bg_sp_14.jpg");
    }

    .SMTS15{
        background-image: url("/img/area/syuyo_bg_sp_15.jpg");
    }

    .SMTS16{
        background-image: url("/img/area/syuyo_bg_sp_16.jpg");
    }

    .SMTS17{
        background-image: url("/img/area/syuyo_bg_sp_17.jpg");
    }

    .SMTS18{
        background-image: url("/img/area/syuyo_bg_sp_18.jpg");
    }


    .areaIndexArea-Underlayer #MV{
        padding: 40px 0;
    }
}
.areaIndexArea-Underlayer #MV h1{
    font-size: 40px;
    margin: 0 0 10px;
}
.areaIndexArea-Underlayer #MV p{
    font-size: 20px;
    margin: 0;
}
@media screen and (max-width: 640px) {
    .areaIndexArea-Underlayer #MV h1{
        font-size: 25px;
    }
    .areaIndexArea-Underlayer #MV p{
        font-size: 14px;
    }
}
.areaIndexArea-Underlayer .salonArea{
    margin-bottom: 40px;
}
.areaIndexArea-Underlayer .contentBox{
    padding: 40px;
}
.areaIndexArea-Underlayer .salonArea .contentBox{
    padding: 20px;
    margin-bottom: 20px;
}
.areaIndexArea-Underlayer .salonArea .contentBox:last-of-type{
    margin-bottom: 0;
}
@media screen and (max-width: 640px) {
    .areaIndexArea-Underlayer .salonArea {
        margin-bottom: 15px;
    }
    .areaIndexArea-Underlayer .contentBox,
    .areaIndexArea-Underlayer .salonArea .contentBox{
        padding: 10px;
        margin-bottom: 10px;
    }
}
.areaIndexArea-Underlayer__NnO{
    display: flex;
    justify-content: space-between;
    width: 1000px;
    margin: 20px auto;
}
@media screen and (max-width: 640px) {
    .areaIndexArea-Underlayer__NnO{
        width: calc(100% - 20px);
        padding-left: 10px;
        padding-right: 10px;
    }
}
.areaIndexArea-Underlayer__map{
    padding: 10px 30px 10px 40px;
    background-color: #ffffff;
    border: 1px solid #646464;
    border-radius: 4px;
    font-size: 14px;
    position: relative;
}
.areaIndexArea-Underlayer__map span{
    position: absolute;
    left: 10px;
    top: 8px;
    width: 10px;
}
.areaIndexArea-Underlayer__order {
    /*-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;*/
    outline: none;
    /*padding: 10px 40px;*/
    width: 160px;
    text-align: center;
    text-align:-webkit-center;
    text-align: -moz-center;
    background-color: #ffffff;
    border: 1px solid #646464;
    border-radius: 4px;
    font-size: 14px;
}
@media screen and (max-width: 640px) {
    .areaIndexArea-Underlayer__map,
    .areaIndexArea-Underlayer__order {
        font-size: 12px;
    }
}@media screen and (max-width: 640px) {
    .areaIndexArea-Underlayer__order {
        width: 140px;
    }
}
.areaIndexArea-Underlayer__salon{
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width: 640px) {
    .areaIndexArea-Underlayer__salon{
        display: block;
    }
}
.areaIndexArea-Underlayer__salonInfoL{
    width: 620px;
    display: flex;
    justify-content: flex-start;
}
@media screen and (max-width: 640px) {
    .areaIndexArea-Underlayer__salonInfoL{
        width: 100%;
        margin-bottom: 15px;
    }
}
.areaIndexArea-Underlayer__salonImg{
    /*width: 200px;*/
    width: 240px;
}
@media screen and (max-width: 640px) {
    .areaIndexArea-Underlayer__salonImg{
        width: 40%;
    }
}
.areaIndexArea-Underlayer__salonImg img{
    width: 100%;
}
.areaIndexArea-Underlayer__salonTxt{
    width: 410px;
    margin-left: 20px;
}
@media screen and (max-width: 640px) {
    .areaIndexArea-Underlayer__salonTxt{
        width: calc(60% - 10px);
        margin-left: 10px;
    }
}
.areaIndexArea-Underlayer__salonTxt h2{
    margin: 0;
    font-size: 25px;
    margin-bottom: 5px;
}
@media screen and (max-width: 640px) {
    .areaIndexArea-Underlayer__salonTxt h2{
        font-size: 14px;
        margin-bottom: 5px;
    }
}
.areaIndexArea-Underlayer__salonTxt .starBox{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}



.areaIndexArea-Underlayer__salonTxt .starBase-l{
    width: 110px;
    height: 20px;
    background-size: 110px;
    background-position: 0 0;
    /* background-image: url("/search/img/bg_star-l.png"); */
    background-image: url("/user/themes/common/images/bg_star-l.png");
    margin: 0;
}
@media screen and (max-width: 640px) {
    .areaIndexArea-Underlayer__salonTxt .starBase-l{
        width: 70px;
        background-size: 70px;
        height: 14px;
    }

}
.areaIndexArea-Underlayer__salonTxt .starBase-l .score{
    background-size: 110px;
    background-position: 0 -21px;
    width: 110px;
}
.areaIndexArea-Underlayer__salonTxt .starBase-l .score5 {width: 110px;}
.areaIndexArea-Underlayer__salonTxt .starBase-l .score4-5h {width: 102px;}
.areaIndexArea-Underlayer__salonTxt .starBase-l .score4-5 {width: 100px;}
.areaIndexArea-Underlayer__salonTxt .starBase-l .score4-5l {width: 97px;}
.areaIndexArea-Underlayer__salonTxt .starBase-l .score4 {width: 90px;}
.areaIndexArea-Underlayer__salonTxt .starBase-l .score3-5h {width: 80px;}
.areaIndexArea-Underlayer__salonTxt .starBase-l .score3-5 {width: 77px;}
.areaIndexArea-Underlayer__salonTxt .starBase-l .score3-5l {width: 75px;}
.areaIndexArea-Underlayer__salonTxt .starBase-l .score3 {width: 65px;}
.areaIndexArea-Underlayer__salonTxt .starBase-l .score2-5h {width: 58px;}
.areaIndexArea-Underlayer__salonTxt .starBase-l .score2-5 {width: 55px;}
.areaIndexArea-Underlayer__salonTxt .starBase-l .score2-5l {width: 53px;}


/* ２．０より下の値がなかったので追加 */
.areaIndexArea-Underlayer__salonTxt .starBase-l .score2 {width: 45px;}
.areaIndexArea-Underlayer__salonTxt .starBase-l .score1-5h {width: 40px;}
.areaIndexArea-Underlayer__salonTxt .starBase-l .score1-5 {width: 33px;}
.areaIndexArea-Underlayer__salonTxt .starBase-l .score1-5l {width: 28px;}
.areaIndexArea-Underlayer__salonTxt .starBase-l .score1 {width: 22px;}
.areaIndexArea-Underlayer__salonTxt .starBase-l .score0-5h {width: 17px;}
.areaIndexArea-Underlayer__salonTxt .starBase-l .score0-5 {width: 11px;}
.areaIndexArea-Underlayer__salonTxt .starBase-l .score0-5l {width: 8px;}
.areaIndexArea-Underlayer__salonTxt .starBase-l .score0 {width: 0px;}


.starBase .score3 {
    width: 44px;
}

.starBase .score2-5 {
    width: 37px;
}

.starBase .score2 {
    width: 29px;
}

.starBase .score1-5 {
    width: 22px;
}

.starBase .score1 {
    width: 14px;
}

.starBase .score0-5 {
    width: 7px;
}

.starBase .score0 {
    display: none;
}


@media screen and (max-width: 640px) {
    .areaIndexArea-Underlayer__salonTxt .starBase-l .score{
        background-size: 70px;
        width: 70px;
        padding-top: 0;
        background-position: 0 -14px;
        text-indent: -9999px;
    }
    .areaIndexArea-Underlayer__salonTxt .starBase-l .score5 {width: 70px;}
    .areaIndexArea-Underlayer__salonTxt .starBase-l .score4-5h {width: 65px;}
    .areaIndexArea-Underlayer__salonTxt .starBase-l .score4-5 {width: 63px;}
    .areaIndexArea-Underlayer__salonTxt .starBase-l .score4-5l {width: 61px;}
    .areaIndexArea-Underlayer__salonTxt .starBase-l .score4 {width: 56px;}
    .areaIndexArea-Underlayer__salonTxt .starBase-l .score3-5h {width: 51px;}
    .areaIndexArea-Underlayer__salonTxt .starBase-l .score3-5 {width: 49px;}
    .areaIndexArea-Underlayer__salonTxt .starBase-l .score3-5l {width: 47px;}
    .areaIndexArea-Underlayer__salonTxt .starBase-l .score3 {width: 43px;}
    .areaIndexArea-Underlayer__salonTxt .starBase-l .score2-5h {width: 37px;}
    .areaIndexArea-Underlayer__salonTxt .starBase-l .score2-5 {width: 35px;}
    .areaIndexArea-Underlayer__salonTxt .starBase-l .score2-5l {width: 33px;}


    /* ２．０より下の値がなかったので追加 */
    .areaIndexArea-Underlayer__salonTxt .starBase-l .score2 {width: 28px;}
    .areaIndexArea-Underlayer__salonTxt .starBase-l .score1-5h {width: 23px;}
    .areaIndexArea-Underlayer__salonTxt .starBase-l .score1-5 {width: 21px;}
    .areaIndexArea-Underlayer__salonTxt .starBase-l .score1-5l {width: 19px;}
    .areaIndexArea-Underlayer__salonTxt .starBase-l .score1 {width: 15px;}
    .areaIndexArea-Underlayer__salonTxt .starBase-l .score0-5h {width: 9px;}
    .areaIndexArea-Underlayer__salonTxt .starBase-l .score0-5 {width: 7px;}
    .areaIndexArea-Underlayer__salonTxt .starBase-l .score0-5l {width: 5px;}
    .areaIndexArea-Underlayer__salonTxt .starBase-l .score0 {width: 0px;}
}

.areaIndexArea-Underlayer__salonTxt .pointBox{
    color: #38c5ac;
    font-size: 20px;
    margin: 0 0 0 5px;
}
.areaIndexArea-Underlayer__salonTxt .pointBox small{
    font-size: 14px;
    margin-left: 2px;
}
.areaIndexArea-Underlayer__salonTxt .pointBox a{
    margin-left: 5px;
    font-size: 14px;
    color: #0000ff;
}
@media screen and (max-width: 640px) {
    .areaIndexArea-Underlayer__salonTxt .pointBox{
        font-size: 12px;
    }
    .areaIndexArea-Underlayer__salonTxt .pointBox small,
    .areaIndexArea-Underlayer__salonTxt .pointBox a{
        font-size: 10px;
    }
}
.areaIndexArea-Underlayer__salonTxt dl{
    margin: 5px 0 0;
}
.areaIndexArea-Underlayer__salonTxt dt,
.areaIndexArea-Underlayer__salonTxt dd{
    float: left;
    padding: 2px 5px;
    margin-bottom: 10px;
    font-size: 1.0rem;
}
.areaIndexArea-Underlayer__salonTxt dt:last-of-type,
.areaIndexArea-Underlayer__salonTxt dd:last-of-type{
    margin-bottom: 0;
}
.areaIndexArea-Underlayer__salonTxt dt{
    background-color: #3eccb4;
    color:#ffffff;
    clear: both;
    border-radius: 3px;
    font-weight: bold;
}
.areaIndexArea-Underlayer__salonTxt dd{
    margin-left: 10px;
}
@media screen and (max-width: 640px) {
    .areaIndexArea-Underlayer__salonTxt dt,
    .areaIndexArea-Underlayer__salonTxt dd{
        font-size: 12px;
        margin-bottom: 5px;
    }
    .areaIndexArea-Underlayer__salonTxt dd{
        padding: 2px 0;
    }
}
.areaIndexArea-Underlayer__salonInfoR{
    position: relative;
}
@media screen and (max-width: 640px) {
    .areaIndexArea-Underlayer__salonInfoR{
        display: flex;
        justify-content: space-between;
    }
}
.areaIndexArea-Underlayer__salonCount{
    border: 1px solid #646464;
    padding: 5px 10px;
    width: 160px;
    font-size: 14px;
    font-weight: bold;
    position: relative;
}
@media screen and (max-width: 640px) {
    .areaIndexArea-Underlayer__salonCount{
        width: calc(40% - 10px);
        padding: 5px;
        font-size: 10px;
    }
}
.areaIndexArea-Underlayer__salonCount img{
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;
}
.areaIndexArea-Underlayer__salonBtn{
    position: absolute;
    bottom: 0;
    right: 0;
}
@media screen and (max-width: 640px) {
    .areaIndexArea-Underlayer__salonBtn {
        position: relative;
        width: calc(60% - 10px);
    }
}

.areaIndexArea-Underlayer__salonBtn button{
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
}
.areaIndexArea-Underlayer__salonBtn button a{
    width: 240px;
    background-color: #ff6969;
    text-decoration: none;
    color: #ffffff;
    display: block;
    font-size: 18px;
    padding: 15px 20px;
    border-radius: 5px;
    box-shadow: 0 2px 0 0 #d75656;
}
.areaIndexArea-Underlayer__salonBtn button a:after{
    content: ">";
    position: absolute;
    right: 20px;
}

@media screen and (max-width: 640px) {
    .areaIndexArea-Underlayer__salonBtn button{
        width: 100%;
    }
    .areaIndexArea-Underlayer__salonBtn button a:after{
        right: 10px;
    }
    .areaIndexArea-Underlayer__salonBtn button a{
        width: calc(100% - 20px);
        padding: 10px;
        font-size: 14px;
    }

}

.todofuken{
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}
.todofuken li{
    width: calc(100% / 8);
    margin-bottom: 10px;
}
.todofuken li:nth-last-child(-n + 7){
    margin-bottom: 0;
}
.todofuken li a{
    text-decoration: none;
}
@media screen and (max-width: 640px) {
    .todofuken li{
        width: calc(100% / 4);
        margin-bottom: 15px;
    }
    .todofuken li:nth-last-child(-n + 7){
        margin-bottom: 15px;
    }
}

.bk {
    color: #333 !important;
}
/* --------------------------------------------------

プリント用 補正

-------------------------------------------------- */

@media print {

    body {url(/user/themes/common/images/img_main_bg-pc.jpg)
        overflow: visible;
    }
}

/* --------------------------------------------------

イメージ枠

-------------------------------------------------- */

.img-rounded {
    border: 1px solid #ccc;
    border-radius: 6px;
}

.send-btn-name,
.cell
{
    line-height: 1.5;
}


/* comments */
.review-wrap {
    margin: 1.5em;
}
.review-wrap > .ttl {
    margin: 2em 0 1em;
    font-size: 14px;
    color: #4f1100;
    line-height: 1.6;
    font-weight: bold;
}
.sheet-review {
    margin-bottom: 2em;
}
.sheet-review .review-item,
.sheet-review .review-item-wanted {
    margin: 1em;
    padding: 1.2em;
    border: 1px solid rgba(111, 138, 187, 0.5);
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.sheet-review .review-item p:first-child,
.sheet-review .review-item-wanted p:first-child {
    position: relative;
    padding-left: 1.5em;
    font-size: 1.2rem;
    color: #888;
}
.sheet-review .sheet-review-good .review-item p:first-child:before,
.sheet-review .sheet-review-good .review-item-wanted p:first-child:before {
    content: "\e9e1";
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;
    color: #fd3837;
}
.sheet-review .sheet-review-neutral .review-item p:first-child:before {
    content: "\e9f7";
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;
    color: #009589;
}
.sheet-review .sheet-review-bad .review-item p:first-child:before {
    content: "\e9e5";
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;
    color: #1b59b5;
}
.sheet-review .review-item p:first-child:before,
.sheet-review .review-item-wanted p:first-child:before {
    position: absolute;
    top: -.2em;
    left: 0;
    font-size: 1.4rem;
}
@media only screen and (min-width: 768px) {
    .review-wrap {
        margin: 1.5em 0;
    }
    .sheet-review {
        background-color: #f0f8fe;
        border: 1px solid rgba(111, 138, 187, 0.5);
        border-top: none;
    }
    .sheet-review .sheet-review-good {
        padding: .7em 1.5em;
        margin: 0 -1px;
        border-top: 3px solid #fd3837;
    }
    .sheet-review .sheet-review-neutral {
        padding: .7em 1.5em;
        margin: 0 -1px;
        border-top: 3px solid #009589;
    }
    .sheet-review .sheet-review-bad {
        padding: .7em 1.5em;
        margin: 0 -1px;
        border-top: 3px solid #1b59b5;
    }
    .sheet-review .review-item,
    .sheet-review .review-item-wanted {
        padding: 1.5em;
        background-color: #fff;
    }
}