@charset "UTF-8";
/*!
Theme Name: couleur-hair
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: couleur-hair
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

couleur-hair is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
    font: inherit;
}

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

body {
    margin: 0;
}

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

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

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

#wrapper {
    min-width: 320px;
    overflow: hidden;
}

[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 {
    border: 0;
}

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

figure {
    margin: 1em 40px;
}

hr {
    -webkit-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"] {
    -webkit-box-sizing: border-box;
    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-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;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    color: #604C3F;
    font-family: YuMincho, "Yu Mincho", serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}

p {
    margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

@media screen and (max-width: 767px) {
    .pc-br {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .sc-br {
        display: none;
    }
}

@font-face {
    font-family: 'lipstickscriptsskregular';
    src: url(/upload/tenant_1/82df2872bf616bc8f320baabbfec468a.woff2) format("woff2"), url(/upload/tenant_1/2849d09fc39d2c46a10f93ae09b5797a.woff) format("woff"), url(/upload/tenant_1/4db2cbe77e038f54d38bfef9539673a5.ttf) format("opentype");
    font-weight: normal;
    font-style: normal;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*,
*:before,
*:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

body {
    background: #F6F6F1;
    /* Fallback for when there is no custom background color defined. */
}

blockquote,
q {
    quotes: """";
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0 0 1.5em 3em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
}

figure {
    margin: 1em 0;
    /* Extra wide images within figure tags don't overflow the content area. */
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0, 0, 0, 0.8);
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1;
    padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #111;
}

select {
    border: 1px solid #ccc;
}

textarea {
    width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #604C3F;
}

a:visited {
    color: #604C3F;
}

a:hover,
a:focus,
a:active {
    color: #916814;
}

a:focus {
    outline: thin dotted;
}

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

/* ##### 追加 ##### */
.ofimg {
    width: 100%;
    overflow: hidden;
}

.of {
    position: relative;
}

.of:before {
    content: "";
    display: block;
}

.ofimg img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: 'object-fit: cover; object-position: center center;';
}

.of img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.of10:before {
    padding-top: 10%;
}

.of15:before {
    padding-top: 15%;
}

.of20:before {
    padding-top: 20%;
}

.of25:before {
    padding-top: 25%;
}

.of30:before {
    padding-top: 30%;
}

.of35:before {
    padding-top: 35%;
}

.of40:before {
    padding-top: 40%;
}

.of45:before {
    padding-top: 45%;
}

.of50:before {
    padding-top: 50%;
}

.of55:before {
    padding-top: 55%;
}

.of60:before {
    padding-top: 60%;
}

.of65:before {
    padding-top: 65%;
}

.of70:before {
    padding-top: 70%;
}

.of75:before {
    padding-top: 75%;
}

.of80:before {
    padding-top: 80%;
}

.of85:before {
    padding-top: 85%;
}

.of90:before {
    padding-top: 90%;
}

.of95:before {
    padding-top: 95%;
}

.of100:before {
    padding-top: 100%;
}

.of105:before {
    padding-top: 105%;
}

.of110:before {
    padding-top: 110%;
}

.of115:before {
    padding-top: 115%;
}

.of120:before {
    padding-top: 120%;
}

.of125:before {
    padding-top: 125%;
}

.of130:before {
    padding-top: 130%;
}

.of135:before {
    padding-top: 135%;
}

.of140:before {
    padding-top: 140%;
}

.of145:before {
    padding-top: 145%;
}

.of150:before {
    padding-top: 150%;
}

.of155:before {
    padding-top: 155%;
}

.of160:before {
    padding-top: 160%;
}

.of165:before {
    padding-top: 165%;
}

.of170:before {
    padding-top: 170%;
}

.of175:before {
    padding-top: 175%;
}

.of180:before {
    padding-top: 180%;
}

.of185:before {
    padding-top: 185%;
}

.of190:before {
    padding-top: 190%;
}

.of195:before {
    padding-top: 195%;
}

.of200:before {
    padding-top: 200%;
}

.w100 {
    width: 100%;
}

/* ##### pcで6分割のグリッド ##### */
.gr666,
.gr665,
.gr664,
.gr663,
.gr662,
.gr661,
.gr655,
.gr654,
.gr653,
.gr652,
.gr651,
.gr644,
.gr643,
.gr642,
.gr641,
.gr633,
.gr632,
.gr631,
.gr622,
.gr621,
.gr611 {
    width: 14%;
    margin: 1%;
}

/* ##### pcで5分割のグリッド ##### */
.gr555,
.gr554,
.gr553,
.gr552,
.gr551,
.gr544,
.gr543,
.gr542,
.gr541,
.gr533,
.gr532,
.gr531,
.gr522,
.gr521,
.gr511 {
    width: 18%;
    margin: 1%;
}

/* ##### pcで4分割のグリッド ##### */
.gr444,
.gr443,
.gr442,
.gr441,
.gr433,
.gr432,
.gr431,
.gr422,
.gr421,
.gr411 {
    width: 23%;
    margin: 1%;
}

/* ##### pcで3分割のグリッド ##### */
.gr333,
.gr332,
.gr331,
.gr322,
.gr321,
.gr311 {
    width: calc(100% / 3 - 2%);
    margin: 1%;
}

/* ##### pcで2分割のグリッド ##### */
.gr222,
.gr221,
.gr211 {
    width: 48%;
    margin: 1%;
}

.w95 {
    width: 95%;
}

.w90 {
    width: 90%;
}

.w85 {
    width: 85%;
}

.w80 {
    width: 80%;
}

.w75 {
    width: 75%;
}

.w70 {
    width: 70%;
}

.w65 {
    width: 65%;
}

.w60 {
    width: 60%;
}

.w55 {
    width: 55%;
}

.w50 {
    width: 50%;
}

.w48 {
    width: 48%;
}

.w45 {
    width: 45%;
}

.w40 {
    width: 40%;
}

.w35 {
    width: 35%;
}

.w30 {
    width: 30%;
}

.w25 {
    width: 25%;
}

.w20 {
    width: 20%;
}

.w15 {
    width: 15%;
}

.w10 {
    width: 10%;
}

@media (max-width: 1024px) {

    /* ##### タブレッドで5分割のグリッド ##### */
    .gr655,
    .gr654,
    .gr653,
    .gr652,
    .gr651 {
        width: 18%;
    }

    /* ##### タブレッドで4分割のグリッド ##### */
    .gr644,
    .gr643,
    .gr642,
    .gr641,
    .gr544,
    .gr543,
    .gr542,
    .gr541 {
        width: 23%;
    }

    /* ##### タブレッドで3分割のグリッド ##### */
    .gr633,
    .gr632,
    .gr631,
    .gr533,
    .gr532,
    .gr531,
    .gr433,
    .gr432,
    .gr431 {
        width: calc(100% / 3 - 2%);
    }

    /* ##### タブレッドで2分割のグリッド ##### */
    .gr622,
    .gr621,
    .gr522,
    .gr521,
    .gr422,
    .gr421,
    .gr322,
    .gr321 {
        width: 48%;
    }

    /* ##### タブレッドで1分割のグリッド ##### */
    .gr611,
    .gr511,
    .gr411,
    .gr311,
    .gr211 {
        width: 98%;
    }
}

@media (max-width: 599px) {

    /* ##### スマホで5分割のグリッド ##### */
    .gr665 {
        width: 18%;
    }

    /* ##### スマホで4分割のグリッド ##### */
    .gr664,
    .gr654,
    .gr554 {
        width: 23%;
    }

    /* ##### スマホで3分割のグリッド ##### */
    .gr663,
    .gr653,
    .gr643,
    .gr633,
    .gr553,
    .gr543,
    .gr533,
    .gr443,
    .gr433 {
        width: calc(100% / 3 - 2%);
    }

    /* ##### スマホで2分割のグリッド ##### */
    .gr662,
    .gr652,
    .gr642,
    .gr632,
    .gr622,
    .gr552,
    .gr542,
    .gr532,
    .gr522,
    .gr442,
    .gr432,
    .gr422,
    .gr332,
    .gr322 {
        width: 48%;
    }

    /* ##### スマホで1分割のグリッド ##### */
    .gr661,
    .gr651,
    .gr641,
    .gr631,
    .gr621,
    .gr611,
    .gr551,
    .gr541,
    .gr531,
    .gr521,
    .gr511,
    .gr441,
    .gr431,
    .gr421,
    .gr411,
    .gr331,
    .gr321,
    .gr311,
    .gr221,
    .gr211 {
        width: 98%;
    }

    .w95 {
        width: 100%;
    }

    .w90 {
        width: 100%;
    }

    .w85 {
        width: 100%;
    }

    .w80 {
        width: 100%;
    }

    .w75 {
        width: 100%;
    }

    .w70 {
        width: 100%;
    }

    .w65 {
        width: 100%;
    }

    .w60 {
        width: 100%;
    }

    .w55 {
        width: 100%;
    }

    .w50 {
        width: 100%;
    }

    .w48 {
        width: 100%;
    }

    .w45 {
        width: 100%;
    }

    .w40 {
        width: 100%;
    }

    .w35 {
        width: 100%;
    }

    .w30 {
        width: 100%;
    }

    .w25 {
        width: 100%;
    }

    .w20 {
        width: 100%;
    }

    .w15 {
        width: 100%;
    }
}

/* ##### 追加 end ##### */

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation ul ul {
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 1.5em;
    left: -999em;
    z-index: 99999;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
    left: 100%;
}

.main-navigation ul ul a {
    width: 200px;
}

.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
    left: auto;
}

.main-navigation li {
    float: left;
    position: relative;
}

.main-navigation a {
    display: block;
    text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}

@media screen and (min-width: 768px) {
    .menu-toggle {
        display: none;
    }

    .main-navigation ul {
        display: block;
    }
}

.comment-navigation,
.posts-navigation,
.post-navigation {
    clear: both;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

.post-navigation {
    width: 100%;
    margin-bottom: 5rem !important;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 1.5em;
    /* Make sure select elements fit in widgets. */
}

.widget select {
    max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}

.hentry {
    margin: 0 0 3em;
    width: 100%;
}

.byline,
.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.site-header {
    width: 100%;
    padding: 20px 0;
    margin: 0 auto;
    background-color: #D4DDCE;
}

.site-header .border-outside {
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
    padding: 8px 0;
    border: 2px solid #604C3F;
}

.site-header .border-outside .border-in {
    content: "";
    display: table;
    table-layout: fixed;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 20px 70px 100px;
    border: solid 1px #604C3F;
    position: relative;
}

.site-header--eyelash {
    background-color: #EEE8DC;
}

#gnav {
    padding: 15px 0;
}

.site-title {
    margin: 0;
}

.nav_inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.site-branding {
    width: 20%;
    margin: 0;
    float: left;
}

.site-title a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main-navigation {
    width: 80%;
    float: right;
    clear: none;
}

.main-navigation .menu-menu-1-container ul li {
    margin: 0;
    padding-left: 1.5rem;
    padding-right: 1rem;
    position: relative;
    letter-spacing: 1px;
    font-family: lipstickscriptsskregular, Josefin, "Josefin Slab", serif;
    font-size: 16px;
}

.main-navigation .menu-menu-1-container ul li:before {
    content: "/";
    position: absolute;
    right: -.5rem;
}

.main-navigation .menu-menu-1-container ul li a {
    margin-bottom: 0;
    font-size: .9em;
}

#menu-item-54 .char6 {
    display: inline-block !important;
    width: 0.5em !important;
}

/********** gnav **********/
#gnav .nav_inner {
    width: 100%;
}

#gnav.fixed {
    position: fixed;
    width: 100%;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background: rgba(255, 255, 255, 0.9);
    z-index: 10;
}

#gnav.fixed .nav_inner {
    width: 97%;
    max-width: 1000px;
    margin: auto;
}

.site-top-header {
    position: relative;
}



/******************
    smart phone
 ****/
@media screen and (max-width: 767px) {
    .site-header {
        padding: 7px 5px;
    }

    .site-header .border-outside {
        padding: 5px 5px;
    }

    .site-header .border-outside .border-in {
        padding: 0 5px;
    }

    .site-header .border-outside .border-in .site-branding {
        margin: 15px 0;
    }

    .site-header--eyelash {
        background-color: #EEE8DC;
    }

    .site-header .site-branding,
    .site-top-header .site-branding {
        width: 100%;
        float: none;
    }

    .site-header .site-title img,
    .site-top-header .site-title img {
        max-width: 35%;
        padding-bottom: 5px;
    }

    .site-header .main-navigation,
    .site-top-header .main-navigation {
        width: 100%;
        margin: 0;
        float: none;
        clear: none;
    }

    .site-header .main-navigation .menu-menu-1-container ul,
    .site-top-header .main-navigation .menu-menu-1-container ul {
        height: 788px;
        text-align: center;
        background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/navigation/navi-bg.png);
        background-position: top center;
        background-repeat: no-repeat;
    }

    .site-header .main-navigation.new .menu-menu-1-container ul,
    .site-top-header .main-navigation.new .menu-menu-1-container ul {
        height: 980px;
        text-align: center;
        background: url(/upload/tenant_1/39bf19f39d397a9e1f42225cdc70a34d.png);
        background-position: top center;
        background-repeat: no-repeat;
    }

    .site-header .main-navigation .menu-menu-1-container ul li,
    .site-top-header .main-navigation .menu-menu-1-container ul li {
        width: 50%;
        margin-top: 0;
        padding: 0;
        display: block;
        position: relative;
        letter-spacing: 1px;
        font-family: YuMincho, "Yu Mincho", serif;
    }

    .site-header .main-navigation .menu-menu-1-container ul li:before,
    .site-top-header .main-navigation .menu-menu-1-container ul li:before {
        content: "";
        position: absolute;
        right: 0;
    }

    .site-header .main-navigation .menu-menu-1-container ul li a,
    .site-top-header .main-navigation .menu-menu-1-container ul li a {
        margin-top: 40px;
        padding: 110px 0 20px;
        display: block;
        position: relative;
        letter-spacing: 1px;
        font-family: YuMincho, "Yu Mincho", serif;
        font-size: 1rem;
    }

    .site-header .menu-item a,
    .site-top-header .menu-item a {
        background-position: top 5px center;
        background-repeat: no-repeat;
    }

    .site-header .menu-item-54 a,
    .site-top-header .menu-item-54 a {
        background-image: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/navigation/navi-about.png);
    }

    .site-header .menu-item-158 a,
    .site-top-header .menu-item-158 a {
        background-image: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/navigation/navi-staff.png);
    }

    .site-header .menu-item-90 a,
    .site-top-header .menu-item-90 a {
        background-image: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/navigation/navi-stylebook.png);
    }

    .site-header .menu-item-56 a,
    .site-top-header .menu-item-56 a {
        background-image: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/navigation/navi-price.png);
    }

    .site-header .menu-item-55 a,
    .site-top-header .menu-item-55 a {
        background-image: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/navigation/navi-access.png);
    }

    .site-header .menu-item-78 a,
    .site-top-header .menu-item-78 a {
        background-image: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/navigation/navi-news.png);
        background-size: 95px;
    }

    .site-header .menu-item-188 a,
    .site-top-header .menu-item-188 a {
        background-image: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/navigation/navi-recruit.png);
    }

    .site-header .menu-item-74 a,
    .site-top-header .menu-item-74 a {
        background-image: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/navigation/navi-diary.png);
    }

    .site-header .menu-item-774 a,
    .site-top-header .menu-item-774 a {
        background-image: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/navigation/navi-eyelash.png);
    }

    .site-header .menu-item-800 a,
    .site-top-header .menu-item-800 a {
        background-image: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-main/dryer.png);
        background-size: 77px;
    }

    .site-header .menu-item-801 a,
    .site-top-header .menu-item-801 a {
        background-image: url(/upload/tenant_1/34855109cc7307de920218d525ef02d0.png);
        background-size: 74px;
    }

    .menu-toggle {
        width: 36px;
        height: 36px;
        padding: 0;
        cursor: pointer;
        display: block;
        background-color: transparent;
        position: fixed;
        top: 35px;
        right: 35px;
        z-index: 10;
        border: none;
        outline: none;
    }

    .menu-toggle i {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        left: 0;
        background-color: #916814;
        -webkit-transition: .35s ease-in-out;
        transition: .35s ease-in-out;
    }

    .menu-toggle i:nth-child(1) {
        top: 0;
    }

    .menu-toggle i:nth-child(2) {
        top: 12px;
    }

    .menu-toggle i:nth-child(3) {
        top: 24px;
    }

    .menu-toggle span {
        display: block;
        position: absolute;
        top: 35px;
        left: -2px;
        color: #916814;
        font-size: 12px;
        -webkit-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }

    .menu-toggle .text-opened {
        display: none;
    }

    .toggled .menu-toggle i {
        background-color: #916814;
    }

    .toggled .menu-toggle i:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        transform: rotate(315deg);
    }

    .toggled .menu-toggle i:nth-child(2) {
        width: 0;
        left: 50%;
    }

    .toggled .menu-toggle i:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }

    .toggled .menu-toggle .text-closed {
        display: none;
    }

    .toggled .menu-toggle .text-opened {
        display: block;
        color: #916814;
    }
}

@media (max-width: 599px) {
    .menu-toggle {
        top: 25px;
        right: 25px;
    }
}

.site-top-header .site-top-header__background {
    width: 100%;
    margin: 0;
    max-width: 1920px;
    margin: 0 auto;
    padding: 20px;
}

.site-top-header .border-outside {
    width: 97%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    max-width: 1160px;
    height: 760px;
    margin: 0 auto;
    padding: 8px;
    border: 2px solid #604C3F;
}

.site-top-header .border-outside .border-inside {
    content: "";
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    padding: 20px 60px 100px;
    border: solid 1px #604C3F;
}

.site-top-header .top-header-message-wrapper {
    width: 100%;
    max-width: 1200px;
    min-width: 1024px;
    margin: 0 auto;
    position: relative;
}

.site-top-header .top-header-message {
    position: absolute;
    top: -320px;
    left: 60px;
    margin: 0;
    padding: 0;
    color: #604C3F;
    font-family: lipstickscriptsskregular, Josefin, "Josefin Slab", serif;
    font-size: 6rem;
    font-weight: bold;
    letter-spacing: .25em;
    word-spacing: -0.5em;
    line-height: 1.2;
    transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -moz-transform: rotate(-5deg);
    -webkit-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
}

@media only screen and (max-width: 1024px) {
    .site-top-header .border-outside .border-inside {
        padding: 20px 20px 100px;
    }

    .site-top-header .border-outside,
    .site-top-header .top-header-message-wrapper {
        max-width: none;
        min-width: auto;
    }
}

/****************
    smart phone
******/
@media screen and (max-width: 767px) {
    .site-top-header .site-top-header__background {
        padding: 20px;
    }

    .site-top-header .border-outside {
        width: 100%;
        height: 240px;
        min-width: 100%;
        padding: 5px;
    }

    .site-top-header .border-outside .border-inside {
        content: "";
        display: table;
        table-layout: fixed;
        padding: 0 5px;
        border: solid 1px #604C3F;
    }

    .site-top-header .border-outside .border-inside .site-branding {
        margin: 0;
    }

    .site-top-header .top-header-message-wrapper {
        position: relative;
        width: 100%;
        min-width: 100%;
    }

    .site-top-header .top-header-message {
        position: absolute;
        top: -80px;
        left: 20px;
        font-size: 1.8rem;
    }

    .site-top-header.sp-menu-opened .site-top-header__background {
        height: auto !important;
    }

    .site-top-header.sp-menu-opened .vegas-slide,
    .site-top-header.sp-menu-opened .vegas-timer {
        -webkit-transition: none !important;
        transition: none !important;
        opacity: 0 !important;
    }

    .site-top-header.sp-menu-opened .vegas-wrapper {
        position: relative;
        padding: 0 !important;
    }

    .site-top-header.sp-menu-opened .border-outside {
        height: auto;
        background: #D4DDCE;
        -webkit-transition: 0.5s all !important;
        transition: 0.5s all !important;
    }

    .site-top-header.sp-menu-opened .top-header-message {
        display: none;
    }
}

.site-info {
    width: 100%;
    margin: 0;
    padding-bottom: 200px;
    text-align: center;
}

.site-info .pic {
    width: 362px;
    margin-left: auto;
}

.site-info .footer-hr {
    margin: 0;
    padding: 1px 0;
    background-image: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/hr.png);
    background-repeat: repeat-x;
    background-color: transparent;
}

.site-info .main-navigation {
    width: 100%;
}

.site-info .main-navigation .menu-menu-1-container {
    width: 960px;
    margin: 0 auto;
    padding: 100px 0 40px;
}

.site-info .main-navigation .menu-menu-1-container ul {
    content: "";
    display: table;
    table-layout: fixed;
    margin: 0 auto;
}

.site-info .main-navigation .menu-menu-1-container ul li {
    margin: 0;
    padding-left: 1.5rem;
    padding-right: 1.2rem;
    position: relative;
    font-family: lipstickscriptsskregular, Josefin, "Josefin Slab", serif;
    letter-spacing: 1px;
}

.site-info .main-navigation .menu-menu-1-container ul li:before {
    content: "/";
    position: absolute;
    right: -.5rem;
}

.site-info .main-navigation .menu-menu-1-container ul li a {
    margin-bottom: 0;
    padding-bottom: 3px;
    font-size: 1rem;
}

.site-info .copy {
    font-size: 0.8rem;
    margin-bottom: 1.5em;
    -webkit-margin-before: 1em;
    margin-block-start: 1em;
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
    -webkit-margin-start: 0px;
    margin-inline-start: 0px;
    -webkit-margin-end: 0px;
    margin-inline-end: 0px;
}

.site-info .copy .tell {
    display: block;
    margin-top: 30px;
    font-size: 1.3rem;
}

.site-info .copy .tell a {
    text-decoration: none;
}

.site-footer .fix_tel {
    display: none;
    position: fixed;
    bottom: 0;
    background: #d4ddce;
    width: 100%;
    z-index: 10;
}

.site-footer .fix_tel .tel a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 1rem;
    text-decoration: none;
    text-align: center;
}

.site-footer .fix_tel .tel a .tel-slash::after {
    content: "/";
    display: inline-block;
    margin: 0 5px;
}

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

m_tablet

********************************/
@media only screen and (max-width: 1024px) {
    .site-info .main-navigation .menu-menu-1-container {
        width: 97%;
    }

    .site-footer .fix_tel {
        display: block;
        white-space: nowrap;
        word-break: break-all;
    }
    
    .site-footer .fix_tel .tel a {
        width: 100%;
        white-space: nowrap;
        word-break: break-all;
    }
}

/******************
    smart phone
 ****/
@media screen and (max-width: 767px) {
    .site-info {
        margin-top: 3rem;
    }

    .site-info .pic {
        max-width: 45%;
        width: auto;
    }

    .site-info .main-navigation .menu-menu-1-container {
        width: 100%;
        padding: 50px 0 30px;
    }

    .site-info .main-navigation .menu-menu-1-container ul {
        text-align: center;
    }

    .site-info .main-navigation .menu-menu-1-container ul li {
        width: 50%;
        margin: 0;
        padding: 0;
        display: block;
        position: relative;
        letter-spacing: 1px;
        font-family: lipstickscriptsskregular, Josefin, "Josefin Slab", serif;
    }

    .site-info .main-navigation .menu-menu-1-container ul li:before {
        content: "";
        position: absolute;
        right: 0;
    }

    .site-info .main-navigation .menu-menu-1-container ul li a {
        margin-bottom: 0;
        padding: 10px 0 10px;
        font-size: 1rem;
    }

    .site-info p {
        font-size: 0.85rem;
        line-height: 3;
        text-align: center;
        clear: both;
    }

    .site-info p .tell {
        display: block;
        font-size: 1.3rem;
    }
}

/******************
    iphone 5
 ****/
@media screen and (max-width: 374px) {
    .site-info p {
        font-size: 0.8rem;
    }
}

.content-header {
    position: relative;
    padding-bottom: 2rem;
}

.entry-title {
    margin: 0 0 3rem;
    padding: 20px 0 90px;
    background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-header/header-title-bg.png) top center no-repeat;
    color: #fff;
    text-align: center;
    letter-spacing: 3px;
    position: relative;
    bottom: 4rem;
    font-weight: bold;
    font-family: lipstickscriptsskregular, Josefin, "Josefin Slab", serif;
    font-size: 2rem;
}

.entry-title--sub {
    margin: 0;
    padding: 0;
    color: #916814;
    text-align: center;
    position: relative;
    bottom: 9rem;
}

.content-header--text {
    text-align: center;
    position: relative;
    bottom: 2rem;
    width: 60%;
    margin: 0 auto 1.5em;
}

.content-header--about:after {
    content: '';
    width: auto;
    height: auto;
    padding: 145px 185px;
    background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-header/content-header-about.png) right center no-repeat;
    position: absolute;
    top: 30px;
    right: 0;
    z-index: 10;
}

.content-header--access:after {
    content: '';
    width: auto;
    height: auto;
    padding: 70px 80px;
    background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-header/content-header-access.png) right center no-repeat;
    position: absolute;
    top: 3rem;
    right: 0;
}

.content-header--price:after {
    content: '';
    width: auto;
    height: auto;
    padding: 75px 35px;
    background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-header/content-header-price.png) right center no-repeat;
    position: absolute;
    top: 3rem;
    right: 0;
}

.content-header--recruit:after {
    content: '';
    width: auto;
    height: auto;
    padding: 80px 80px;
    background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-header/content-header-recruit.png) right center no-repeat;
    position: absolute;
    top: 3rem;
    right: 0;
}

.content-header--staff-bard:after {
    content: '';
    width: auto;
    height: auto;
    padding: 70px 104px;
    background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-header/content-header-staff1.png) right center no-repeat;
    position: absolute;
    top: 3rem;
    right: 0;
}

.content-header--staff-tree:before {
    content: '';
    width: auto;
    height: auto;
    padding: 145px 185px;
    background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-header/content-header-staff2.png) right center no-repeat;
    position: absolute;
    bottom: -4rem;
    left: 0;
    z-index: 10;
}

.content-header--stylebook:after {
    content: '';
    width: auto;
    height: auto;
    padding: 75px 90px;
    background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-header/content-header-stylebook.png) right center no-repeat;
    position: absolute;
    top: 3rem;
    right: 0;
    z-index: 10;
}

.content-header--diary:after {
    content: '';
    width: auto;
    height: auto;
    padding: 70px 80px;
    background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-header/content-header-diary.png) right center no-repeat;
    position: absolute;
    top: 3rem;
    right: 0;
}

.content-header--news:after {
    content: '';
    width: auto;
    height: auto;
    padding: 70px 80px;
    background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-header/content-header-news.png) right center no-repeat;
    position: absolute;
    top: 3rem;
    right: 0;
}

.content-header--eyelash-leaf:after {
    content: '';
    width: auto;
    height: auto;
    padding: 249px 200px;
    background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-header/content-header-eyelash-leaf_1.png) right center no-repeat;
    position: absolute;
    top: 5rem;
    right: 2rem;
}

.content-header--eyelash-leaf:before {
    content: '';
    width: auto;
    height: auto;
    padding: 225px 200px;
    background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-header/content-header-eyelash-leaf_2.png) right center no-repeat;
    position: absolute;
    bottom: -33rem;
    left: -5rem;
    z-index: 10;
}

.breadcrumbs {
    position: absolute;
    top: 2rem;
    left: 0;
    color: #604C3F;
}

.breadcrumbs .page {
    max-width: 7em;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 14px;
}

.breadcrumbs a {
    text-decoration: none;
}

/***************
stylebook list
**/
.style-category-list ul {
    width: 840px;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
}

.style-category-list ul li {
    margin: 0;
    padding: 0 35px;
    display: inline-block;
}

.style-category-list ul li a {
    position: relative;
    z-index: 10;
    display: inline-block;
    text-decoration: none;
    -webkit-transition: .3s;
    transition: .3s;
}

.style-category-list ul li a::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    content: '';
    width: 0;
    height: 2px;
    background-color: #916814;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.style-category-list ul li a:hover::after {
    width: 100%;
}

/******************
    smart phone
 ****/
@media screen and (max-width: 767px) {
    .content-header {
        width: 100% !important;
        min-width: 100% !important;
        padding: 0;
    }

    .entry-title {
        padding: 25px 0 90px;
        background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-header/header-title-bg.png) top 5px center no-repeat;
        background-size: 80%;
        bottom: 2rem;
        font-size: 1.6rem;
    }

    .content-header--about .entry-title {
        padding: 8px 0 40px;
    }

    .content-header--about .entry-title--sub {
        bottom: 3.5rem;
    }

    .content-header--about .char6 {
        width: 10px;
    }

    .entry-title--sub {
        font-size: .9rem;
        bottom: 5rem;
    }

    .content-header--text {
        width: 320px;
        margin: 0 auto 1.5em;
        font-size: .9rem;
        bottom: 1rem;
    }

    .content-header--about:after {
        padding: 90px 110px;
        background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-header/content-header-about.png) right center no-repeat;
        background-size: 100%;
        position: absolute;
        top: 12.5rem;
        right: -11rem;
    }

    .content-header--access:after {
        padding: 40px 75px;
        background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-header/content-header-access.png) right center no-repeat;
        background-size: 60%;
        position: absolute;
        top: 3.5rem;
        right: .5rem;
    }

    .content-header--price:after {
        padding: 55px 25px;
        background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-header/content-header-price.png) right center no-repeat;
        background-size: 100%;
        position: absolute;
        top: 1.7rem;
        right: 0;
    }

    .content-header--staff-bard:after {
        padding: 40px 60px;
        background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-header/content-header-staff1.png) right center no-repeat;
        background-size: 100%;
        position: absolute;
        top: 3.8em;
        right: .5rem;
    }

    .content-header--staff-tree:before {
        background: none;
        background-size: 100%;
        position: absolute;
        z-index: 0;
    }

    .content-header--stylebook:after {
        padding: 45px 55px;
        background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-header/content-header-stylebook.png) right center no-repeat;
        background-size: 100%;
        position: absolute;
        top: 3.5rem;
        right: .5rem;
    }

    .content-header--diary:after {
        padding: 45px 40px;
        background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-header/content-header-diary.png) right center no-repeat;
        background-size: 100%;
        position: absolute;
        top: 3.5rem;
        right: 1rem;
    }

    .content-header--news:after {
        padding: 40px 45px;
        background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-header/content-header-news.png) right center no-repeat;
        background-size: 100%;
        position: absolute;
        top: 3.5rem;
        right: .5rem;
    }

    .content-header--recruit:after {
        content: '';
        width: auto;
        height: auto;
        padding: 50px 50px;
        background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-header/content-header-recruit.png) right center no-repeat;
        background-size: 100%;
        position: absolute;
        top: 3rem;
        right: 5px;
    }

    .content-header--eyelash-leaf:after {
        content: '';
        width: auto;
        height: auto;
        padding: 130px 100px;
        background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-header/content-header-eyelash-leaf_1.png) right center no-repeat;
        background-size: 100%;
        position: absolute;
        top: 0;
        right: -6rem;
    }

    .content-header--eyelash-leaf:before {
        content: '';
        width: auto;
        height: auto;
        padding: 120px 100px;
        background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-header/content-header-eyelash-leaf_2.png) right center no-repeat;
        background-size: 100%;
        position: absolute;
        bottom: -23rem;
        left: -8rem;
        z-index: 10;
    }

    .breadcrumbs {
        display: none;
    }

    /*********************
      stylebook list
  ******/
    .style-category-list ul {
        width: 320px;
        margin: 0 auto;
    }

    .style-category-list ul li {
        width: 32.2%;
        padding: 10px 0;
        font-size: .85rem;
        display: inline-block;
        text-align: center;
    }
}

@media only screen and (max-width: 599px) {
    .entry-title {
        padding-top: 10px;
    }

    .entry-title--sub {
        bottom: 6rem;
    }
}

/******************
    smart phone
 ****/
@media screen and (max-width: 374px) {
    .entry-title {
        font-size: 1.4rem;
    }

    .content-header--text {
        width: 300px;
    }
}

.content-access {
    width: 1024px;
    margin: 0 auto;
    margin-bottom: 60px;
}

.content-access .map-style {
    width: 100%;
    height: 500px;
    margin-bottom: 2rem;
}

.content-access .access-block {
    content: "";
    display: table;
    table-layout: fixed;
    width: 100%;
}

.content-access .access-block .access-block--left {
    width: 45%;
    float: left;
}

.content-access .access-block .access-block--left .access-img_1 {
    padding-top: 2rem;
}

.content-access .access-block .access-block--right {
    width: 45%;
    float: right;
}

.access-logo {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

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

tablet

********************************/
@media only screen and (max-width: 1024px) {
    .content-access {
        width: 100%;
    }
}

/******************
    smart phone
 ****/
@media screen and (max-width: 767px) {
    .content-access {
        width: 100%;
        margin: 0;
    }

    .content-access .map-style {
        width: 100%;
        height: 300px;
        margin-bottom: 2rem;
    }

    .content-access p {
        width: 320px;
        margin: 0 auto;
    }

    .content-access .access-block {
        content: "";
        display: table;
        table-layout: fixed;
        width: 100%;
    }

    .content-access .access-block .access-block--left {
        width: 100%;
        float: none;
    }

    .content-access .access-block .access-block--left .access-img_1 {
        padding: 0 0 2rem;
    }

    .content-access .access-block .access-block--right {
        width: 100%;
        float: none;
    }
}

@media (max-width: 599px) {
    .content-access .access-block .access-block--right {
        padding: 10px;
    }
}

/******************
    iphone 5
 ****/
@media screen and (max-width: 374px) {
    .content-access p {
        width: 300px;
    }
}

.content-eyelash--title {
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.content-eyelash .beige {
    color: #916814;
}

.content-eyelash--title {
    font-size: 1.5rem;
    letter-spacing: 3px;
    font-weight: normal;
}

.content-eyelash--title span {
    padding-top: 2px;
    font-size: 0.8rem;
}

.content-eyelash--subtitle {
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 1.2rem;
    font-weight: normal;
    letter-spacing: 1px;
}

.content-eyelash--subtitle-mb {
    padding-top: 3rem;
    margin-bottom: 9rem;
}

.content-eyelash .eyelash-eye-image {
    padding-left: 9rem;
    width: 32%;
}

.content-eyelash .eyelash-sub-head {
    padding-bottom: 2.5rem;
}

.content-eyelash .eyelash-sub-head--decoration {
    margin-right: 25rem;
    color: #916814;
    display: inline-block;
    font-family: lipstickscriptsskregular, Josefin, "Josefin Slab", serif;
    font-weight: bold;
    letter-spacing: 2px;
    transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
}

.content-eyelash .eyelash-sub-head p {
    margin-top: 0;
}

.content-eyelash .eyelash-sub-head-img-eye {
    background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-main/eyelash_eye.jpg) top 0 right 25px no-repeat;
}

.content-eyelash .eyelash-sub-head--about-hairgrows {
    margin-bottom: 5rem;
}

.content-eyelash .eyelash-price-title {
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    margin: 0 0 .5rem 1.7rem;
}

.content-eyelash .eyelash-price-title span {
    padding-right: 2.5rem;
    padding-top: .7rem;
    display: inline-block;
    float: right;
}

.content-eyelash table {
    margin: 0 auto 3rem;
    max-width: 560px;
}

.content-eyelash table tbody {
    border-bottom: 3rem solid transparent;
}

.content-eyelash table tbody tr {
    border-bottom: 1rem solid transparent;
}

.content-eyelash table tbody tr td .mark {
    display: inline-block;
    margin: .2rem 0.3rem 0;
    color: #916814;
    font-size: 1.2rem;
    line-height: 1rem;
    vertical-align: sub;
}

.content-eyelash .eyelash-table-block {
    max-width: 900px;
    margin: 0 auto 5rem;
}

.content-eyelash .eyelash-table-block .eyelash-other-table {
    max-width: 420px;
}

.content-eyelash .eyelash-table-block .eyelash-other-table--left {
    float: left;
    margin-right: 10px;
}

.content-eyelash .eyelash-table-block .eyelash-other-table--right {
    float: right;
    margin-left: 10px;
}

.content-eyelash .eyelash-table-bottom-txt {
    clear: both;
    margin-bottom: 15rem;
}

.content-eyelash--info {
    position: relative;
    margin: 0 auto 10rem;
    max-width: 800px;
    border: 2px solid;
}

.content-eyelash--info--figure {
    position: absolute;
    top: -12rem;
    left: -13rem;
    width: 41%;
}

.content-eyelash--info .eyelash-info-inner {
    margin: .3rem;
    border: 1px solid;
}

.content-eyelash--info .eyelash-info-inner ul {
    margin-bottom: 0;
    padding-top: 2rem;
    padding-bottom: 2rem;
    font-size: .9rem;
}

.content-eyelash--info .eyelash-info-inner ul li {
    padding-left: 18px;
    margin-bottom: 2rem;
    list-style-type: none;
    background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-main/eyelash-info-mark.png) top 4px left 0 no-repeat;
}

.content-eyelash--info .eyelash-info-inner ul li:last-child {
    margin: 0;
}

.content-eyelash--info .eyelash-info-inner ul li a {
    text-decoration: underline;
}

.content-eyelash .eyelash-image--left {
    content: "";
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 8rem;
    background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-main/eyelash-bird.png) top right 20px no-repeat;
}

.content-eyelash .eyelash-image--left .eyelash-block--right {
    width: 59%;
    float: right;
    padding-top: 8.5rem;
    padding-bottom: 3rem;
    text-align: left;
}

.content-eyelash .eyelash-image--left .eyelash-block--right h2 {
    position: relative;
    left: -2.4rem;
    z-index: 2;
    color: #916814;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 2.3rem;
    font-weight: normal;
    letter-spacing: 3px;
}

.content-eyelash .eyelash-image--left .eyelash-block--right p {
    margin-bottom: 0;
}

.content-eyelash .eyelash-image--left .eyelash-block--right-figure {
    margin: 0 0 0 auto;
    padding-right: 10px;
    width: 42%;
}

.content-eyelash .eyelash-image--left .eyelash-block--left {
    width: 34%;
    height: 100%;
    float: left;
    text-align: right;
}

.content-eyelash .eyelash-figure--shop {
    position: relative;
    content: "";
    display: table;
    table-layout: fixed;
    width: 90%;
    margin: 1rem auto;
}

.content-eyelash .eyelash-figure--shop img {
    position: absolute;
    top: 0;
    left: 4rem;
    z-index: 1;
}

.content-eyelash .eyelash-figure--shop:after {
    content: '';
    width: auto;
    height: auto;
    padding: 200px 200px;
    background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-main/eyelash_room_bg_1.jpg) center center no-repeat;
    position: relative;
    top: 8rem;
    right: -1rem;
    z-index: 0;
}

/******************
    smart phone
 ****/
@media screen and (max-width: 767px) {
    .content-eyelash {
        font-size: .9rem;
    }

    .content-eyelash .beige {
        color: #916814;
    }

    .content-eyelash--title {
        font-size: 1.5rem;
        letter-spacing: 3px;
        font-weight: normal;
    }

    .content-eyelash--title span {
        padding-top: 2px;
        font-size: 0.8rem;
    }

    .content-eyelash--subtitle {
        font-size: 1.2rem;
        font-weight: normal;
        letter-spacing: 1px;
    }

    .content-eyelash--subtitle-info {
        font-size: 1.1rem;
    }

    .content-eyelash--subtitle-mb {
        padding-top: 3rem;
        margin-bottom: 9rem;
    }

    .content-eyelash .eyelash-sub-head {
        padding-bottom: 2.5rem;
    }

    .content-eyelash .eyelash-sub-head--decoration {
        margin: 0 0;
        text-align: center;
        color: #916814;
        display: inline-block;
        font-family: lipstickscriptsskregular, Josefin, "Josefin Slab", serif;
        font-weight: bold;
        letter-spacing: 2px;
        transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
    }

    .content-eyelash .eyelash-sub-head .p {
        margin-top: 0;
    }

    .content-eyelash .eyelash-sub-head-img-eye {
        background: none;
    }

    .content-eyelash .eyelash-sub-head--about-hairgrows {
        margin-bottom: 5rem;
    }

    .content-eyelash .eyelash-price-title {
        margin: 0 0 .5rem 1.7rem;
    }

    .content-eyelash .eyelash-price-title span {
        padding-right: 2.5rem;
        padding-top: .7rem;
        display: inline-block;
        float: right;
    }

    .content-eyelash table {
        margin: 0 auto 3rem;
        max-width: 560px;
    }

    .content-eyelash table tbody {
        border-bottom: 3rem solid transparent;
    }

    .content-eyelash table tbody tr {
        border-bottom: 1rem solid transparent;
    }

    .content-eyelash table tbody tr td {
        font-size: .8rem;
    }

    .content-eyelash table tbody tr td.add_w70 {
        width: 70%;
        padding-right: .5rem;
    }

    .content-eyelash table tbody tr td .mark {
        display: inline-block;
        margin: .2rem 0.3rem 0;
        color: #916814;
        font-size: 1.2rem;
        line-height: 1rem;
        vertical-align: sub;
    }

    .content-eyelash .eyelash-table-block {
        max-width: 900px;
        margin: 0 auto 5rem;
    }

    .content-eyelash .eyelash-table-block .eyelash-other-table {
        max-width: 420px;
    }

    .content-eyelash .eyelash-table-block .eyelash-other-table--left {
        float: left;
        margin-right: 10px;
    }

    .content-eyelash .eyelash-table-block .eyelash-other-table--right {
        float: right;
        margin-left: 10px;
    }

    .content-eyelash .eyelash-table-bottom-txt {
        clear: both;
        margin-bottom: 15rem;
    }

    .content-eyelash--info {
        position: relative;
        margin: 0 auto 10rem;
        max-width: 800px;
        border: 2px solid;
    }

    .content-eyelash--info--figure {
        display: none;
    }

    .content-eyelash--info .eyelash-info-inner {
        margin: .3rem;
        border: 1px solid;
    }

    .content-eyelash--info .eyelash-info-inner ul {
        margin: 0;
        padding: 2rem 0;
        font-size: .8rem;
        text-align: justify;
    }

    .content-eyelash--info .eyelash-info-inner ul li {
        margin: 0 7px;
        padding-left: 20px;
        margin-bottom: 2rem;
        list-style-type: none;
        background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-main/eyelash-info-mark.png) top 3px left 2px no-repeat;
    }

    .content-eyelash--info .eyelash-info-inner ul li:last-child {
        margin: 0 7px;
    }

    .content-eyelash .eyelash-image--left {
        content: "";
        display: table;
        table-layout: fixed;
        width: 100%;
        margin-bottom: 8rem;
        background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-main/eyelash-bird.png) top right no-repeat;
    }

    .content-eyelash .eyelash-image--left .eyelash-block--right {
        width: 100%;
        float: none;
        padding-top: 7rem;
        padding-bottom: 3rem;
        text-align: center;
    }

    .content-eyelash .eyelash-image--left .eyelash-block--right h2 {
        position: relative;
        left: 0;
        z-index: 2;
        color: #916814;
        font-size: 2.3rem;
        font-weight: normal;
        letter-spacing: 3px;
    }

    .content-eyelash .eyelash-image--left .eyelash-block--right p {
        margin-bottom: 0;
    }

    .content-eyelash .eyelash-image--left .eyelash-block--right-figure {
        margin: 0;
        padding-right: 10px;
        width: 100%;
    }

    .content-eyelash .eyelash-image--left .eyelash-block--left {
        width: 100%;
        height: 100%;
        float: none;
        text-align: right;
    }

    .content-eyelash .eyelash-figure--shop {
        position: relative;
        content: "";
        display: table;
        table-layout: fixed;
        width: 100%;
    }

    .content-eyelash .eyelash-figure--shop img {
        position: relative;
        z-index: 1;
        left: 0;
    }

    .content-eyelash .eyelash-figure--shop:after {
        content: '';
        width: auto;
        height: auto;
        padding: 150px 150px;
        background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-main/eyelash_room_bg_1.jpg) center center no-repeat;
        position: absolute;
        top: 2.5rem;
        right: 2.5rem;
        z-index: 0;
    }
}

@media screen and (max-width: 374px) {
    .about-title--job {
        font-size: 1.1rem;
    }
}

.whole-staff-content {
    position: relative;
    background-image: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/bg-image/staff-bg_1.png), url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/bg-image/staff-bg_2.png);
    background-position: top -300px center, bottom 450px center;
    background-repeat: repeat-x;
}

.content-staff {
    text-align: center;
}

.content-staff .staff-box--inner .ofimg {
    position: relative;
    width: 60%;
    margin: 0 auto 4rem;
}

.content-staff .staff-box--inner .ofimg img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.content-staff .staff-box--inner .ofimg:before {
    content: "";
    display: block;
    padding-top: 140%;
}

.content-staff .staff-box--inner {
    /* max-width: 48%; */
    width: 48%;
    margin-bottom: 5rem;
}

.content-staff .staff-box--inner:nth-of-type(odd) {
    margin-right: auto;
}

.content-staff .staff-box--inner .post-title {
    font-weight: normal;
    font-size: 1.2rem;
    margin-bottom: 3rem;
}

.content-staff .staff-box--inner .attachment-staff {
    margin-bottom: 3rem;
}

.content-staff .staff-box--inner .info {
    line-height: 2.5rem;
    margin-bottom: 2rem;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    -webkit-margin-before: 1em;
    margin-block-start: 1em;
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
    -webkit-margin-start: 0px;
    margin-inline-start: 0px;
    -webkit-margin-end: 0px;
    margin-inline-end: 0px;
    box-sizing: border-box !important;
}

.content-staff .staff-box--inner a {
    padding: 0 20px;
    display: inline-block;
}

.content-staff .staff-box--inner img {
    max-width: 100%;
}

.content-staff .staff-box--inner .catchphrase {
    line-height: 2.5rem;
    margin-bottom: 3rem;
}

.content-staff .staff-box--inner .sns-text {
    margin-bottom: 2rem;
    padding-left: 20%;
    font-family: lipstickscriptsskregular, Josefin, "Josefin Slab", serif;
    text-align: left;
    line-height: normal;
    transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -webkit-margin-before: 1em;
    margin-block-start: 1em;
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
    -webkit-margin-start: 0px;
    margin-inline-start: 0px;
    -webkit-margin-end: 0px;
    margin-inline-end: 0px;
}

/******************
    smart phone
 ****/
@media screen and (max-width: 767px) {
    .content-staff {
        content: "";
        display: table;
        table-layout: fixed;
        text-align: center;
    }

    .content-staff .staff-box--inner {
        width: 100%;
        margin-bottom: 0;
    }

    .content-staff .staff-box--inner p {
        font-size: .9rem;
    }

    .content-staff .staff-box--inner .ofimg {
        width: 100%;
    }

    .content-staff img {
        max-width: 100%;
        margin-bottom: 5rem;
    }

    .content-staff .name {
        margin-bottom: 3rem;
    }

    .content-staff .catchphrase {
        line-height: 2.5rem;
        margin-bottom: 3rem;
    }

    .content-staff .sns-text {
        margin-bottom: 2rem;
        padding-left: 20%;
        font-family: lipstickscriptsskregular, Josefin, "Josefin Slab", serif;
        text-align: left;
        transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -webkit-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
    }
}

.content-price .price-title {
    margin-bottom: 0.5rem;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 1.5em;
    font-weight: lighter;
    letter-spacing: 2px;
}

.content-price .price-title .h {
    margin: 0;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 1.1em;
    letter-spacing: normal;
    font-weight: normal;
    width: 85%;
}

.content-price .price-title .h span {
    padding: 0 1rem;
}

.content-price .price-title span {
    display: inline-block;
    margin: 0 1rem;
    letter-spacing: normal;
}

.content-price .price-title .pic {
    margin: 0 1rem;
    max-width: 10%;
}

.content-price .price-titl.han {
    margin: 0 1rem;
    letter-spacing: normal;
}

.content-price .length-info {
    content: "";
    display: table;
    table-layout: fixed;
    margin-bottom: 5rem;
    padding: 1.3rem 4rem;
    border: 1px solid #604C3F;
}

.content-price .length-info__text {
    width: 48%;
    float: left;
}

.content-price .length-info__text>h2 {
    margin-bottom: 2rem;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: lighter;
    letter-spacing: 2px;
}

.content-price .length-info__text>h2 span {
    letter-spacing: normal;
}

.content-price .length-info__image {
    width: 42%;
    float: right;
    text-align: right;
}

.content-price .other-info {
    content: "";
    width: 100%;
    display: table;
    table-layout: fixed;
    margin: 0 auto 5rem;
    padding: 1.3rem 0;
    text-align: center;
    border: 1px solid #604C3F;
}

.content-price .other-info p {
    width: 80%;
    margin: 0 auto;
}

.content-price table {
    width: 100%;
    max-width: 820px;
    margin: 0 auto 3rem;
    border-collapse: collapse;
}

.content-price table tbody {
    border-bottom: 3rem solid transparent;
}

.content-price table tbody tr {
    border-bottom: 1rem solid transparent;
}

.content-price table tbody tr td {
    width: 20%;
}

.content-price table tbody tr td:first-child {
    width: 40%;
}

.content-price .mark {
    margin: 0 0.5rem;
    color: #916814;
    font-size: 1.2rem;
    vertical-align: sub;
}

.content-price .eyelash-price-banner {
    margin: 0 auto 8rem;
    text-align: center;
}

.content-price .eyelash-price-banner img {
    -webkit-transition: 0.7s;
    transition: 0.7s;
}

.content-price .eyelash-price-banner img:hover {
    opacity: 0.6;
}

/******************
    smart phone
 ****/
@media screen and (max-width: 767px) {
    .content-price .price-title {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .content-price .price-title .pic {
        width: 15%;
        max-width: none;
        margin-left: 0;
    }

    .content-price .price-title .h {
        width: 75%;
    }

    .content-price .price-title--tax {
        margin: 0;
        padding-left: 5rem;
        display: inline-block;
    }

    .content-price .price-title--others {
        padding-left: 4rem !important;
    }

    .content-price .length-info {
        content: "";
        display: table;
        table-layout: fixed;
        margin: 0 10px 5rem;
        padding: 1.3rem 2rem;
        border: 1px solid #604C3F;
    }

    .content-price .length-info__text {
        width: 100%;
        float: none;
    }

    .content-price .length-info__text>h2 {
        margin-bottom: 2rem;
        font-weight: lighter;
        letter-spacing: 2px;
    }

    .content-price .length-info__text>h2 span {
        letter-spacing: normal;
    }

    .content-price .length-info__image {
        width: 100%;
        float: none;
        text-align: left;
    }

    .content-price table {
        width: 100%;
        max-width: 560px;
        margin: 0 auto 3rem;
        border-collapse: collapse;
    }

    .content-price table tbody {
        border-bottom: 3rem solid transparent;
    }

    .content-price table tbody tr {
        border-bottom: 1rem solid transparent;
    }

    .content-price table tbody tr td {
        width: 20%;
    }

    .content-price table tbody tr td .table-text {
        display: block;
        padding-left: 25px;
    }

    .content-price table tbody tr td:first-child {
        width: 60%;
    }

    .content-price .mark {
        margin: 0 0.5rem;
        color: #916814;
        font-size: 1.2rem;
        vertical-align: sub;
    }
}

.content-recruit .about-image--right {
    content: "";
    display: table;
    table-layout: fixed;
    width: 100%;
}

.content-recruit .about-image--right .about-block--left {
    width: 54%;
}

.content-recruit .about-image--right .about-block--right {
    width: 40%;
}

.content-recruit .about-image--left {
    content: "";
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 50px;
}

.content-recruit .about-image--left .about-block--left {
    width: 40%;
    float: left;
}

.content-recruit .about-image--left .about-block--right {
    width: 54%;
    float: right;
}

.content-recruit .length-info {
    margin-bottom: 5rem;
    padding: 1.3rem 4rem;
    border: 1px solid #604C3F;
}

.content-recruit .length-info__text {
    content: "";
    display: table;
    table-layout: fixed;
    width: 100%;
}

.content-recruit .length-info__text .text-list {
    width: 18%;
    float: left;
}

.content-recruit .length-info__text .text-item {
    width: 80%;
    float: left;
}

.content-recruit .about-title {
    margin: 0;
    padding: 3.2rem 0;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 2rem;
    letter-spacing: 3px;
    color: #916814;
    font-weight: bold;
}

.content-recruit .about-title span {
    padding-left: 1rem;
    color: #916814;
    font-size: 0.875rem;
    font-weight: normal;
    letter-spacing: normal;
}

.content-recruit .about-figure_2 {
    position: relative;
}

.content-recruit .about-figure_2 img {
    position: relative;
    z-index: 1;
}

.content-recruit .about-figure_2:after {
    content: '';
    width: auto;
    height: auto;
    padding: 170px 160px;
    background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/bg-image/recruit-bg_1.png) center center no-repeat;
    background-size: 195%;
    position: absolute;
    bottom: -25px;
    right: -45px;
    z-index: 0;
}

.content-recruit .about-figure_3 {
    position: relative;
}

.content-recruit .about-figure_3 img {
    position: relative;
    z-index: 1;
}

.content-recruit .about-figure_3:after {
    content: '';
    width: auto;
    height: auto;
    padding: 170px 160px;
    background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/bg-image/recruit-bg_2.png) center center no-repeat;
    background-size: 195%;
    position: absolute;
    bottom: -25px;
    left: -45px;
    z-index: 0;
}

.content-recruit .tell {
    padding: 0 10px;
    vertical-align: bottom;
}

.content-recruit .tell a {
    text-decoration: none;
}

.content-recruit .text-box--skill {
    content: "";
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 30px;
}

.content-recruit .text-box--skill .about-title {
    width: 30%;
    float: left;
}

.content-recruit .text-box--skill .skill-text {
    width: 65%;
    margin: 0;
    padding: 3rem 0;
    float: right;
}

.content-recruit .recruit-tree {
    position: absolute;
    top: -140px;
    left: -260px;
    z-index: 10;
    width: 33%;
}

.recruit-table {
    margin: 0 20px 50px;
}

.recruit-table tr {
    border: 1px solid #604C3F;
}

.recruit-table tr th {
    padding: 20px 40px;
    color: #916814;
    border-right: 1px solid #604C3F;
}

.recruit-table tr td {
    padding-left: 20px;
}

.recruit-table-text {
    margin-bottom: 100px;
    font-size: .95rem;
}

/******************
    smart phone
 ****/
@media screen and (max-width: 767px) {
    .content-recruit {
        font-size: .9rem;
    }

    .content-recruit .about-image--right {
        content: "";
        display: table;
        table-layout: fixed;
        width: 100%;
    }

    .content-recruit .about-image--right .about-block--left {
        width: 100%;
        float: none;
    }

    .content-recruit .about-image--right .about-block--right {
        width: 100%;
        float: none;
    }

    .content-recruit .about-image--left {
        content: "";
        display: table;
        table-layout: fixed;
        width: 100%;
    }

    .content-recruit .about-image--left .about-block--left {
        width: 100%;
        float: none;
    }

    .content-recruit .about-image--left .about-block--right {
        width: 100%;
        float: none;
    }

    .content-recruit .length-info {
        content: "";
        display: table;
        table-layout: fixed;
        margin: 0 10px 5rem;
        padding: 1.3rem 2rem;
        border: 1px solid #604C3F;
    }

    .content-recruit .length-info__text {
        clear: none;
        width: 100%;
    }

    .content-recruit .length-info__text .text-list {
        width: 100%;
        float: none;
    }

    .content-recruit .length-info__text .text-item {
        width: 100%;
        float: none;
        font-size: .9rem;
    }

    .content-recruit .about-title {
        margin: 0;
        padding: 3rem 0 2rem;
        font-size: 2rem;
        letter-spacing: 3px;
        color: #916814;
    }

    .content-recruit .about-title span {
        padding-left: 1rem;
        color: #604C3F;
        font-size: 0.875rem;
        font-weight: normal;
        letter-spacing: normal;
    }

    .content-recruit .about-title--job {
        font-size: 1.3rem;
    }

    .content-recruit .about-figure_2 {
        position: relative;
    }


    .content-recruit .about-figure_2 img {
        position: relative;
        z-index: 1;
    }

    .content-recruit .about-figure_2:after {
        content: '';
        width: auto;
        height: auto;
        padding: 170px 160px;
        background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/bg-image/recruit-bg_1.png) center center no-repeat;
        background-size: 195%;
        position: absolute;
        bottom: -20px;
        right: -40px;
        z-index: 0;
    }

    .content-recruit .about-figure_3 {
        position: relative;
    }

    .content-recruit .about-figure_3 img {
        position: relative;
        z-index: 1;
    }

    .content-recruit .about-figure_3:after {
        content: '';
        width: auto;
        height: auto;
        padding: 170px 160px;
        background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/bg-image/recruit-bg_2.png) center center no-repeat;
        background-size: 195%;
        position: absolute;
        bottom: -15px;
        left: -30px;
        z-index: 0;
    }

    .content-recruit .contact-text {
        font-size: .9rem;
    }

    .content-recruit .contact-text .tell {
        padding: 10px 0;
        display: block;
    }

    .content-recruit .text-box--skill {
        content: "";
        display: table;
        table-layout: fixed;
        width: 100%;
        margin-bottom: 30px;
    }

    .content-recruit .text-box--skill .about-title {
        width: 100%;
        float: none;
    }

    .content-recruit .text-box--skill .skill-text {
        width: 100%;
        margin: 1.5rem 0;
        padding: 0;
        float: none;
    }

    .content-recruit .recruit-tree {
        width: 80%;
        position: absolute;
        top: 370px;
        left: -200px;
        z-index: 10;
    }

    .recruit-table {
        margin: 0;
    }

    .recruit-table tr {
        border: 1px solid #604C3F;
    }

    .recruit-table tr th {
        width: 30%;
        padding: 10px;
        color: #916814;
        border-right: 1px solid #604C3F;
        font-size: .9rem;
    }

    .recruit-table tr td {
        padding-left: 10px;
        font-size: .8rem;
    }

    .recruit-table-text {
        margin-bottom: 50px;
        font-size: .9rem;
    }
}

@media screen and (max-width: 374px) {
    .about-title--job {
        font-size: 1.1rem;
    }
}

.content-recruit .box,
.content-about .box {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.content-recruit .box .about-block--text,
.content-about .box .about-block--text {
    width: 58%;
}

.content-recruit .box .about-block--text .about-text,
.content-about .box .about-block--text .about-text {
    margin-bottom: 1.5em;
    -webkit-margin-before: 1em;
    margin-block-start: 1em;
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
    -webkit-margin-start: 0px;
    margin-inline-start: 0px;
    -webkit-margin-end: 0px;
    margin-inline-end: 0px;
}

.content-recruit .box .about-block--pic,
.content-about .box .about-block--pic {
    width: 35%;
    margin-left: auto;
}

.content-recruit .box .about-block--pic .ofimg,
.content-about .box .about-block--pic .ofimg {
    position: relative;
    width: 90%;
    margin-left: auto;
}

.content-recruit .box .about-block--pic .ofimg img,
.content-about .box .about-block--pic .ofimg img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.content-recruit .box .about-block--pic .ofimg:before,
.content-about .box .about-block--pic .ofimg:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.content-recruit .box:not(:last-of-type),
.content-about .box:not(:last-of-type) {
    margin-bottom: 60px;
}

.content-about .box:nth-of-type(odd),
.content-recruit .box:nth-of-type(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.content-about .box:nth-of-type(odd) .about-block--text,
.content-recruit .box:nth-of-type(even) .about-block--text {
    width: 56%;
}

.content-about .box:nth-of-type(odd) .about-block--pic,
.content-recruit .box:nth-of-type(even) .about-block--pic {
    width: 40%;
    margin-right: auto;
    margin-left: 0;
}

.content-about .box:nth-of-type(odd) .about-block--pic .ofimg,
.content-recruit .box:nth-of-type(even) .about-block--pic .ofimg {
    width: 80%;
    margin-left: 0;
    margin-right: auto;
}

.content-about .about-block {
    content: "";
    display: table;
    table-layout: fixed;
    width: 100%;
}

.content-about .about-block .about-block--left {
    width: 45%;
    float: left;
}

.content-about .about-block .about-block--left .about-greet {
    width: 130%;
    margin: 0;
    padding: 2.5rem 0;
    color: #916814;
    font-family: lipstickscriptsskregular, Josefin, "Josefin Slab", serif;
    font-weight: bold;
    position: relative;
    z-index: 2;
    font-size: 4.5rem;
    letter-spacing: 2px;
    transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
}

.content-about .about-block .about-block--right {
    width: 48%;
    float: right;
}

.content-about .about-block .about-bard {
    position: absolute;
    top: 1rem;
    left: -8rem;
}

.content-about .about-block--mb {
    margin-bottom: 50px;
}

.content-about .about-image--right {
    content: "";
    display: table;
    table-layout: fixed;
    width: 100%;
}

.content-about .about-image--right .about-block--left {
    width: 58%;
    float: left;
}

.content-about .about-image--right .about-block--right {
    width: 35%;
    float: right;
}

.content-about .about-image--left {
    content: "";
    display: table;
    table-layout: fixed;
    width: 100%;
}

.content-about .about-image--left .about-block--left {
    width: 40%;
    float: left;
}

.content-about .about-image--left .about-block--right {
    width: 56%;
    float: right;
}
.care02 .about-title,
.care03 .about-title,
.care04 .about-title,
.care07 .about-title,
.content-about .about-title {
    margin: 0;
    padding: 3.2rem 0;
    font-size: 1.5rem;
    letter-spacing: 3px;
    color: #916814;
    font-family: YuMincho, "Yu Mincho", serif;
    line-height: 1.5;
    font-weight: bold;
}

.care02 .about-title span,
.care03 .about-title span,
.care04 .about-title span,
.care07 .about-title span,
.content-about .about-title span {
    padding-left: 1rem;
    color: #604C3F;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: normal;
}

.content-about .about-title--cut {
    background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-main/scissors.png) center right no-repeat;
}

.content-about .about-title--drug {
    background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-main/dye.png) center right no-repeat;
}

.content-about .about-subtitle {
    margin: 0;
    padding: 0;
    font-size: 1.2rem;
}

.content-about .about-figure_1 {
    content: "";
    display: table;
    table-layout: fixed;
    margin-top: 100px;
    position: relative;
    z-index: 1;
}

.content-about .about-figure_1 img {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.content-about .about-figure_1:after {
    content: '';
    width: auto;
    height: auto;
    padding: 290px 290px;
    background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/bg-image/about-bg_1.png) center center no-repeat;
    position: relative;
    top: 13.8rem;
    right: -3.3rem;
    z-index: 0;
}

.content-about .about-figure_2 {
    position: relative;
}

.content-about .about-figure_2 img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.content-about .about-figure_2:after {
    content: '';
    width: auto;
    height: auto;
    padding: 200px 200px;
    background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/bg-image/about-bg_2.png) center center no-repeat;
    position: absolute;
    top: 0;
    right: .1rem;
    z-index: 0;
}

.content-about .about-figure_3 {
    position: relative;
}

.content-about .about-figure_3 img {
    position: absolute;
    z-index: 1;
}

.content-about .about-figure_3:after {
    content: '';
    width: auto;
    height: auto;
    padding: 200px 200px;
    background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/bg-image/about-bg_3.png) center center no-repeat;
    position: relative;
    top: -13rem;
    right: 3rem;
    z-index: 0;
}

.content-about .catch-dryer {
    margin: 0;
    padding: 3rem 5rem 5rem;
    background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-main/dryer.png) top 110px right 70px no-repeat;
}

.content-about .catch-dryer .p {
    padding: 0 4rem 0 0;
    color: #916814;
    font-family: lipstickscriptsskregular, Josefin, "Josefin Slab", serif;
    transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    margin-bottom: 1.5em;
    -webkit-margin-before: 1em;
    margin-block-start: 1em;
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
    -webkit-margin-start: 0px;
    margin-inline-start: 0px;
    -webkit-margin-end: 0px;
    margin-inline-end: 0px;
}

.content-about .catch-dryer p span {
    padding-right: 4rem;
    margin-bottom: 0.6rem;
    display: inline-block;
}

.content-about .catch-chair {
    margin: 0;
    padding: 3rem 0;
    background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-main/chair.png) left center no-repeat;
}

.content-about .catch-chair .p {
    padding: 1rem 0 3rem;
    color: #916814;
    font-family: lipstickscriptsskregular, Josefin, "Josefin Slab", serif;
    transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
}

.content-about .catch-chair .p span {
    padding-right: 2.5rem;
    margin-bottom: 0.6rem;
    display: inline-block;
}

.content-about .room-figure {
    margin: 0;
}

.content-about .room-figure figcaption {
    margin-bottom: 2rem;
    color: #916814;
}

.content-about .room-figure--cut {
    padding-top: 30%;
}

.content-about .room-text--pc {
    padding: 30% 0 35%;
    margin-bottom: 1.5em;
    -webkit-margin-before: 1em;
    margin-block-start: 1em;
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
    -webkit-margin-start: 0px;
    margin-inline-start: 0px;
    -webkit-margin-end: 0px;
    margin-inline-end: 0px;
}

.content-about .room-text--sp {
    display: none;
    margin-bottom: 1.5em;
    -webkit-margin-before: 1em;
    margin-block-start: 1em;
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
    -webkit-margin-start: 0px;
    margin-inline-start: 0px;
    -webkit-margin-end: 0px;
    margin-inline-end: 0px;
}

.about-wrapper-block {
    background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/bg-image/about-bg_4.png) center center no-repeat;
}

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

m_content_about
********************************/
/* @media only screen and (max-width: 1024px) {
    .content-about .box .about-block--pic .ofimg {
        width: 100% !important;
    }

    .content-recruit .box .about-block--text,
    .content-about .box .about-block--text {
        width: 100% !important;
    }

    .content-recruit .box .about-block--pic,
    .content-about .box .about-block--pic {
        width: 100% !important;
    }
} */

/******************
    smart phone
 ****/
@media screen and (max-width: 767px) {
    .content-about .about-block {
        clear: none;
    }

    .content-about .about-block .about-block--left {
        width: 100%;
        float: none;
    }

    .content-about .about-block .about-block--left .about-greet {
        width: 100%;
        margin: 0;
        padding: 0 0 2rem 0;
        font-family: lipstickscriptsskregular, Josefin, "Josefin Slab", serif;
        position: relative;
        z-index: 2;
        font-size: 2.5rem;
        text-align: center;
    }

    .content-about .about-block .about-block--left .about-greet--text {
        font-size: 0.8rem;
        text-align: center;
    }

    .content-about .about-block .about-block--right {
        width: 100%;
        float: none;
    }

    .content-about .about-block .about-bard {
        display: none;
    }

    .content-about .about-block--mb {
        margin-bottom: 10px;
    }

    .content-about .about-image--right {
        content: "";
        display: table;
        table-layout: fixed;
        width: 100%;
    }

    .content-about .about-image--right .about-block--left {
        width: 100%;
        float: none;
    }

    .content-about .about-image--right .about-block--right {
        width: 100%;
        float: none;
    }

    .content-about .about-image--left {
        content: "";
        display: table;
        table-layout: fixed;
        width: 100%;
    }

    .content-about .about-image--left .about-block--left {
        width: 100%;
        float: none;
    }

    .content-about .about-image--left .about-block--right {
        width: 100%;
        float: none;
    }

    .content-about .about-title {
        margin: 0;
        padding: 3.2rem 0;
        font-size: 2rem;
        letter-spacing: 3px;
        color: #916814;
    }

    .content-about .about-title span {
        padding-left: 1rem;
        color: #604C3F;
        font-size: 12px;
        font-weight: normal;
        letter-spacing: normal;
    }

    .content-about .about-title--cut {
        background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-main/scissors.png) center right no-repeat;
        background-size: 25%;
    }

    .content-about .about-title--drug {
        background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-main/dye.png) center right no-repeat;
        background-size: 20%;
    }

    .content-about .about-title--care {
        background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-main/scissors.png) bottom right no-repeat;
        background-size: 25%;
    }

    .content-about .about-subtitle {
        margin: 0;
        padding: 0;
        font-size: 1.2rem;
    }

    .content-about .about-figure_1 {
        margin: 20px 0;
        position: relative;
    }

    .content-about .about-figure_1 img {
        position: relative;
        z-index: 1;
    }

    .content-about .about-figure_1:after {
        content: '';
        width: auto;
        height: auto;
        padding: 160px 160px;
        background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/bg-image/about-bg_1.png) center center no-repeat;
        position: absolute;
        top: -15px;
        right: -15px;
        z-index: 0;
    }

    .content-about .about-figure_2 {
        position: relative;
    }

    .content-about .about-figure_2 img {
        position: relative;
        z-index: 1;
    }

    .content-about .about-figure_2:after {
        content: '';
        width: auto;
        height: auto;
        padding: 150px 150px;
        background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/bg-image/about-bg_2.png) center center no-repeat;
        position: absolute;
        background-size: 200%;
        top: -25px;
        right: -15px;
        z-index: 0;
    }

    .content-about .about-figure_3 {
        position: relative;
    }

    .content-about .about-figure_3 img {
        position: relative;
        z-index: 1;
    }

    .content-about .about-figure_3:after {
        content: '';
        width: auto;
        height: auto;
        padding: 150px 150px;
        background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/bg-image/about-bg_3.png) center center no-repeat;
        background-size: 200%;
        position: absolute;
        top: -15px;
        left: -15px;
        z-index: 0;
    }

    .content-about .catch-dryer {
        margin: 0;
        padding: 0 0 4rem;
        background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-main/dryer.png) top 45px right 20px no-repeat;
        background-size: 25%;
    }

    .content-about .catch-dryer p {
        padding-left: 4rem;
        text-align: left !important;
    }

    .content-about .catch-chair {
        margin: 0 0 0;
        padding: 0 0 3rem 0;
        background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-main/chair.png) left -15px top no-repeat;
        background-size: 35%;
    }

    .content-about .room-figure {
        margin: 5rem 0 0;
    }

    .content-about .room-figure figcaption {
        margin-bottom: 2rem;
        color: #916814;
    }

    .content-about .room-figure--cut {
        padding-top: 0;
    }

    .content-about .room-text--pc {
        display: none;
    }

    .content-about .room-text--sp {
        display: block;
    }

    .about-wrapper-block {
        width: 100%;
        background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/bg-image/about-bg_4.png) top 150px left 30px no-repeat;
        background-size: 150%;
    }

    .about-text {
        font-size: 0.8rem;
    }

    .content-about .box .about-block--text,
    .content-about .box .about-block--pic {
        width: 100% !important;
    }

    .content-about .box.care .couleur-button a {
        margin-bottom: 1rem;
    }

    .content-recruit .box .about-block--text,
    .content-recruit .box .about-block--pic {
        width: 100%;
    }

    .content-recruit .box .about-block--pic .ofimg {
        width: 100%;
    }
}

.wrapper-stylebook-block .content-stylebook .post-block {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.wrapper-stylebook-block .content-stylebook .post-block .ofimg {
    position: relative;
    margin: 0;
}

.wrapper-stylebook-block .content-stylebook .post-block .ofimg img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.wrapper-stylebook-block .content-stylebook .post-block .ofimg:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.wrapper-stylebook-block .content-stylebook .post-block a {
    display: block;
}

.wrapper-stylebook-block .content-stylebook .post-block a:hover {
    opacity: 0.6;
    cursor: pointer;
}

.wrapper-stylebook-block .content-stylebook .post-block:nth-of-type(3n + 2) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.wrapper-stylebook-block .content-stylebook .post-block:nth-of-type(3n + 3) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

/******************
    smart phone
 ****/
@media screen and (max-width: 374px) {
    .content-about .about-block .about-block--left .about-greet {
        font-size: 2.0rem;
    }
}

.wrapper-stylebook-block {
    width: 100%;
    position: relative;
    top: -150px;
    padding-top: 200px;
    background-image: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/bg-image/about-bg_4.png), url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/bg-image/staff-bg_2.png);
    background-position: top right 0, top 420px center;
    background-repeat: no-repeat, repeat-x;
}

/******************:
    smart phone
*******/
@media screen and (max-width: 767px) {
    .wrapper-stylebook-block {
        position: relative;
        top: -30px;
        padding-top: 50px;
        background-image: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/bg-image/about-bg_4.png), url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/bg-image/staff-bg_2.png);
        background-position: top 0 center, top 500px center;
        background-size: 150%, 30%;
        background-repeat: no-repeat;
    }

    .wrapper-stylebook-block .content-stylebook .post-block {
        width: 47%;
    }

    .wrapper-stylebook-block .content-stylebook .post-block:nth-of-type(3n + 2),
    .wrapper-stylebook-block .content-stylebook .post-block:nth-of-type(3n + 3) {
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }

    .wrapper-stylebook-block .content-stylebook .post-block:nth-of-type(even) {
        -webkit-transition-delay: .2s;
        transition-delay: .2s;
    }

    .wrapper-stylebook-block .content-stylebook .post-block:nth-of-type(odd) {
        margin-right: 3% !important;
    }
}

.top-content-title {
    font-size: 1.5rem;
    letter-spacing: 3px;
    font-weight: bold;
    font-family: lipstickscriptsskregular, Josefin, "Josefin Slab", serif;
}

.top-content-title span {
    padding-top: 2px;
    font-size: 0.8rem;
}

.top-about-block {
    padding: 120px 0 0;
}

@media screen and (max-width: 767px) {
    .top-about-block {
        padding: 60px 0 0;
    }
}

.about-image--left-first {
    margin: 0 auto 60px;
}

.top-message-content {
    padding: 50px 0 160px;
    position: relative;
    bottom: -90px;
    text-align: center;
}

.top-message-content .top-about-tree {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    max-width: 35%;
}

.top-message-content .top-about-bard {
    position: absolute;
    bottom: 2rem;
    left: -3rem;
    width: auto;
}

@media (max-width: 1024px) {
    .top-message-content .top-about-tree {
        max-width: 30%;
        top: -10%;
    }
}

.top-message-content .top-about-dryer {
    position: absolute;
    bottom: 2rem;
    right: 5rem;
}

.top-about-greetArea {
    position: absolute;
    bottom: 70px;
    right: 150px;
}

.top-about-greet {
    color: #916814;
    letter-spacing: 0.25em;
    font-weight: bold;
    font-family: lipstickscriptsskregular, Josefin, "Josefin Slab", serif;
    font-size: 46px;
    font-size: 2.875rem;
    transform: rotate(-12deg);
    -moz-transform: rotate(-12deg);
    -webkit-transform: rotate(-12deg);
    -o-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    margin-bottom: 1.5em;
    -webkit-margin-before: 1em;
    margin-block-start: 1em;
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
    -webkit-margin-start: 0px;
    margin-inline-start: 0px;
    -webkit-margin-end: 0px;
    margin-inline-end: 0px;
}

.top-about-couleur {
    letter-spacing: 0.1em;
}

.top-message--text {
    margin-bottom: 3rem;
    font-size: 1.5rem;
    -webkit-margin-before: 1em;
    margin-block-start: 1em;
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
    -webkit-margin-start: 0px;
    margin-inline-start: 0px;
    -webkit-margin-end: 0px;
    margin-inline-end: 0px;
}

.top-message--phrase {
    line-height: 4;
    margin-bottom: 1.5em;
    -webkit-margin-before: 1em;
    margin-block-start: 1em;
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
    -webkit-margin-start: 0px;
    margin-inline-start: 0px;
    -webkit-margin-end: 0px;
    margin-inline-end: 0px;
}

.top-about-image--right {
    content: "";
    display: table;
    table-layout: fixed;
    width: 100%;
}

.top-about-image--right .top-about-block--left {
    width: 61%;
    float: left;
    padding-top: 8.5rem;
    text-align: right;
}

.top-about-image--right .top-about-block--left h2 {
    position: relative;
    right: -3rem;
    z-index: 2;
    color: #916814;
    font-size: 2.3rem;
    font-weight: normal;
    letter-spacing: 3px;
}

.top-about-image--right .top-about-block--right {
    width: 36%;
    float: right;
}

.top-about-image--left {
    content: "";
    display: table;
    table-layout: fixed;
    width: 100%;
}

.top-about-image--left .top-about-block--right {
    width: 59%;
    float: right;
    padding-top: 8.5rem;
    padding-bottom: 3rem;
    background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-main/chair.png) bottom right no-repeat;
    text-align: left;
}

.top-about-image--left .top-about-block--right h2 {
    position: relative;
    left: -2.4rem;
    z-index: 2;
    color: #916814;
    font-size: 2.3rem;
    font-weight: normal;
    letter-spacing: 3px;
}

.top-about-image--left .top-about-block--left {
    width: 34%;
    height: 100%;
    float: left;
    text-align: right;
}

.top-about-figure--hair {
    position: relative;
    content: "";
    display: table;
    table-layout: fixed;
}

.top-about-figure--hair img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.top-about-figure--hair:after {
    content: '';
    width: auto;
    height: auto;
    padding: 200px 200px;
    background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/bg-image/about-bg_2.png) center center no-repeat;
    position: relative;
    top: 12rem;
    right: 2rem;
    z-index: 0;
}

.top-about-figure--shop {
    position: relative;
    content: "";
    display: table;
    table-layout: fixed;
}

.top-about-figure--shop img {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.top-about-figure--shop:after {
    content: '';
    width: auto;
    height: auto;
    padding: 200px 200px;
    background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/bg-image/about-bg_3.png) center center no-repeat;
    position: relative;
    top: 7rem;
    right: -1.5rem;
    z-index: 0;
}

.top-style-wrapper {
    padding-top: 200px;
    background-image: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/bg-image/about-bg_4.png), url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/top/top-style-bg.png);
    background-position: top center, top 80px left;
    background-repeat: no-repeat;
}

.top-style-wrapper .couleur-button a {
    margin: auto;
}

.top-style-wrapper .top-style-content {
    margin-bottom: 60px;
}

.top-style-wrapper .top-style-content .ofimg {
    position: relative;
}

.top-style-wrapper .top-style-content .ofimg img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.top-style-wrapper .top-style-content .ofimg:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.top-style-content .post-block:nth-of-type(2) {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.top-style-content .post-block:nth-of-type(3) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.top-style-content .post-block:nth-of-type(4) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.top-style-content .post-block:nth-of-type(5) {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.top-style-content .post-block:nth-of-type(6) {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

.top-staff-whole {
    background-image: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/top/staff-top-bg.png);
    background-repeat: repeat-x;
    background-position: top 150px left 300px;
}

.top-staff-whole .couleur-button a {
    margin: auto;
}

.top-staff-wrapper {
    margin-bottom: 200px !important;
    position: relative;
    padding-top: 180px;
}

.top-staff-wrapper .top-staff-tree {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
}

.top-staff-wrapper .top-staff-bard {
    position: absolute;
    top: 170px;
    right: 100px;
    width: auto;
}

.top-staff-wrapper .content-staff h2 {
    padding-bottom: 5rem;
}

.top-access-wrapper .couleur-button a,
.top-price-whole .couleur-button a,
.top-diary-wrapper .couleur-button a,
.top-news-wrapper .couleur-button a {
    margin: auto;
}

.top-access-block {
    width: 100%;
    content: "";
    display: table;
    table-layout: fixed;
}

.top-access-block .tel a {
    text-decoration: none;
}

.top-access-block--title {
    width: 30%;
    float: left;
}

.top-access-block--title h2 {
    height: 243px;
    margin: 0;
    padding-top: 80px;
    text-align: center;
    background-color: #D4DDCE;
}

.top-access-block--map {
    width: 70%;
    height: 500px;
    float: right;
}

.top-access-block--map .p {
    margin-bottom: 1.5em;
    -webkit-margin-before: 1em;
    margin-block-start: 1em;
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
    -webkit-margin-start: 0px;
    margin-inline-start: 0px;
    -webkit-margin-end: 0px;
    margin-inline-end: 0px;
}

.top-access-block--left {
    width: 53%;
    padding-left: 250px;
    float: left;
}

.top-access-block--right {
    width: 43%;
    float: right;
}

.top-price-whole {
    background-image: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/top/top-price-title-bg.png);
    background-position: top 40px center;
    background-repeat: no-repeat;
}

.top-price-wrapper {
    margin-bottom: 200px !important;
}

.top-price-wrapper h2 {
    padding: 200px 0;
    background-image: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/top/top-access-tree.png);
    background-position: top right;
    background-repeat: no-repeat;
    text-align: center;
}

.price-box {
    margin-bottom: 100px;
    -webkit-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 25px;
    column-gap: 25px;
}

.price-box__inner {
    height: 311px;
    background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/top/top-price-line.png) center center no-repeat;
    text-align: center;
}

.price-box__inner .ofimg {
    position: relative;
    width: 60%;
    margin: 0 auto;
}

.price-box__inner .ofimg img {
    padding-top: 100px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: 'object-fit: contain; object-position: center center;';
}

.price-box__inner .ofimg:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.price-box__inner.price-box--cut img {
    padding-top: 100px;
}

.price-box__inner.price-box--color img {
    padding-top: 70px;
}

.price-box__inner.price-box--perm img {
    padding-top: 120px;
}

.price-box__inner .p {
    margin-bottom: 1.5em;
    -webkit-margin-before: 1em;
    margin-block-start: 1em;
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
    -webkit-margin-start: 0px;
    margin-inline-start: 0px;
    -webkit-margin-end: 0px;
    margin-inline-end: 0px;
}

.price-box__inner img {
    padding-bottom: 20px;
}

.top-diary-whole {
    padding-top: 40px;
    background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/top/top-diary-bg.png) top center no-repeat;
    padding-bottom: 135px;
}

.top-diary-wrapper .top-diary-content {
    content: "";
    display: table;
    table-layout: fixed;
    margin-bottom: 60px;
}

.top-diary-wrapper .top-diary-content a {
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    display: block;
}

.top-diary-wrapper .top-diary-content .ofimg {
    position: relative;
}

.top-diary-wrapper .top-diary-content .ofimg img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.top-diary-wrapper .top-diary-content .ofimg:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.top-diary-wrapper .top-diary-content .post-block:nth-of-type(2) {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.top-diary-wrapper .top-diary-content .post-block:nth-of-type(3) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.top-diary-wrapper .top-diary-content .post-block:nth-of-type(4) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.top-news-wrapper {
    position: relative;
    padding-top: 200px;
}

.top-news-wrapper .top-news-wrapper--inner {
    content: "";
    display: table;
    table-layout: fixed;
    width: 100%;
}

.top-news-wrapper .top-news-wrapper--inner li:nth-child(1) {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.top-news-wrapper .top-news-wrapper--inner li:nth-child(2) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.top-news-wrapper .top-news-wrapper--inner li:nth-child(3) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.top-news-wrapper .top-news-wrapper--inner li:nth-child(4) {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.top-news-wrapper .top-news-wrapper--inner li:nth-child(5) {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

.top-news-wrapper .top-news-wrapper--inner .news-tree-img {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
}

.top-news-wrapper .top-news-wrapper--inner .top-news-title {
    width: 35%;
    margin-bottom: 60px;
    background-image: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-header/content-header-news.png), url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/top/top-news-bg-line.png), url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/top/top-news-bg.png);
    background-position: bottom right, top right, bottom 35px left;
    background-repeat: no-repeat;
    padding: 120px 0 220px;
    float: left;
    text-align: center;
}

.top-news-wrapper .top-news-wrapper--inner ul {
    width: 58%;
    margin: 0;
    padding: 120px 0 0;
    list-style-type: none;
    float: right;
}

.top-news-wrapper .top-news-wrapper--inner ul li {
    width: 400px;
    padding-bottom: 30px;
    font-size: 0.9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
}

.top-news-wrapper .top-news-wrapper--inner ul li a {
    text-decoration: none;
}

.top-news-wrapper .top-news-wrapper--inner ul li a span {
    padding-right: 30px;
    color: #916814;
}

.top-line {
    padding: 60px 30px;
    margin: 60px auto !important;
    background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-main/line_outline.png) center center no-repeat;
    content: "";
    display: table;
    table-layout: fixed;
}

.top-line-info {
    width: 55%;
    margin: 0 auto;
    padding: 80px 0 60px 270px;
    float: left;
    background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-main/line_text.png) left 30px center no-repeat;
}

.top-line-info .p {
    margin-bottom: 1.5em;
    -webkit-margin-before: 1em;
    margin-block-start: 1em;
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
    -webkit-margin-start: 0px;
    margin-inline-start: 0px;
    -webkit-margin-end: 0px;
    margin-inline-end: 0px;
}

.top-line-add {
    width: 45%;
    margin: 0 auto;
    padding: 60px 0;
    float: right;
    text-align: center;
    background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-main/line_bg.png) center center no-repeat;
}

.top-line-add a {
    display: block;
    text-decoration: none;
}

.top-line-add .p {
    display: inline-block;
    padding: 20px 0;
    text-indent: 4.2rem;
    background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-main/line_logo.png) left center no-repeat;
    font-size: 20.8px;
    font-size: 1.3rem;
    -webkit-margin-before: 1em;
    margin-block-start: 1em;
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
    -webkit-margin-start: 0px;
    margin-inline-start: 0px;
    -webkit-margin-end: 0px;
    margin-inline-end: 0px;
}

.news-thumb {
    width: 50%;
    margin: 0 auto 30px auto;
}

@media only screen and (max-width: 1024px) {
    .top-about-greetArea {
        right: 20px;
    }
}

/***************
    smart phone
******/
@media screen and (max-width: 767px) {
    .top-content-title {
        font-size: 1.5rem;
        letter-spacing: 3px;
        font-family: lipstickscriptsskregular, Josefin, "Josefin Slab", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }

    .top-content-title span {
        padding-top: 2px;
        font-size: 0.8rem;
    }

    .top-message-content {
        padding: 0 0 140px;
        position: relative;
        bottom: -30px;
        overflow: hidden;
    }

    .top-message-content .top-about-tree {
        top: 75px;
        right: -120px;
        max-width: 50%;
        width: 300px;
    }

    .top-message-content .top-about-bard {
        bottom: 20px;
        left: -70px;
        -webkit-transform: rotate(-9deg);
        transform: rotate(-9deg);
        width: 50%;
    }

    .top-message-content .top-about-greetArea {
        display: none;
    }

    .top-message--text {
        margin-bottom: 3rem;
        font-size: 1.2rem;
    }

    .top-message--phrase {
        font-size: .8rem;
        line-height: 3;
    }

    .top-message--phrase .top-message-paragraph {
        display: inline-block;
        padding: 0 10px;
    }

    .top-about-content .top-about-image--right {
        width: 100%;
        font-size: 0.8rem;
    }

    .top-about-content .top-about-image--right .top-about-block--left {
        width: 100%;
        float: none;
        padding-top: 3rem;
        text-align: center;
    }

    .top-about-content .top-about-image--right .top-about-block--left h2 {
        position: static;
        font-size: 2rem;
        font-weight: normal;
        letter-spacing: 2px;
    }

    .top-about-content .top-about-image--right .top-about-block--right {
        width: 100%;
        float: none;
    }

    .top-about-content .top-about-image--left {
        width: 100%;
        font-size: 0.8rem;
    }

    .top-about-content .top-about-image--left .top-about-block--right {
        width: 100%;
        float: none;
        padding-top: 3rem;
        padding-bottom: 0;
        background: none;
        background-size: 30%;
        text-align: center;
    }

    .top-about-content .top-about-image--left .top-about-block--right h2 {
        position: static;
        font-size: 2rem;
        font-weight: normal;
        letter-spacing: 2px;
    }

    .top-about-content .top-about-image--left .top-about-block--left {
        width: 100%;
        height: 100%;
        float: none;
        text-align: center;
    }

    .top-about-content .top-about-figure--hair {
        position: relative;
    }

    .top-about-content .top-about-figure--hair img {
        position: relative;
        z-index: 1;
    }

    .top-about-content .top-about-figure--hair:after {
        content: '';
        width: auto;
        height: auto;
        padding: 150px 150px 150px;
        background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/bg-image/about-bg_2.png) center center no-repeat;
        position: absolute;
        top: 2.5rem;
        left: 2.5rem;
        z-index: 0;
    }

    .top-about-content .top-about-figure--shop {
        position: relative;
    }

    .top-about-content .top-about-figure--shop img {
        position: relative;
        z-index: 1;
    }

    .top-about-content .top-about-figure--shop:after {
        content: '';
        width: auto;
        height: auto;
        padding: 150px 150px;
        background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/bg-image/about-bg_3.png) center center no-repeat;
        position: absolute;
        top: 2.5rem;
        right: 2.5rem;
        z-index: 0;
    }

    .top-style-wrapper {
        padding-top: 60px;
        background-image: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/bg-image/about-bg_4.png), url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/top/top-style-bg.png);
        background-position: top 370px left 40px, top 80px center;
        background-size: 140%, 100% 165px;
        background-repeat: no-repeat;
    }

    .top-style-wrapper .top-style-content__item:nth-of-type(n+5) {
        display: none;
    }

    .top-staff-whole {
        background-image: none;
    }

    .top-staff-wrapper {
        margin-bottom: 0 !important;
        position: relative;
        top: -40px;
        padding-top: 140px;
        overflow: hidden;
    }

    .top-staff-wrapper .top-staff-tree {
        width: 44%;
        top: 10px;
        left: -170px;
    }

    .top-staff-wrapper .top-staff-bard {
        width: 27%;
        right: -30px;
    }

    .top-access-wrapper {
        margin-bottom: 100px !important;
    }

    .top-access-block {
        margin: 0 auto;
        font-size: 0.9rem;
        content: "";
        display: table;
        table-layout: fixed;
    }

    .top-access-block--title {
        width: 100%;
        float: none;
    }

    .top-access-block--title h2 {
        height: 130px;
        margin: 0;
        padding-top: 35px;
        text-align: center;
        background-color: #D4DDCE;
    }

    .top-access-block--title img {
        display: block;
    }

    .top-access-block--map {
        width: 100%;
        height: 300px;
        float: none;
    }

    .top-access-block--left {
        width: 300px;
        margin: 0 auto;
        padding-left: 0;
        float: none;
    }

    .top-access-block--right {
        width: 300px;
        margin: 0 auto;
        float: none;
    }

    .top-price-whole {
        background-image: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/top/top-price-title-bg.png);
        background-position: top -80px center;
    }

    .top-price-wrapper {
        margin-bottom: 100px !important;
    }

    .top-price-wrapper h2 {
        padding: 50px 0;
        background-image: none;
    }

    .price-box {
        margin-bottom: 50px;
        -webkit-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        column-gap: 0;
    }

    .price-box__inner {
        height: 311px;
        margin-bottom: 30px;
    }

    .top-diary-whole {
        padding: 0;
        background-image: none;
    }

    .top-diary-wrapper {
        margin-bottom: 100px !important;
        padding-top: 30px;
        background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/top/top-diary-bg.png) top center no-repeat;
        background-size: 400%;
    }

    .top-diary-wrapper .top-diary-content {
        content: "";
        display: table;
        table-layout: fixed;
    }

    .top-diary-wrapper .top-diary-content .post-block {
        margin-bottom: 30px;
    }

    .top-news-wrapper {
        position: relative;
        padding-top: 0;
    }

    .top-news-wrapper .top-news-wrapper--inner {
        content: "";
        display: table;
        table-layout: fixed;
        margin-bottom: 30px;
    }

    .top-news-wrapper .top-news-wrapper--inner .news-tree-img {
        display: none;
    }

    .top-news-wrapper .top-news-wrapper--inner .top-news-title {
        width: 100%;
        margin-bottom: 0;
        background-image: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-header/content-header-news.png), url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/top/top-news-bg.png);
        background-position: bottom right, center;
        background-repeat: no-repeat;
        background-size: 30%, 100% 80%;
        padding: 60px 0;
        float: none;
        text-align: center;
    }

    .top-news-wrapper .top-news-wrapper--inner ul {
        width: 320px;
        margin: 0 auto;
        padding: 60px 0 0;
        list-style-type: none;
        float: none;
    }

    .top-news-wrapper .top-news-wrapper--inner ul li {
        padding-bottom: 30px;
        font-size: 0.9rem;
        content: "";
        display: table;
        table-layout: fixed;
    }

    .top-news-wrapper .top-news-wrapper--inner ul li span {
        padding-right: 30px;
        color: #916814;
        float: left;
    }

    .top-news-wrapper .top-news-wrapper--inner ul li p {
        width: 300px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin: 0;
        float: left;
    }

    .top-line {
        padding: 60px 0 0;
        margin: 60px auto 0 !important;
        background: none;
        content: "";
        display: table;
        table-layout: fixed;
    }

    .top-line-info {
        width: 100%;
        margin: 0 auto;
        padding: 180px 0 30px;
        float: none;
        text-align: center;
        background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-main/line_text.png) center top no-repeat;
    }

    .top-line-add {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        float: none;
        text-align: center;
        background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-main/line_bg.png) center center no-repeat;
    }

    .top-line-add a {
        display: block;
    }

    .top-line-add .p {
        display: inline-block;
        padding: 30px 0;
        text-indent: 4.2rem;
        background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/content-main/line_logo.png) left center no-repeat;
        font-size: 20.8px;
        font-size: 1.3rem;
    }
}

/***************
    iphone 5
******/
@media screen and (max-width: 374px) {
    .top-message-content .top-about-tree {
        top: 80px;
        right: -120px;
        max-width: 50%;
    }

    .top-message-content .top-about-bard {
        bottom: 0;
        left: -55px;
        -moz-transform: rotate(-9deg);
        -webkit-transform: rotate(-9deg);
        -o-transform: rotate(-9deg);
        -ms-transform: rotate(-9deg);
        max-width: 85%;
    }

    .top-about-figure--hair:after {
        content: '';
        width: auto;
        height: auto;
        padding: 150px 150px 150px;
        background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/bg-image/about-bg_2.png) center center no-repeat;
        position: absolute;
        top: 1rem;
        left: .5rem;
        z-index: 0;
    }

    .top-about-figure--shop:after {
        content: '';
        width: auto;
        height: auto;
        padding: 150px 150px;
        background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/bg-image/about-bg_3.png) center center no-repeat;
        position: absolute;
        top: 1rem;
        right: .5rem;
        z-index: 0;
    }

    .price-box__inner {
        background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/top/top-price-line.png) center center no-repeat;
        background-size: 95%;
    }

    .top-news-wrapper .top-news-wrapper--inner ul {
        width: 300px;
    }
}

.c-hr {
    margin-bottom: 3rem;
    padding: 1px 0;
    background-image: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/hr.png);
    background-repeat: repeat-x;
    background-color: transparent;
}

.couleur-button {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.couleur-button a {
    width: 241px;
    height: 46px;
    background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/top/top-button.png) center center no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    position: relative;
}

.couleur-button a:after {
    content: "\003e";
    position: absolute;
    right: 20px;
}

.couleur-button--about a:after {
    content: "\003e";
    position: absolute;
    right: 50px;
}

/**************
archive page
**/
.post-block {
    margin: 0 3% 0 0;
    padding: 0;
    width: 30.7966666667%;
    float: left;
}

.post-block.rewrite {
    float: none;
}

.post-block:nth-of-type(3n + 3) {
    margin-right: 0 !important;
}

.post-block .entry-content p {
    height: 75px;
    overflow-y: hidden;
    word-break: break-all;
}

.post-block .entry-content .ofimg {
    position: relative;
    height: auto;
}

.post-block .entry-content .ofimg img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}


.post-block .entry-content .ofimg:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.post-title {
    margin: 19px 0 12px;
}

.post-title a {
    font-size: 1.3rem;
    color: #916814;
    text-decoration: none;
}

.post-title--diary {
    margin: 10px 0 8px;
    color: #604C3F;
    font-family: YuMincho, "Yu Mincho", serif;
    font-size: 1.5em;
    line-height: 1.5;
    font-weight: bold;
}

.post-title--diary a {
    font-size: 1rem;
    color: #916814;
    text-decoration: none;
}

.entry-content a {
    text-decoration: none;
    display: inline-block;
}

.entry-content a:hover {
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    opacity: 0.8;
}

.p-post-diaryNav {
    width: 100%;
}

.p-post-diaryNav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.p-post-diaryNav .list-pager {
    width: 70%;
    margin: 3rem auto 5rem;
}

.p-post-diaryNav .list-pager li,
.p-post-diaryNav .list-pager li a,
.p-post-diaryNav .list-pager li span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.p-post-diaryNav .list-pager li span,
.p-post-diaryNav .list-pager li a,
.p-post-diaryNav .list-pager li a span,
.p-post-diaryNav .list-pager li a a,
.p-post-diaryNav .list-pager li span span,
.p-post-diaryNav .list-pager li span a {
    font-size: 16px;
    width: 100%;
}

.p-post-diaryNav .list-pager li.prev a,
.p-post-diaryNav .list-pager li.next a,
.p-post-diaryNav .list-pager li a.prev a,
.p-post-diaryNav .list-pager li a.next a,
.p-post-diaryNav .list-pager li span.prev a,
.p-post-diaryNav .list-pager li span.next a {
    text-decoration: none;
    font-size: 1.5rem;
}

.p-post-diaryNav .list-pager li.current,
.p-post-diaryNav .list-pager li a.current,
.p-post-diaryNav .list-pager li span.current {
    color: #fff;
    background: #D4DDCE;
}

.nav-links {
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
}

.nav-links .prev {
    margin-left: 1rem;
}

.nav-links .list {
    margin: 0 auto;
}

.nav-links .next {
    margin-right: 1rem;
}

@media only screen and (max-width: 767px) {
    .p-post-diaryNav .list-pager {
        width: 100%;
        margin: 3rem auto 5rem;
    }
}

/**************
single page
**/
.single-content {
    width: 70%;
    float: left;
    content: "";
    table-layout: fixed;
}

.single-content .post-title {
    margin: 0 0 12px;
    text-align: center;
    font-size: 1.8rem;
    color: #916814;
    font-family: YuMincho, "Yu Mincho", serif;
    line-height: 1.5;
}

.widget-area {
    width: 28%;
    float: right;
    text-align: center;
}

.widget-area .widget .widget-title {
    padding: 11px;
    font-size: 1rem;
    background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/top/top-button.png) center center no-repeat;
    color: #604C3F;
    font-family: YuMincho, "Yu Mincho", serif;
    line-height: 1.5;
    font-weight: bold;
}

.widget-area .widget ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.widget-area .widget ul li {
    padding-bottom: 20px;
}

.widget-area .widget ul li a {
    text-decoration: none;
}

.recommend {
    width: 100%;
}

/******************
    smart phone
 ****/
@media screen and (max-width: 767px) {
    .wrapper-block {
        min-width: 100% !important;
    }

    .content-block {
        width: 320px !important;
    }

    /**************
archive page
**/
    .post-block {
        text-align: center;
    }

    .post-block:nth-of-type(3n + 1) {
        float: none;
        width: 100%;
    }

    .post-block:nth-of-type(3n + 2) {
        margin: 0;
        display: block;
        width: 100%;
    }

    .post-block:nth-of-type(3n + 3) {
        float: none;
        width: 100%;
    }

    /**************
  single page
  **/
    .entry-content {
        margin: 0;
    }

    .single-content {
        width: 100%;
        float: none;
    }

    .single-content .post-title {
        margin: 0 0 10px 0;
        position: relative;
        bottom: 0px;
        text-align: left;
        font-size: 1.6rem;
        color: #916814;
    }

    .single-content .recommend .post-title {
        font-size: 1.4em;
    }

    .widget-area {
        width: 100%;
        float: none;
        text-align: center;
    }

    .widget-area .widget .widget-title {
        font-size: 1rem;
    }

    .widget-area .widget ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    .widget-area .widget ul li {
        padding-bottom: 20px;
    }

    .widget-area .widget ul li a {
        text-decoration: none;
    }
}

/******************
    iphone 5
 ****/
@media screen and (max-width: 374px) {
    .wrapper-block {
        min-width: 100% !important;
    }

    .content-block {
        width: 300px !important;
    }
}

/*! Emma.css 0.8.0 | emmet-like utility classes | MIT License | git.io/emma */
.u-pos-s {
    position: static !important;
}

.u-pos-a {
    position: absolute !important;
}

.u-pos-r {
    position: relative !important;
}

.u-pos-f {
    position: fixed !important;
}

.u-t-a {
    top: auto !important;
}

.u-t-0 {
    top: 0 !important;
}

.u-r-a {
    right: auto !important;
}

.u-r-0 {
    right: 0 !important;
}

.u-b-a {
    bottom: auto !important;
}

.u-b-0 {
    bottom: 0 !important;
}

.u-l-a {
    left: auto !important;
}

.u-l-0 {
    left: 0 !important;
}

.u-z-a {
    z-index: auto !important;
}

.u-z-0 {
    z-index: 0 !important;
}

.u-z-1 {
    z-index: 1 !important;
}

.u-z-2 {
    z-index: 2 !important;
}

.u-z-3 {
    z-index: 3 !important;
}

.u-z-4 {
    z-index: 4 !important;
}

.u-z-5 {
    z-index: 5 !important;
}

.u-z-6 {
    z-index: 6 !important;
}

.u-z-9999 {
    z-index: 9999 !important;
}

.u-fl-n {
    float: none !important;
}

.u-fl-l {
    float: left !important;
}

.u-fl-r {
    float: right !important;
}

.u-cl-n {
    clear: none !important;
}

.u-cl-l {
    clear: left !important;
}

.u-cl-r {
    clear: right !important;
}

.u-cl-b {
    clear: both !important;
}

.u-d-n {
    display: none !important;
}

.u-d-b {
    display: block !important;
}

.u-d-f {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.u-d-if {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

.u-d-i {
    display: inline !important;
}

.u-d-ib {
    display: inline-block !important;
}

.u-d-li {
    display: list-item !important;
}

.u-d-ri {
    display: run-in !important;
}

.u-d-cp {
    display: compact !important;
}

.u-d-tb {
    display: table !important;
}

.u-d-itb {
    display: inline-table !important;
}

.u-d-tbcp {
    display: table-caption !important;
}

.u-d-tbcl {
    display: table-column !important;
}

.u-d-tbclg {
    display: table-column-group !important;
}

.u-d-tbhg {
    display: table-header-group !important;
}

.u-d-tbfg {
    display: table-footer-group !important;
}

.u-d-tbr {
    display: table-row !important;
}

.u-d-tbrg {
    display: table-row-group !important;
}

.u-d-tbc {
    display: table-cell !important;
}

.u-d-rb {
    display: ruby !important;
}

.u-d-rbb {
    display: ruby-base !important;
}

.u-d-rbbg {
    display: ruby-base-group !important;
}

.u-d-rbt {
    display: ruby-text !important;
}

.u-d-rbtg {
    display: ruby-text-group !important;
}

.u-v-v {
    visibility: visible !important;
}

.u-v-h {
    visibility: hidden !important;
}

.u-v-c {
    visibility: collapse !important;
}

.u-ov-v {
    overflow: visible !important;
}

.u-ov-h {
    overflow: hidden !important;
}

.u-ov-s {
    overflow: scroll !important;
}

.u-ov-a {
    overflow: auto !important;
}

.u-ovx-v {
    overflow-x: visible !important;
}

.u-ovx-h {
    overflow-x: hidden !important;
}

.u-ovx-s {
    overflow-x: scroll !important;
}

.u-ovx-a {
    overflow-x: auto !important;
}

.u-ovy-v {
    overflow-y: visible !important;
}

.u-ovy-h {
    overflow-y: hidden !important;
}

.u-ovy-s {
    overflow-y: scroll !important;
}

.u-ovy-a {
    overflow-y: auto !important;
}

.u-bxz-cb {
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

.u-bxz-bb {
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.u-bxsh-n {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.u-m-0 {
    margin: 0 !important;
}

.u-m-a {
    margin: auto !important;
}

.u-m-0_a {
    margin: 0 auto !important;
}

.u-m-a_0 {
    margin: auto 0 !important;
}

.u-m-xs {
    margin: 0.2rem !important;
}

.u-m-sm {
    margin: 0.5rem !important;
}

.u-m-md {
    margin: 1rem !important;
}

.u-m-lg {
    margin: 1.5rem !important;
}

.u-m-xl {
    margin: 3rem !important;
}

.u-mt-0 {
    margin-top: 0 !important;
}

.u-mt-a {
    margin-top: auto !important;
}

.u-mt-xs {
    margin-top: 0.2rem !important;
}

.u-mt-sm {
    margin-top: 0.5rem !important;
}

.u-mt-md {
    margin-top: 1rem !important;
}

.u-mt-lg {
    margin-top: 1.5rem !important;
}

.u-mt-xl {
    margin-top: 3rem !important;
}

.u-mr-0 {
    margin-right: 0 !important;
}

.u-mr-a {
    margin-right: auto !important;
}

.u-mr-xs {
    margin-right: 0.2rem !important;
}

.u-mr-sm {
    margin-right: 0.5rem !important;
}

.u-mr-md {
    margin-right: 1rem !important;
}

.u-mr-lg {
    margin-right: 1.5rem !important;
}

.u-mr-xl {
    margin-right: 3rem !important;
}

.u-mb-0 {
    margin-bottom: 0 !important;
}

.u-mb-a {
    margin-bottom: auto !important;
}

.u-mb-xs {
    margin-bottom: 0.2rem !important;
}

.u-mb-sm {
    margin-bottom: 0.5rem !important;
}

.u-mb-md {
    margin-bottom: 1rem !important;
}

.u-mb-lg {
    margin-bottom: 1.5rem !important;
}

.u-mb-xl {
    margin-bottom: 3rem !important;
}

.u-ml-0 {
    margin-left: 0 !important;
}

.u-ml-a {
    margin-left: auto !important;
}

.u-ml-xs {
    margin-left: 0.2rem !important;
}

.u-ml-sm {
    margin-left: 0.5rem !important;
}

.u-ml-md {
    margin-left: 1rem !important;
}

.u-ml-lg {
    margin-left: 1.5rem !important;
}

.u-ml-xl {
    margin-left: 3rem !important;
}

.u-p-0 {
    padding: 0 !important;
}

.u-p-xs {
    padding: 0.2rem !important;
}

.u-p-sm {
    padding: 0.5rem !important;
}

.u-p-md {
    padding: 1rem !important;
}

.u-p-lg {
    padding: 1.5rem !important;
}

.u-p-xl {
    padding: 3rem !important;
}

.u-pt-0 {
    padding-top: 0 !important;
}

.u-pt-xs {
    padding-top: 0.2rem !important;
}

.u-pt-sm {
    padding-top: 0.5rem !important;
}

.u-pt-md {
    padding-top: 1rem !important;
}

.u-pt-lg {
    padding-top: 1.5rem !important;
}

.u-pt-xl {
    padding-top: 3rem !important;
}

.u-pr-0 {
    padding-right: 0 !important;
}

.u-pr-xs {
    padding-right: 0.2rem !important;
}

.u-pr-sm {
    padding-right: 0.5rem !important;
}

.u-pr-md {
    padding-right: 1rem !important;
}

.u-pr-lg {
    padding-right: 1.5rem !important;
}

.u-pr-xl {
    padding-right: 3rem !important;
}

.u-pb-0 {
    padding-bottom: 0 !important;
}

.u-pb-xs {
    padding-bottom: 0.2rem !important;
}

.u-pb-sm {
    padding-bottom: 0.5rem !important;
}

.u-pb-md {
    padding-bottom: 1rem !important;
}

.u-pb-lg {
    padding-bottom: 1.5rem !important;
}

.u-pb-xl {
    padding-bottom: 3rem !important;
}

.u-pl-0 {
    padding-left: 0 !important;
}

.u-pl-xs {
    padding-left: 0.2rem !important;
}

.u-pl-sm {
    padding-left: 0.5rem !important;
}

.u-pl-md {
    padding-left: 1rem !important;
}

.u-pl-lg {
    padding-left: 1.5rem !important;
}

.u-pl-xl {
    padding-left: 3rem !important;
}

.u-w-a {
    width: auto !important;
}

.u-w-0 {
    width: 0 !important;
}

.u-w-1p {
    width: 1% !important;
}

.u-w-10p {
    width: 10% !important;
}

.u-w-20p {
    width: 20% !important;
}

.u-w-25p {
    width: 25% !important;
}

.u-w-30p {
    width: 30% !important;
}

.u-w-33p {
    width: 33% !important;
}

.u-w-40p {
    width: 40% !important;
}

.u-w-50p {
    width: 50% !important;
}

.u-w-60p {
    width: 60% !important;
}

.u-w-66p {
    width: 66% !important;
}

.u-w-70p {
    width: 70% !important;
}

.u-w-75p {
    width: 75% !important;
}

.u-w-80p {
    width: 80% !important;
}

.u-w-90p {
    width: 90% !important;
}

.u-w-100p {
    width: 100% !important;
}

.u-h-a {
    height: auto !important;
}

.u-h-0 {
    height: 0 !important;
}

.u-h-100p {
    height: 100% !important;
}

.u-maw-n {
    max-width: none !important;
}

.u-maw-1p {
    max-width: 1% !important;
}

.u-maw-10p {
    max-width: 10% !important;
}

.u-maw-20p {
    max-width: 20% !important;
}

.u-maw-25p {
    max-width: 25% !important;
}

.u-maw-30p {
    max-width: 30% !important;
}

.u-maw-33p {
    max-width: 33% !important;
}

.u-maw-40p {
    max-width: 40% !important;
}

.u-maw-50p {
    max-width: 50% !important;
}

.u-maw-60p {
    max-width: 60% !important;
}

.u-maw-66p {
    max-width: 66% !important;
}

.u-maw-70p {
    max-width: 70% !important;
}

.u-maw-75p {
    max-width: 75% !important;
}

.u-maw-80p {
    max-width: 80% !important;
}

.u-maw-90p {
    max-width: 90% !important;
}

.u-maw-100p {
    max-width: 100% !important;
}

.u-mah-n {
    max-height: none !important;
}

.u-mah-100p {
    max-height: 100% !important;
}

.u-miw-0 {
    min-width: 0 !important;
}

.u-mih-0 {
    min-height: 0 !important;
}

.u-ol-n {
    outline: none !important;
}

.u-olw-tn {
    outline-width: thin !important;
}

.u-olw-md {
    outline-width: medium !important;
}

.u-olw-tc {
    outline-width: thick !important;
}

.u-ols-n {
    outline-style: none !important;
}

.u-ols-dt {
    outline-style: dotted !important;
}

.u-ols-ds {
    outline-style: dashed !important;
}

.u-ols-s {
    outline-style: solid !important;
}

.u-ols-db {
    outline-style: double !important;
}

.u-ols-g {
    outline-style: groove !important;
}

.u-ols-r {
    outline-style: ridge !important;
}

.u-ols-i {
    outline-style: inset !important;
}

.u-ols-o {
    outline-style: outset !important;
}

.u-olc-i {
    outline-color: invert !important;
}

.u-bfv-h {
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
}

.u-bfv-v {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

.u-bd-n {
    border: none !important;
}

.u-bd-0 {
    border: 0 !important;
}

.u-bdcl-c {
    border-collapse: collapse !important;
}

.u-bdcl-s {
    border-collapse: separate !important;
}

.u-bdc-t {
    border-color: transparent !important;
}

.u-bdc-cc {
    border-color: currentColor !important;
}

.u-bdc-white {
    border-color: #ffffff !important;
}

.u-bdc-silver {
    border-color: #dddddd !important;
}

.u-bdc-gray {
    border-color: #aaaaaa !important;
}

.u-bdc-black {
    border-color: #111111 !important;
}

.u-bdc-navy {
    border-color: #001f3f !important;
}

.u-bdc-blue {
    border-color: #0074d9 !important;
}

.u-bdc-aqua {
    border-color: #7fdbff !important;
}

.u-bdc-teal {
    border-color: #39cccc !important;
}

.u-bdc-olive {
    border-color: #3d9970 !important;
}

.u-bdc-green {
    border-color: #2ecc40 !important;
}

.u-bdc-lime {
    border-color: #01ff70 !important;
}

.u-bdc-yellow {
    border-color: #ffdc00 !important;
}

.u-bdc-orange {
    border-color: #ff851b !important;
}

.u-bdc-red {
    border-color: #ff4136 !important;
}

.u-bdc-maroon {
    border-color: #85144b !important;
}

.u-bdc-fuchsia {
    border-color: #f012be !important;
}

.u-bdc-purple {
    border-color: #b10dc9 !important;
}

.u-bdc-primary {
    border-color: #0275d8 !important;
}

.u-bdc-success {
    border-color: #5cb85c !important;
}

.u-bdc-info {
    border-color: #5bc0de !important;
}

.u-bdc-warning {
    border-color: #f0ad4e !important;
}

.u-bdc-danger {
    border-color: #d9534f !important;
}

.u-bdi-n {
    -o-border-image: none !important;
    border-image: none !important;
}

.u-bds-n {
    border-style: none !important;
}

.u-bds-h {
    border-style: hidden !important;
}

.u-bds-dt {
    border-style: dotted !important;
}

.u-bds-ds {
    border-style: dashed !important;
}

.u-bds-s {
    border-style: solid !important;
}

.u-bds-db {
    border-style: double !important;
}

.u-bds-w {
    border-style: wave !important;
}

.u-bds-g {
    border-style: groove !important;
}

.u-bds-r {
    border-style: ridge !important;
}

.u-bds-i {
    border-style: inset !important;
}

.u-bds-o {
    border-style: outset !important;
}

.u-bdw-0 {
    border-width: 0 !important;
}

.u-bdw-1 {
    border-width: 1px !important;
}

.u-bdw-2 {
    border-width: 2px !important;
}

.u-bdw-3 {
    border-width: 3px !important;
}

.u-bdw-4 {
    border-width: 4px !important;
}

.u-bdw-5 {
    border-width: 5px !important;
}

.u-bdw-6 {
    border-width: 6px !important;
}

.u-bdtw-0 {
    border-top-width: 0 !important;
}

.u-bdtw-1 {
    border-top-width: 1px !important;
}

.u-bdtw-2 {
    border-top-width: 2px !important;
}

.u-bdtw-3 {
    border-top-width: 3px !important;
}

.u-bdtw-4 {
    border-top-width: 4px !important;
}

.u-bdtw-5 {
    border-top-width: 5px !important;
}

.u-bdtw-6 {
    border-top-width: 6px !important;
}

.u-bdrw-0 {
    border-right-width: 0 !important;
}

.u-bdrw-1 {
    border-right-width: 1px !important;
}

.u-bdrw-2 {
    border-right-width: 2px !important;
}

.u-bdrw-3 {
    border-right-width: 3px !important;
}

.u-bdrw-4 {
    border-right-width: 4px !important;
}

.u-bdrw-5 {
    border-right-width: 5px !important;
}

.u-bdrw-6 {
    border-right-width: 6px !important;
}

.u-bdbw-0 {
    border-bottom-width: 0 !important;
}

.u-bdbw-1 {
    border-bottom-width: 1px !important;
}

.u-bdbw-2 {
    border-bottom-width: 2px !important;
}

.u-bdbw-3 {
    border-bottom-width: 3px !important;
}

.u-bdbw-4 {
    border-bottom-width: 4px !important;
}

.u-bdbw-5 {
    border-bottom-width: 5px !important;
}

.u-bdbw-6 {
    border-bottom-width: 6px !important;
}

.u-bdlw-0 {
    border-left-width: 0 !important;
}

.u-bdlw-1 {
    border-left-width: 1px !important;
}

.u-bdlw-2 {
    border-left-width: 2px !important;
}

.u-bdlw-3 {
    border-left-width: 3px !important;
}

.u-bdlw-4 {
    border-left-width: 4px !important;
}

.u-bdlw-5 {
    border-left-width: 5px !important;
}

.u-bdlw-6 {
    border-left-width: 6px !important;
}

.u-bdt-n {
    border-top: none !important;
}

.u-bdt-0 {
    border-top: 0 !important;
}

.u-bdtc-t {
    border-top-color: transparent !important;
}

.u-bdtc-cc {
    border-top-color: currentColor !important;
}

.u-bdr-n {
    border-right: none !important;
}

.u-bdr-0 {
    border-right: 0 !important;
}

.u-bdrc-t {
    border-right-color: transparent !important;
}

.u-bdrc-cc {
    border-right-color: currentColor !important;
}

.u-bdb-n {
    border-bottom: none !important;
}

.u-bdb-0 {
    border-bottom: 0 !important;
}

.u-bdbc-t {
    border-bottom-color: transparent !important;
}

.u-bdbc-cc {
    border-bottom-color: currentColor !important;
}

.u-bdl-n {
    border-left: none !important;
}

.u-bdl-0 {
    border-left: 0 !important;
}

.u-bdlc-t {
    border-left-color: transparent !important;
}

.u-bdlc-cc {
    border-left-color: currentColor !important;
}

.u-bdrs-xs {
    border-radius: 0.1rem !important;
}

.u-bdrs-sm {
    border-radius: 0.2rem !important;
}

.u-bdrs-md {
    border-radius: 0.25rem !important;
}

.u-bdrs-lg {
    border-radius: 0.3rem !important;
}

.u-bdrs-xl {
    border-radius: 0.4rem !important;
}

.u-bdrs-0 {
    border-radius: 0 !important;
}

.u-bdrs-1 {
    border-radius: 1px !important;
}

.u-bdrs-2 {
    border-radius: 2px !important;
}

.u-bdrs-3 {
    border-radius: 3px !important;
}

.u-bdrs-4 {
    border-radius: 4px !important;
}

.u-bdrs-5 {
    border-radius: 5px !important;
}

.u-bdrs-6 {
    border-radius: 6px !important;
}

.u-bdrs-100p {
    border-radius: 100% !important;
}

.u-bg-n {
    background: none !important;
}

.u-bgc-t {
    background-color: transparent !important;
}

.u-bgc-cc {
    background-color: currentColor !important;
}

.u-bgc-white {
    background-color: #ffffff !important;
}

.u-bgc-silver {
    background-color: #dddddd !important;
}

.u-bgc-gray {
    background-color: #aaaaaa !important;
}

.u-bgc-black {
    background-color: #111111 !important;
}

.u-bgc-navy {
    background-color: #001f3f !important;
}

.u-bgc-blue {
    background-color: #1B78BE !important;
}

.u-bgc-aqua {
    background-color: #7fdbff !important;
}

.u-bgc-teal {
    background-color: #39cccc !important;
}

.u-bgc-olive {
    background-color: #3d9970 !important;
}

.u-bgc-green {
    background-color: #2ecc40 !important;
}

.u-bgc-lime {
    background-color: #01ff70 !important;
}

.u-bgc-yellow {
    background-color: #ffdc00 !important;
}

.u-bgc-orange {
    background-color: #ff851b !important;
}

.u-bgc-red {
    background-color: #ff4136 !important;
}

.u-bgc-maroon {
    background-color: #85144b !important;
}

.u-bgc-fuchsia {
    background-color: #f012be !important;
}

.u-bgc-purple {
    background-color: #b10dc9 !important;
}

.u-bgc-primary {
    background-color: #0275d8 !important;
}

.u-bgc-success {
    background-color: #5cb85c !important;
}

.u-bgc-info {
    background-color: #5bc0de !important;
}

.u-bgc-warning {
    background-color: #f0ad4e !important;
}

.u-bgc-danger {
    background-color: #d9534f !important;
}

.u-bgi-n {
    background-image: none !important;
}

.u-bgr-n {
    background-repeat: no-repeat !important;
}

.u-bgr-x {
    background-repeat: repeat-x !important;
}

.u-bgr-y {
    background-repeat: repeat-y !important;
}

.u-bgr-sp {
    background-repeat: space !important;
}

.u-bgr-rd {
    background-repeat: round !important;
}

.u-bga-f {
    background-attachment: fixed !important;
}

.u-bga-s {
    background-attachment: scroll !important;
}

.u-bgp-t {
    background-position: top !important;
}

.u-bgp-r {
    background-position: right !important;
}

.u-bgp-b {
    background-position: bottom !important;
}

.u-bgp-l {
    background-position: left !important;
}

.u-bgp-c {
    background-position: center !important;
}

.u-bgsz-a {
    background-size: auto !important;
}

.u-bgsz-ct {
    background-size: contain !important;
}

.u-bgsz-cv {
    background-size: cover !important;
}

.u-c-i {
    color: inherit !important;
}

.u-c-white {
    color: #ffffff !important;
}

.u-c-silver {
    color: #dddddd !important;
}

.u-c-gray {
    color: #aaaaaa !important;
}

.u-c-black {
    color: #111111 !important;
}

.u-c-navy {
    color: #001f3f !important;
}

.u-c-blue {
    color: #0074d9 !important;
}

.u-c-aqua {
    color: #7fdbff !important;
}

.u-c-teal {
    color: #39cccc !important;
}

.u-c-olive {
    color: #3d9970 !important;
}

.u-c-green {
    color: #2ecc40 !important;
}

.u-c-lime {
    color: #01ff70 !important;
}

.u-c-yellow {
    color: #ffdc00 !important;
}

.u-c-orange {
    color: #ff851b !important;
}

.u-c-red {
    color: #ff4136 !important;
}

.u-c-maroon {
    color: #85144b !important;
}

.u-c-fuchsia {
    color: #f012be !important;
}

.u-c-purple {
    color: #b10dc9 !important;
}

.u-c-primary {
    color: #0275d8 !important;
}

.u-c-success {
    color: #5cb85c !important;
}

.u-c-info {
    color: #5bc0de !important;
}

.u-c-warning {
    color: #f0ad4e !important;
}

.u-c-danger {
    color: #d9534f !important;
}

.u-tbl-a {
    table-layout: auto !important;
}

.u-tbl-f {
    table-layout: fixed !important;
}

.u-lis-n {
    list-style: none !important;
}

.u-lisp-i {
    list-style-position: inside !important;
}

.u-lisp-o {
    list-style-position: outside !important;
}

.u-list-n {
    list-style-type: none !important;
}

.u-list-d {
    list-style-type: disc !important;
}

.u-list-c {
    list-style-type: circle !important;
}

.u-list-s {
    list-style-type: square !important;
}

.u-list-dc {
    list-style-type: decimal !important;
}

.u-list-dclz {
    list-style-type: decimal-leading-zero !important;
}

.u-list-lr {
    list-style-type: lower-roman !important;
}

.u-list-ur {
    list-style-type: upper-roman !important;
}

.u-lisi-n {
    list-style-image: none !important;
}

.u-va-sup {
    vertical-align: super !important;
}

.u-va-t {
    vertical-align: top !important;
}

.u-va-tt {
    vertical-align: text-top !important;
}

.u-va-m {
    vertical-align: middle !important;
}

.u-va-bl {
    vertical-align: baseline !important;
}

.u-va-b {
    vertical-align: bottom !important;
}

.u-va-tb {
    vertical-align: text-bottom !important;
}

.u-va-sub {
    vertical-align: sub !important;
}

.u-ta-l {
    text-align: left !important;
}

.u-ta-c {
    text-align: center !important;
}

.u-ta-r {
    text-align: right !important;
}

.u-ta-j {
    text-align: justify !important;
}

.u-td-n {
    text-decoration: none !important;
}

.u-td-u {
    text-decoration: underline !important;
}

.u-td-o {
    text-decoration: overline !important;
}

.u-td-l {
    text-decoration: line-through !important;
}

.u-te-n {
    -webkit-text-emphasis: none !important;
    text-emphasis: none !important;
}

.u-te-ac {
    -webkit-text-emphasis: accent !important;
    text-emphasis: accent !important;
}

.u-te-dt {
    -webkit-text-emphasis: dot !important;
    text-emphasis: dot !important;
}

.u-te-c {
    -webkit-text-emphasis: circle !important;
    text-emphasis: circle !important;
}

.u-te-ds {
    -webkit-text-emphasis: disc !important;
    text-emphasis: disc !important;
}

.u-te-b {
    -webkit-text-emphasis: before !important;
    text-emphasis: before !important;
}

.u-te-a {
    -webkit-text-emphasis: after !important;
    text-emphasis: after !important;
}

.u-ti-0 {
    text-indent: 0 !important;
}

.u-ti--9999 {
    text-indent: -9999px !important;
}

.u-tov-e {
    text-overflow: ellipsis !important;
}

.u-tov-c {
    text-overflow: clip !important;
}

.u-tt-n {
    text-transform: none !important;
}

.u-tt-c {
    text-transform: capitalize !important;
}

.u-tt-u {
    text-transform: uppercase !important;
}

.u-tt-l {
    text-transform: lowercase !important;
}

.u-tsh-n {
    text-shadow: none !important;
}

.u-lh-nm {
    line-height: normal !important;
}

.u-lh-i {
    line-height: inherit !important;
}

.u-lh-0 {
    line-height: 0 !important;
}

.u-lh-1 {
    line-height: 1 !important;
}

.u-lh-2 {
    line-height: 2 !important;
}

.u-lh-3 {
    line-height: 3 !important;
}

.u-lh-4 {
    line-height: 4 !important;
}

.u-lh-5 {
    line-height: 5 !important;
}

.u-lh-6 {
    line-height: 6 !important;
}

.u-lh-xs {
    line-height: 1.25 !important;
}

.u-lh-sm {
    line-height: 1.33 !important;
}

.u-lh-md {
    line-height: 1.5 !important;
}

.u-lh-lg {
    line-height: 1.75 !important;
}

.u-lh-xl {
    line-height: 2 !important;
}

.u-whs-nm {
    white-space: normal !important;
}

.u-whs-p {
    white-space: pre !important;
}

.u-whs-nw {
    white-space: nowrap !important;
}

.u-whs-pw {
    white-space: pre-wrap !important;
}

.u-whs-pl {
    white-space: pre-line !important;
}

.u-wob-nm {
    word-break: normal !important;
}

.u-wob-k {
    word-break: keep-all !important;
}

.u-wob-ba {
    word-break: break-all !important;
}

.u-wow-nm {
    word-wrap: normal !important;
}

.u-wow-n {
    word-wrap: none !important;
}

.u-wow-u {
    word-wrap: unrestricted !important;
}

.u-wow-s {
    word-wrap: suppress !important;
}

.u-wow-bw {
    word-wrap: break-word !important;
}

.u-lts-nm {
    letter-spacing: normal !important;
}

.u-fw-nm {
    font-weight: normal !important;
}

.u-fw-b {
    font-weight: bold !important;
}

.u-fw-br {
    font-weight: bolder !important;
}

.u-fw-l {
    font-weight: 200 !important;
}

.u-fw-lr {
    font-weight: lighter !important;
}

.u-fw-100 {
    font-weight: 100 !important;
}

.u-fw-200 {
    font-weight: 200 !important;
}

.u-fw-300 {
    font-weight: 300 !important;
}

.u-fw-400 {
    font-weight: 400 !important;
}

.u-fw-500 {
    font-weight: 500 !important;
}

.u-fw-600 {
    font-weight: 600 !important;
}

.u-fw-700 {
    font-weight: 700 !important;
}

.u-fw-800 {
    font-weight: 800 !important;
}

.u-fw-900 {
    font-weight: 900 !important;
}

.u-fs-nm {
    font-style: normal !important;
}

.u-fs-i {
    font-style: italic !important;
}

.u-fs-o {
    font-style: oblique !important;
}

.u-fv-nm {
    font-variant: normal !important;
}

.u-fv-sc {
    font-variant: small-caps !important;
}

.u-fz-xs {
    font-size: 0.75rem !important;
}

.u-fz-sm {
    font-size: 0.875rem !important;
}

.u-fz-md {
    font-size: 1rem !important;
}

.u-fz-lg {
    font-size: 1.25rem !important;
}

.u-fz-xl {
    font-size: 1.5rem !important;
}

.u-fz-sr {
    font-size: smaller !important;
}

.u-fz-lr {
    font-size: larger !important;
}

.u-fz-0 {
    font-size: 0 !important;
}

.u-fz-10 {
    font-size: 10px !important;
}

.u-fz-11 {
    font-size: 11px !important;
}

.u-fz-12 {
    font-size: 12px !important;
}

.u-fz-13 {
    font-size: 13px !important;
}

.u-fz-14 {
    font-size: 14px !important;
}

.u-fz-15 {
    font-size: 15px !important;
}

.u-fz-16 {
    font-size: 16px !important;
}

.u-fz-17 {
    font-size: 17px !important;
}

.u-fz-18 {
    font-size: 18px !important;
}

.u-fz-19 {
    font-size: 19px !important;
}

.u-fz-20 {
    font-size: 20px !important;
}

.u-fz-h1 {
    font-size: 2.5rem !important;
}

.u-fz-h2 {
    font-size: 2rem !important;
}

.u-fz-h3 {
    font-size: 1.75rem !important;
}

.u-fz-h4 {
    font-size: 1.5rem !important;
}

.u-fz-h5 {
    font-size: 1.25rem !important;
}

.u-fz-h6 {
    font-size: 1rem !important;
}

.u-ff-s {
    font-family: serif !important;
}

.u-ff-ss {
    font-family: sans-serif !important;
}

.u-ff-c {
    font-family: cursive !important;
}

.u-ff-f {
    font-family: fantasy !important;
}

.u-ff-m {
    font-family: monospace !important;
}

.u-ff-a {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

.u-ff-t {
    font-family: "Times New Roman", Times, Baskerville, Georgia, serif !important;
}

.u-ff-v {
    font-family: Verdana, Geneva, sans-serif !important;
}

.u-ff-l {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

.u-ff-j {
    font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
}

.u-op-0 {
    opacity: 0 !important;
}

.u-op-0_1 {
    opacity: 0.1 !important;
}

.u-op-0_2 {
    opacity: 0.2 !important;
}

.u-op-0_3 {
    opacity: 0.3 !important;
}

.u-op-0_4 {
    opacity: 0.4 !important;
}

.u-op-0_5 {
    opacity: 0.5 !important;
}

.u-op-0_6 {
    opacity: 0.6 !important;
}

.u-op-0_7 {
    opacity: 0.7 !important;
}

.u-op-0_8 {
    opacity: 0.8 !important;
}

.u-op-0_9 {
    opacity: 0.9 !important;
}

.u-op-1 {
    opacity: 1 !important;
}

.u-rsz-n {
    resize: none !important;
}

.u-rsz-b {
    resize: both !important;
}

.u-rsz-h {
    resize: horizontal !important;
}

.u-rsz-v {
    resize: vertical !important;
}

.u-cur-a {
    cursor: auto !important;
}

.u-cur-d {
    cursor: default !important;
}

.u-cur-c {
    cursor: crosshair !important;
}

.u-cur-ha {
    cursor: hand !important;
}

.u-cur-he {
    cursor: help !important;
}

.u-cur-m {
    cursor: move !important;
}

.u-cur-p {
    cursor: pointer !important;
}

.u-cur-t {
    cursor: text !important;
}

.u-fxd-r {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.u-fxd-rr {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.u-fxd-c {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.u-fxd-cr {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
}

.u-fxw-n {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.u-fxw-w {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.u-fxw-wr {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
}

.u-jc-fs {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.u-jc-fe {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.u-jc-c {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.u-jc-sb {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.u-jc-sa {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}

.u-ai-fs {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.u-ai-fe {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.u-ai-c {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.u-ai-b {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}

.u-ai-s {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}

.u-ac-fs {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
}

.u-ac-fe {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
}

.u-ac-c {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
}

.u-ac-sb {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
}

.u-ac-sa {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
}

.u-ac-s {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
}

.u-ord--1 {
    -webkit-box-ordinal-group: 0 !important;
    -ms-flex-order: -1 !important;
    order: -1 !important;
}

.u-ord-0 {
    -webkit-box-ordinal-group: 1 !important;
    -ms-flex-order: 0 !important;
    order: 0 !important;
}

.u-ord-1 {
    -webkit-box-ordinal-group: 2 !important;
    -ms-flex-order: 1 !important;
    order: 1 !important;
}

.u-ord-2 {
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
}

.u-ord-3 {
    -webkit-box-ordinal-group: 4 !important;
    -ms-flex-order: 3 !important;
    order: 3 !important;
}

.u-ord-4 {
    -webkit-box-ordinal-group: 5 !important;
    -ms-flex-order: 4 !important;
    order: 4 !important;
}

.u-ord-5 {
    -webkit-box-ordinal-group: 6 !important;
    -ms-flex-order: 5 !important;
    order: 5 !important;
}

.u-ord-6 {
    -webkit-box-ordinal-group: 7 !important;
    -ms-flex-order: 6 !important;
    order: 6 !important;
}

.u-ord-9999 {
    -webkit-box-ordinal-group: 10000 !important;
    -ms-flex-order: 9999 !important;
    order: 9999 !important;
}

.u-fx-n {
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important;
}

.u-fx-1_1_a {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}

.u-fx-1_0_a {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 0 auto !important;
    flex: 1 0 auto !important;
}

.u-fx-1_1_1 {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 1px !important;
    flex: 1 1 1px !important;
}

.u-as-a {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important;
}

.u-as-fs {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}

.u-as-fe {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}

.u-as-c {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
}

.u-as-b {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
}

.u-as-s {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important;
}

.u-wfsm-a {
    -webkit-font-smoothing: antialiased !important;
}

.u-wfsm-sa {
    -webkit-font-smoothing: subpixel-antialiased !important;
}

.u-wfsm-n {
    -webkit-font-smoothing: none !important;
}

.u-obf-f {
    -o-object-fit: fill !important;
    object-fit: fill !important;
}

.u-obf-ct {
    -o-object-fit: contain !important;
    object-fit: contain !important;
}

.u-obf-cv {
    -o-object-fit: cover !important;
    object-fit: cover !important;
}

.u-obf-n {
    -o-object-fit: none !important;
    object-fit: none !important;
}

.u-obf-sd {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
}

.u-cf:before,
.u-cf:after {
    content: " ";
    display: table;
}

.u-cf:after {
    clear: both;
}

.u-tetr {
    max-width: 100%;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    word-wrap: normal !important;
}

.u-tehi {
    overflow: hidden !important;
    text-indent: 200% !important;
    white-space: nowrap !important;
}

.u-reli {
    list-style: none;
    padding-left: 0;
}

.u-abce {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}

.u-mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.u-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.u-mx-a {
    margin-left: auto !important;
    margin-right: auto !important;
}

.u-my-a {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.u-mx-xs {
    margin-left: 0.2rem !important;
    margin-right: 0.2rem !important;
}

.u-my-xs {
    margin-top: 0.2rem !important;
    margin-bottom: 0.2rem !important;
}

.u-mx-sm {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
}

.u-my-sm {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.u-mx-md {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}

.u-my-md {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.u-mx-lg {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
}

.u-my-lg {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.u-mx-xl {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
}

.u-my-xl {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.u-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.u-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.u-px-xs {
    padding-left: 0.2rem !important;
    padding-right: 0.2rem !important;
}

.u-py-xs {
    padding-top: 0.2rem !important;
    padding-bottom: 0.2rem !important;
}

.u-px-sm {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

.u-py-sm {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.u-px-md {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.u-py-md {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.u-px-lg {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

.u-py-lg {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.u-px-xl {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}

.u-py-xl {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.u-clearfix {
    content: "";
    display: table;
    table-layout: fixed;
}

/****************:
    scroll magic
**********/
/*最初は消えている状態opacity:0; ->表示opasity:1;*/
.animate-opacity {
    opacity: 0;
    -webkit-transition: opacity 0.8s ease-out;
    transition: opacity 0.8s ease-out;
}

[data-element-id] .animate-opacity {
    opacity: 1;
}

.animate-opacity.animate-active {
    opacity: 1;
}

/*zoom表示の指定*/
.animate-img-scale.animate-active {
    animation: img-zoomin 2s ease-out 0s 1 normal;
    -webkit-animation: img-zoomin 2s ease-out 0s 1 normal;
}

.animate-text-scale.animate-active {
    animation: text-zoomin 1s ease-out 0s 1 normal;
    -webkit-animation: text-zoomin 1s ease-out 0s 1 normal;
}

/*表示順*/
.animate-delay-0 {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.animate-delay-1 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.animate-delay-2 {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.animate-delay-3 {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.animate-delay-4 {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

@keyframes img-zoomin {
    0% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes img-zoomin {
    0% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes text-zoomin {
    0% {
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes text-zoomin {
    0% {
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.site {
    background: url(/import/tenant_1/160.16.111.98/html/wpclrhr/wp-content/themes/couleur-hair/images/bg-image/site-bg.jpg);
}

.whole-block {
    width: 100%;
    margin: 0;
}

.wrapper-block {
    width: 100%;
    max-width: 1200px;
    min-width: 1024px;
    margin: 0 auto;
}

.content-block {
    width: 1024px;
    margin: 0 auto;
}

@media only screen and (max-width: 1024px) {
    .wrapper-block {
        width: 97%;
        max-width: none;
        min-width: auto;
        margin: 0 auto;
    }

    .content-block {
        width: 98%;
        margin: 0 auto;
    }

    .price-box__inner {
        width: 310px;
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
        -webkit-transform-origin: top left;
        transform-origin: top left;
    }
}

@media screen and (max-width: 767px) {
    .site {
        max-width: 100%;
        overflow-x: hidden;
    }

    .price-box__inner {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}

/********** スライダー **********/
.site-top-header .slider {
    position: absolute;
    width: 100%;
    max-width: 1920px;
    margin: 0;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.mainimg {
    position: relative;
    overflow: hidden;
}

.mainimg img {
    width: 100%;
}

.mainimg .uk-slidenav-position {
    position: relative;
    overflow: hidden;
    height: 800px;
}

.mainimg .uk-slidenav-position:after {
    display: block;
    padding-top: 75%;
    content: '';
}

.mainimg .uk-slideshow {
    position: absolute;
    top: 0;
    height: 100% !important;
}

.mainimg .uk-slideshow li {
    height: 100% !important;
}

.mainimg .uk-slideshow .uk-flex {
    height: 100%;
}

.mainimg .uk-slideshow img {
    width: 100%;
    height: 100%;
    /*IE対策*/
    font-family: 'object-fit: cover; object-position: 50% 50%;';
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}

.uk-slideshow>li {
    -webkit-animation-duration: 2000ms !important;
    animation-duration: 2000ms !important;
}

@media only screen and (max-width: 767px) {
    .mainimg .uk-slidenav-position {
        height: 270px;
    }
}

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

l_newpage

********************************/
.content-newpage .contain {
    position: relative;
    margin-bottom: 100px;
}

.content-newpage .deco_img {
    position: absolute;
    max-width: 20%;
}

.content-newpage .bgi {
    position: absolute;
    max-width: 1024px;
}

.content-newpage .box:not(:last-of-type) {
    margin-bottom: 60px;
}

.content-newpage .h {
    font-family: YuMincho, "Yu Mincho", serif;
    font-size: 2.4rem;
    color: rgba(145, 104, 20, 255);
}

.content-newpage .midh {
    font-size: 1.75rem;
    font-family: YuMincho, "Yu Mincho", serif;
    color: rgba(145, 104, 20, 255);
    margin-bottom: 2rem;
}

.content-newpage .midh span {
    display: block;
    font-size: 12px;
    padding-top: 1rem;
}

.content-newpage .smallh {
    font-size: 1.5rem;
    font-family: YuMincho, "Yu Mincho", serif;
    color: rgba(145, 104, 20, 255);
    margin-bottom: 1rem;
}

.content-newpage .lineh {
    font-family: YuMincho, "Yu Mincho", serif !important;
    color: rgba(145, 104, 20, 255);
    font-size: 1.5rem;
    line-height: 2;
    border-bottom: 2px solid #dfe4d8;
}

.content-newpage .icon_head {
    position: relative;
}

.content-newpage .icon_head .icon {
    position: absolute;
    right: 0;
    bottom: 0;
}

.content-newpage .pagemenu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.content-newpage .pagemenu li {
    min-width: 242px;
}

.content-newpage .pagemenu li a {
    margin: auto;
}

.content-newpage .square_li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.content-newpage .square_li li {
    position: relative;
    padding-left: 1rem;
}

.content-newpage .square_li li:before {
    position: absolute;
    content: "■";
    top: 0;
    left: 0;
}


.content-newpage .alternate .flexb:nth-of-type(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.content-newpage .alternate .flexb .ofimg {
    position: relative;
}

.content-newpage .alternate .flexb .ofimg img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.content-newpage .alternate .flexb .ofimg:before {
    content: "";
    display: block;
    padding-top: 65%;
}

.content-newpage .brown_dl {
    margin-bottom: 2rem;
}

.content-newpage .brown_dl dt {
    color: rgba(145, 104, 20, 255);
    font-size: 1.25rem;
    margin-bottom: 1rem;
}

.content-newpage .brown_dl dd {
    line-height: 2;
    margin: 0;
}

.content-newpage .center_li {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 50%;

}

.content-newpage .center_li li {
    width: 45%;
    margin: 0 0 2rem 0;

}

.content-newpage .center_li li:nth-child(even) {
    margin-left: 10%;
}

.content-newpage .center_li figre {
    margin: 0 0 1rem;
}

.content-newpage .center_li .tit {
    color: rgba(145, 104, 20, 255);
    margin-bottom: 1rem;
}

/********** care **********/
.content-newpage .care01 .pagemenu li {
    width: 30%;
    margin: 0 1%;
}

.wideimage .ofimg {
    position: relative;
    margin-bottom: 1rem;
}

.wideimage .ofimg:before {
    content: "";
    display: block;
    padding-top: 38%;
}

.wideimage .ofimg img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.care02 ul {
    margin: 0;
    padding: 0;
}

.care02 li {
    list-style-position: inside;
    line-height: 2;
}

.care02,
.care03,
.care04,
.care05,
.care07 {
    position: relative;
}

.care02 .bgi {
    right: -14%;
    top: 10%;
}

.care04 .bgi {
    left: -27%;
    top: -23%;
}

.care05 .bgi {
    right: -17%;
    top: -15%;
}

.care07 .bgi1 {
    left: -14%;
    top: -13%;
}

.care07 .bgi2 {
    right: -14%;
    bottom: -13%;
}

.content-newpage .icon_head .icon01 {
    width: 200px;
}

.content-newpage .icon_head .icon02 {
    width: 114px;
}

.care01 .deco_img.deco_1 {
    top: -70px;
    left: -220px;
    width: 160px;
}

.care01 .deco_img.deco_2 {
    top: 0;
    right: -160px;
    width: 176px;
}

.care01 .deco_img.deco_3 {
    top: 210px;
    right: -230px;
    width: 275px;
}

.care02 .deco_img.deco_4 {
    width: 200px;
    bottom: 160px;
    left: 0;
}

.care03 .deco_img.deco_5 {
    width: 170px;
    bottom: 140px;
    right: -220px;
}

.care04 .deco_img.deco_6 {
    width: 314px;
    bottom: 0;
    left: -220px;
}

.care05 .deco_img.deco_8 {
    width: 123px;
    left: -160px;
    top: 0;
}

.care06 .deco_img.deco_9 {
    width: 354px;
    top: -100px;
    right: -230px;
}

.care07 .deco_img.deco_10 {
    width: 231px;
    bottom: 30%;
    left: -250px;
}

/********** product **********/
.content-newpage .prod01 .pagemenu li {
    width: 23%;
}

.content-newpage .block_tit {
    background: #604b3d;
    color: #fff;
    text-align: center;
    display: inline-block;
    padding: .25rem 1.5rem;
    margin-bottom: 1rem;
}

.content-newpage .item_box dl {
    margin-bottom: 1rem;
    padding-bottom: .5rem;
    border-bottom: 2px solid #dfe4d8;
}

.content-newpage .item_box dt {
    width: 73%;
}

.content-newpage .item_box dd {
    color: rgba(145, 104, 20, 255);
    font-size: 1.25rem;
    width: 25%;
    margin: 0;
    text-align: right;
}

.content-newpage .item_box .name {
    font-size: 1.25rem;
    color: rgba(96, 76, 63, 255);
    font-weight: normal;
}

.content-newpage .item_box .lit {
    color: rgba(96, 76, 63, 255);
    font-weight: normal;
}

.prod02,
.prod04 {
    position: relative;
}

.prod02 .bgi {
    right: -14%;
    top: 10%;
}

.prod04 .bgi {
    left: -27%;
    top: -23%;
}

.prod01 .deco_img.deco_1 {
    top: -70px;
    left: -220px;
    width: 160px;
}

.prod01 .deco_img.deco_2 {
    top: 0;
    right: -160px;
    width: 176px;
}

.prod02 .deco_img.deco_4 {
    width: 200px;
    bottom: 160px;
    left: 0;
}

.prod03 .deco_img.deco_5 {
    width: 170px;
    bottom: 140px;
    right: -220px;
}

.prod04 .deco_img.deco_6 {
    width: 314px;
    bottom: 0;
    left: -220px;
}

.prod05 .deco_img.deco_8 {
    width: 123px;
    left: -160px;
    top: 0;
}

.prod05 .deco_img.deco_9 {
    width: 354px;
    bottom: 0;
    right: -230px;
}

/********** recruit_detail **********/
.rec_head {
    position: relative;
    font-family: YuMincho, "Yu Mincho", serif;
    font-size: 2.4rem;
    color: rgba(145, 104, 20, 255);
    padding-left: 185px;
    margin-bottom: 3rem;
}

.rec_head:before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    background: url(/upload/tenant_1/27eba119a04cd0a5825890b8850e1e38.png) no-repeat;
    background-size: contain;
    width: 174px;
    height: 153px;
}

.recr01,
.recr02,
.recr03 {
    position: relative;
}

.recr01 .bgi {
    right: -14%;
    top: 10%;
}

.recr02 .bgi {
    left: -35%;
    top: 40%;
}

.recr03 .bgi {
    right: -14%;
    bottom: -70%;
}

/*** table ***/
.calc_table_wrap:not(:last-of-type) {
    margin-bottom: 3rem;
}

.calc_table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border-bottom: 2px solid #dfe4d8;
}

.calc_table th,
.calc_table td {
    width: 12%;
    padding: .5rem 1rem;
}

.calc_table th {
    border-top: 2px solid #dfe4d8;
    border-bottom: 2px solid #dfe4d8;
}

.calc_table th:not(:last-child),
.calc_table td:not(:last-child) {
    border-right: 2px solid #dfe4d8;
}

.calc_table .arrow {
    position: relative;
}

.calc_table .arrow:before {
    position: absolute;
    top: 50%;
    left: calc(100% - 1rem);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    display: block;
    content: "";
    height: 2px;
    background: #916814;
}

.calc_table .arrow_1:before {
    width: calc(100% + .5rem);
}

.calc_table .arrow_2:before {
    width: calc(200% + .5rem);
}

.calc_table .arrow_3:before {
    width: calc(300% + .5rem);
}

.calc_table .arrow_4:before {
    width: calc(400% + .5rem);
}

.calc_table .arrow_5:before {
    width: calc(500% + .5rem);
}

.calc_table .arrow:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6.5px 0 6.5px 8px;
    border-color: transparent transparent transparent #916714;
}

.calc_table .arrow_1:after {
    left: calc(200% - 1rem);
}

.calc_table .arrow_2:after {
    left: calc(300% - 1rem);
}

.calc_table .arrow_3:after {
    left: calc(400% - 1rem);
}

.calc_table .arrow_4:after {
    left: calc(500% - 1rem);
}

.calc_table .arrow_5:after {
    left: calc(600% - 1rem);
}

.qa_dl:not(:last-of-type) {
    margin-bottom: 3rem;
}

.qa_dl dt {
    position: relative;
    padding-left: 3rem;
    font-size: 1.25rem;
    margin-bottom: 1rem;
}

.qa_dl dt:before {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    content: "Q";
    background: #604b3d;
    width: 2rem;
    height: 2rem;
    line-height: 1;
}

.rec_dl_wrap {
    padding-bottom: 200px;
}

.rec_dl_wrap dl .abs_item {
    border-bottom: 2px solid #dfe4d8;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

.rec_dl_wrap dt {
    font-size: 1.25rem;
    color: #604b3d;
    width: 23%;
}

.rec_dl_wrap dd {
    width: 75%;
    margin: 0;
}

.rec_dl_wrap .contact-title {
    margin: 0;
    padding: 3.2rem 0;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 2rem;
    letter-spacing: 3px;
    color: #916814;
    font-weight: bold;
}

.rec_dl_wrap .contact-title span {
    padding-left: 1rem;
    color: #916814;
    font-size: 0.875rem;
    font-weight: normal;
    letter-spacing: normal;
}

.recr01 .deco_img.deco_4 {
    width: 200px;
    bottom: 160px;
    left: 0;
}

.recr02 .deco_img.deco_21 {
    width: 159px;
    top: 30px;
    right: -220px;
}

.recr02 .deco_img.deco_22 {
    width: 170px;
    bottom: -160px;
    right: -220px;
}

.recr03 .deco_img.deco_23 {
    width: 314px;
    top: 30%;
    left: -220px;
}

.recr03 .deco_img.deco_24 {
    width: 354px;
    bottom: 0;
    right: -220px;
}

.recr04 .deco_img.deco_26 {
    width: 123px;
    top: 20%;
    left: -220px;
}

.recr04 .deco_img.deco_25 {
    width: 508px;
    max-width: 50%;
    bottom: 0;
    left: -300px;
}


.yoko_btn .pagemenu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.yoko_btn .pagemenu li {
    min-width: 242px;
    width: 30%;
    margin: 0 1%;
}

.yoko_btn .pagemenu li a {
    margin: auto;
}

.recruit-merit {
    margin: 30px 0 50px 0;
    counter-reset: number;
    list-style: none;
}

.recruit-merit li {
    font-size: 18px;
    margin-bottom: 20px;
    padding-left: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.content-newpage .recruit-merit li span {
    font-size: inherit;
    padding-top: 0;
}

.recruit-merit li:before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    counter-increment: number;
    content: counter(number)'';
    background: #604b3d;
    font-size: 16px;
    width: 1.6rem;
    height: 1.5rem;
    color: #fff;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
}

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

m_newpage

********************************/
@media only screen and (max-width: 767px) {
    .content-newpage .h {
        font-size: 2rem;
    }

    .content-newpage .midh {
        font-size: 1.5rem;
    }

    .content-newpage .smallh {
        font-size: 1.3rem;
    }

    .content-newpage .icon_head .lineh {
        padding-right: 4rem;
    }

    .content-newpage .icon_head .icon {
        width: 3rem !important;
    }

    .content-newpage .pagemenu li:not(:last-child),
    .yoko_btn .pagemenu li:not(:last-child) {
        margin-bottom: 1rem;
    }

    .content-newpage .center_li {
        width: 100%;
    }

    .content-newpage .deco_img {
        max-width: 30%;
    }

    .care01 .deco_img.deco_1 {
        left: -190px;
    }

    .care01 .deco_img.deco_2 {
        right: -130px;
    }

    .care01 .deco_img.deco_3 {
        right: -150px;
    }

    .care02 .deco_img.deco_4 {
        display: none;
    }

    .care03 .deco_img.deco_5 {
        right: -150px;
    }

    .care04 .deco_img.deco_6 {
        left: -190px;
    }

    .care06 .deco_img.deco_9 {
        right: -150px;
    }

    .care07 .deco_img.deco_10 {
        left: -180px;
    }


    /********** product **********/
    .prod01 .deco_img.deco_1 {
        left: -190px;
    }

    .prod01 .deco_img.deco_2 {
        right: -130px;
    }

    .prod02 .deco_img.deco_4 {
        display: none;
    }

    .prod03 .deco_img.deco_5 {
        right: -150px;
    }

    .prod04 .deco_img.deco_6 {
        left: -190px;
    }

    .prod05 .deco_img.deco_9 {
        right: -150px;
    }

    /********** recruit **********/
    .rec_head {
        padding-left: 0;
        margin-top: 5rem;
        text-align: center;
        font-size: 1.75rem;
    }

    .rec_head:before {
        position: absolute;
        top: -6rem;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        width: 5rem;
        height: auto;
    }

    .calc_table_wrap {
        overflow-x: scroll;
    }

    .calc_table {
        min-width: 840px;
    }

    .rec_dl_wrap dt {
        width: 100%;
    }

    .rec_dl_wrap dd {
        width: 100%;
    }

    .recr01 .deco_img.deco_4 {
        display: none;
    }

    .recr02 .deco_img.deco_21 {
        right: -150px;
    }

    .recr02 .deco_img.deco_22 {
        right: -150px;
    }

    .recr03 .deco_img.deco_23 {
        left: -170px;
    }

    .recr03 .deco_img.deco_24 {
        right: -150px;
    }

    .recruit-merit {
        margin: 30px 0;
    }

    .recruit-merit li {
        font-size: 16px;
    }
}

/* ##### 20201019追加 ##### */
.care-link {
    margin: 50px 0;
}

.care-link a {
    display: block;
}

.care-link .title {
    font-size: 1.2rem;
    font-family: YuMincho, "Yu Mincho", serif;
    color: rgba(145, 104, 20, 255);
    text-align: center;
    margin: 10px 0;
}

/* ##### 20201019追加 end ##### */


/* ##### 20210408追加 ##### */
.circle_list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.circle_list .ttl01 {
  position: relative;
  z-index: 2;
  top: 3rem;
  text-align: center;
  font-size: 18px;
}

.circle_list .item01{
  width: 30%;
  margin: 0 auto 1rem;
}

.circle_list .ofimg{
    position: relative;
     border-radius: 50%;
     overflow: hidden;
  
}
.circle_list .ofimg img {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      }

.circle_list .ofimg:before {
      content: "";
      display: block;
      padding-top: 100%;
}

.circle_list figcaption {
  line-height: 2;
}

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

.care_menu_list li{
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.care_menu_list li .dt01{
      display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
 margin: 0 1.5em 1.5em; 
}

.care_menu_list li .price{
  padding-left: 10px;
}

.care_menu_list .pic{
    position: relative;
}
.care_menu_list .pic img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.care_menu_list .pic:before {
    content: "";
    display: block;
    padding-top:  75%;
}

ul.care_link02 {
  list-style: none;
  width: 65%;
  margin: auto;
}

.care_link02 li{
  border: 1px solid;
  border-color: rgb(145, 104, 20);
}

.care_link02 li + li{
  margin-top: 1rem;
}

.care_link02 a{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-size: 16px;
  padding: 1rem 2.5rem;
}

.care_link02 a:after{
position: absolute;
top: 50%;
 right:  2rem;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
display: block;
font-family: "Font Awesome 5 Free";
  content: "\f0da";
  font-weight: 900;
  font-size: 28px;
}
.care_link02 .s{
  font-size: 14px;
  display: block;
  width: 100%;
}

.ah_treatment .contain {
  width: 98%;
  max-width: 1024px;
}

.ah_treatment .smallh {
    font-size: 1.5rem;
    font-family: YuMincho, "Yu Mincho", serif;
    color: rgba(145, 104, 20, 255);
    margin-bottom: 1rem;
}

.ah_treatment .alternate .flexb {
  flex-direction: row !important;
  position: relative;
  z-index: 1;
}

.ah_treatment .alternate .flexb:nth-of-type(odd) {
      -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse !important;
}

.has_circle {
  margin-bottom: 30px !important;
    position:  relative;
    display:  inline-block;
    padding-top:  30px;
    padding-left: 40px;
    padding-bottom: 20px;
    z-index: 2;
    line-height: 160%;
}

.has_circle:before {
    content:  '';
    background-color: rgba(220, 190, 128, 0.2);
    display:block;
    position:absolute;
    left:0;
    height:90px;
    width:90px;
    border-radius:50%;
    top:0;
    z-index:-1;
}

ul.care_compare_list{
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 1;
}

.care_compare_list dt{
  font-size: 18px;
}
.care_compare_list dd{
  padding: 1rem;
  background: rgba(220, 190, 128, 0.2);
  line-height: 2;
  margin: 0;
}

.care_compare_list .ttl01{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: #fff;
    font-size: 16px;
    text-align: center;
}

.care_compare_list .txt{
  padding-left:  2rem;
  line-height: 2;
}

.care_compare_list .txt_box{
  padding: 1rem 2rem;
}

.care_compare_list .txt_box .s{
  font-size: 18px;
  font-weight: bold;
}

.care_compare_list .txt_box_inner{
  padding: 1rem 2rem;
  background: #fff;
  text-align: center;
  line-height: 2;
  margin-top: 2rem;
}

.care_point_wrap {
  position: relative;
  overflow: hidden;
}

.care_point_wrap p.ofimg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

[data-element-id] .care_point_wrap p.ofimg {
  position: relative;
    top: 0;
    left: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  
}

/* .care_point_wrap p.ofimg:before {
  padding-top: 80%;
} */

.care_point_wrap p.ofimg:after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  background: rgba(255,255,255,.7);
  z-index: 1;
  width: 100%;
  height: 100%;
}

[data-element-id] .care_point_wrap p.ofimg:after {
display: none;
  
}

.care_point_list {
  list-style: none;
  padding: 2rem;
  margin: 0;
  background: rgb(240, 230, 208);
}

.care_point_list li{
  position: relative;
  padding-left: 2rem;
}

.care_point_list li:before{
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Font Awesome 5 Free";
  content: "\f0eb";
  font-size: 1.25rem;
  font-weight: 900;
}

.care_point_list li + li{
  margin-top:  2rem;
}

.care_center_txt {
  margin: auto;
  /* text-align: center; */
  padding: 1rem 2rem;
  line-height: 2;
}

.totopbird {
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 1024px){
 .circle_list .item01 {
   width: 46%;
 }
 
 .care_point_wrap p.ofimg {
     height: 100%;
     margin-bottom: 0;
 }
}

@media only screen and (max-width: 767px){
  .has_circle {
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 10px;
  }
  
  .has_circle:before {
    height: 60px;
    width: 60px;
  }
 .circle_list .item01 {
   width:  100%;
 } 
 .care_menu_list .txt_side {
   width: 100%;
 }
 
  .care_menu_list .w20 {
    width: 100%;
  }
 
 .care_menu_list li .dt01,
  .care_menu_list li  dd {
   margin: 0 auto 1.5em;
 }
 
 .care_menu_list li .dt01 {
   flex-wrap: wrap;
 }
 
 .care_menu_list li .price {
   width: 100%;
   padding-left: 0;
   text-align: right;
 }
 
 ul.care_link02 {
   width: 100%;
 }

.care_link02 a {
padding: 1rem 1.5rem;
}

.care_link02 a:after {
  right: 1rem;
}

.care02 .about-title span, .care03 .about-title span, .care04 .about-title span, .care07 .about-title span, .content-about .about-title span {
  display: block;
  padding-left: 0;
}

.ah_treatment .box .w40,.ah_treatment .box .w55{
  width: 100%;
}


.ah_treatment .box{
  position: relative;
  z-index: 1;
}
.ah_treatment .box figre{
  margin: 0;
}

.care_compare_list .ttl01,
.care_compare_list .txt {
  width: 100%;
}

.care_compare_list .ttl01{
margin-bottom: 1rem;
}

.care_compare_list .txt{
  padding-left: 0;
}

.care_compare_list .txt_box {
  padding:  0;
}

.care_compare_list .txt_box_inner {
  text-align: left;
  padding: 1rem;
}

.care_center_txt {
  width: 100%;
  padding: 1rem;
}

.care_point_list {
 padding: 1rem; 
}

.h-auto-sp {
  height: auto !important;
}
}

/* ##### 20210408追加 end ##### */

/* A-BiSU組み込み用 ********************************/
[data-element-id].room-text--sp {
    display: block;
}

[data-element-id].room-text--sp:before {
    content: "スマホ版で表示されます";
}

[data-element-id].site-footer .fix_tel {
    display: block;
    position: relative;
}

[data-element-id] .top-style-wrapper .post-block {
    margin: 0 2% 2% 0 !important;
}

/*2022/06/20*/
/* .youtube {
  width: 816px;
  height: 460px;
  margin: auto;
}

.youtube iframe{
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 1024px){
  .youtube {
    width: 560px;
    height: 290px;
  }
}

@media only screen and (max-width: 599px){
  .youtube {
    width: 370px;
    height: 210px;
  }
} */


/* 20220627追加 */
.top-movie {
    width: 60%;
    margin: auto;
    padding: 90px 0 60px 0;
}

@media only screen and (max-width: 1024px){
  .top-movie {
    width: 95%;
    margin: auto;
  }
}

/* 8/31追記 */
.r{
  display: inline-block;
}

@media only screen and (max-width: 599px){
  .r{
    display: block;
  }
}


/* 2023.05.19 */

.fullset01{
  font-size: 14px;
}

.menubr01{
  display: none;
}

@media only screen and (max-width: 599px){
  .menubr01{
  display: block;
}

}