@charset "utf-8";

/*!
Theme Name: m-d-etoile-2018
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: LICENSE
Text Domain: m-d-etoile-2018
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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.

m-d-etoile-2018 is based on Underscores https://underscores.me/, (C) 2012-2017 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 https://necolas.github.io/normalize.css/
*/
body {
    height: 100%;
    overflow-y: scroll
}

#loader-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fcfdf5;
    z-index: 10005;
    overflow: hidden
}

#loader {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 112px;
    margin-top: -56px;
    margin-left: -150px;
    z-index: 20005
}

#loader img {
    width: 100%;
    height: auto
}

* {
    margin: 0;
    padding: 0
}

img {
    vertical-align: top;
    border: 0;
    margin: 0;
    padding: 0
}

.clr {
    clear: both
}

hr,
legend {
    display: none
}

.clearFix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearFix {
    min-height: 1px
}

* html .clearFix {
    height: 1px;
    /*\*/
    /**/
}

::-moz-selection {
    background: rgba(231, 229, 223, 0.4)
}

::selection {
    background: rgba(231, 229, 223, 0.4)
}

#content_box {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

a {
    overflow: hidden;
    cursor: pointer
}

a:hover {
    text-decoration: none
}

html,
body {
    height: 100%
}

body {
    font-family: 'Lusitana', "Times New Roman", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    line-height: 1.5;
    color: #414042;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "palt"
}

.countdown-meta p strong,
.countdown-num strong,
.single-pn-data-num strong {
    font-family: "adobe-caslon-pro", serif;
    font-weight: 700
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="submit"],
textarea {
    -webkit-appearance: none
}

.side-detail p {
    text-align: justify
}

.content-in {
    margin: 0 auto;
    width: 960px
}

.content-in-xx {
    width: 1060px
}

.content-in-x {
    width: 1010px
}

.content-in-l {
    width: 888px
}

.content-in-m {
    width: 840px
}

.content-in-s {
    width: 810px
}

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

.content-in {
    min-height: 1px
}

* html .content-in {
    height: 1px;
    /*\*/
    /**/
}

a,
.style__single a div {
    -webkit-transition: .4s;
    transition: .4s
}

.style__single a div {
    -webkit-transition: opacity 1s ease-out;
    -moz-transition: opacity 1s ease-out;
    -ms-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out
}

a:hover {
    opacity: .6
}

.header ul li a:hover,
.style__single a:hover,
.style__single a:hover div,
.instagram__wrapper a {
    opacity: 1
}

.style__single a div {
    opacity: 0
}

.header ul,
.salonmenu__list ul,
.category__list ul,
.archivecategory__wrapper dl dd ul {
    list-style: none
}

.header ul li a,
.footer__meta dl dd a,
.footer__copy ul li a,
.diary__wrapper section a,
.category__list ul li a,
.entry-header h1 a,
.entry-header h2 a,
.archivecategory__wrapper dl dd ul li a,
.footer__copyreserve strong a,
.index-slider p strong a {
    text-decoration: none
}

.footer__img img,
.about__salon__img img,
.pageheader img,
.salonmenu img,
.style__wrapper article img,
.diary__wrapper section .diary__mainimg img,
.instagram__wrapper section a img,
.salonmenu__img img {
    width: 100%;
    height: auto
}

.footer__meta dl dd a,
.footer__copy ul li a,
.diary__wrapper section a,
.category__list ul li a,
.wp-pagenavi a,
.entry-header h1 a,
.entry-header h2 a,
.entry-meta a,
.entry-content a,
.archivecategory__wrapper dl dd ul li a,
.post-navigation a,
.sp-menu-ul a,
.footer__copyreserve strong a,
.borderdashed a {
    color: #414042
}

.header--index h1 a {
    background: url("./img/h-logo.png") 0 0 no-repeat
}

.header--nest h1 a {
    background: url("./img/h-logo-b.png") 0 0 no-repeat
}

.header h1 {
    float: left;
    text-indent: -7777px;
    width: 255px;
    height: 95px
}

.header h1 a {
    display: block;
    width: 100%;
    height: 95px;
    background-size: contain
}

.header ul.header-menu-ul {
    float: right;
    margin-top: 2rem
}

.header ul.header-menu-ul,
.diary__wrapper,
.instagram__wrapper,
.category__list ul,
.style__wrapper,
.archivecategory__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-content: space-between;
    -ms-align-content: space-between;
    align-content: space-between;
    -webkit-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch
}

.category__list ul {
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.header ul,
.instagram__wrapper {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between
}

.style__wrapper,
.archivecategory__wrapper,
.diary__wrapper {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start
}

.archivecategory__wrapper section {
    flex: 29.8%;
    width: 29.8%\9;
    max-width: 29.8%
}

.diary__wrapper section,
.instagram__wrapper section {
    flex: 27.7%;
    width: 27.7%\9;
    max-width: 27.7%;
    margin: 0 2.8%
}

.salonmenu__wrapper section {
    width: 46.42%
}

.style__wrapper article {
    flex: 28.15%;
    width: 28.15%\9;
    max-width: 28.15%;
    margin: 0 2.59% 5.18%
}

.header ul.header-menu-ul li {
    margin-left: 2rem;
    font-weight: bold;
    font-size: 1.2rem
}

.header ul.header-menu-ul li a {
    text-indent: .06rem;
    letter-spacing: .06rem;
    padding-bottom: .2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0)
}

.header--index ul.header-menu-ul li a,
.header--index ul.header-menu-ul li a:hover {
    color: #FFF
}

.header--nest ul.header-menu-ul li a,
.header--nest ul.header-menu-ul li a:hover {
    color: #231f20
}

.header--index ul.header-menu-ul li a:hover {
    border-bottom: 1px solid #FFF
}

.header--nest ul.header-menu-ul li a:hover,
.header ul.header-menu-ul li.current-menu-item a {
    border-bottom: 1px solid #231f20
}

.index-slider p {
    width: 960px;
    position: absolute;
    z-index: 10000;
    left: 50%;
    bottom: 2rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #FFF
}

.index-slider p strong,
.index-slider p small {
    display: block;
    text-indent: -7777px
}

.index-slider p strong {
    background: url("./img/h-tel.png") 0 0 no-repeat;
    background-size: contain;
    width: 263px;
    height: 29px
}

.index-slider p small {
    background: url("./img/h-re.png") 0 0 no-repeat;
    background-size: contain;
    width: 63px;
    height: 13px;
    margin-bottom: .8rem
}

.content--left {
    float: left
}

.content--right {
    float: right
}

.content--cneter {
    text-align: center
}

.backgroundcolore9e7e1 {
    background: #e9e7e1
}

.backgroundcolorfcfdf5 {
    background: #fcfdf5
}

.content-wrapper {
    padding: 3rem 0
}

.instagram.content-wrapper {
    padding-bottom: 1.2rem
}

.footer__meta h1 {
    margin-bottom: 1rem
}

.footer__meta dl {
    overflow: hidden;
    margin-bottom: .5rem;
    line-height: 1.4rem;
    margin-left: 1rem;
    font-size: .9rem;
    letter-spacing: .05rem
}

.footer__meta dl dt,
.footer__meta dl dd {
    float: left
}

.footer__meta dl dt {
    width: 20%
}

.footer__img {
    width: 374px
}

.footer__copy {
    text-align: center
}

.footer__copy ul,
.footer__copy small {
    text-align: center
}

.footer__copy ul li {
    display: inline;
    margin-right: 1rem;
    padding-top: .5rem;
    line-height: 30px
}

.footer__copy ul li.footer--rborder::after {
    content: "/";
    font-size: 1rem;
    margin-left: 1rem
}

.footer__copy small {
    display: block;
    margin-top: 2rem
}

.footer__instagram {
    margin-left: 2rem
}

.footer__instagram a img,
.footer__line a img {
    border-radius: 50%
}

.content__header {
    margin-bottom: 2rem
}

.content__header h1 {
    font-size: 2.4rem;
    font-weight: normal;
    text-align: center
}

.instagram .content__header {
    margin-bottom: .6rem
}

.content__header h1 img {
    margin-right: 1.5rem
}

.diary__wrapper section {
    text-align: center
}

.diary__wrapper section time {
    font-style: italic;
    font-size: 1.8rem;
    letter-spacing: .2rem;
    text-indent: .2rem;
    margin-bottom: .2rem;
    display: block
}

.diary__wrapper section h1 {
    margin-top: 1rem;
    font-size: 1.1rem
}

.diary__wrapper section div {
    font-size: .8rem;
    margin: .2rem 0 .6rem
}

.diary__wrapper section div a {
    margin: 0 .2rem
}

.diary__wrapper section p {
    font-size: .8rem;
    line-height: 10px
}

.diary__wrapper section p a img {
    margin-right: .2rem
}

.about__salon__img {
    width: 41.48%
}

.about__salon__meta {
    width: 49.76%
}

.salonmenu__img,
.salonmenu__meta {
    width: 46.42%
}

.about__salon__meta {
    line-height: 2rem
}

.about__salon__meta h1 {
    font-weight: normal;
    font-size: 1.6rem;
    margin-bottom: .2rem;
    margin-top: .5rem
}

.about__salon__meta h2 {
    margin-top: .8rem
}

.about__salon__meta h2,
.salonmenu__meta h2 {
    font-weight: normal;
    font-size: 1.1rem;
    margin-bottom: 1.2rem
}

.salonmenu__meta h2 small {
    font-size: .8rem
}

.about__salon__meta p {
    margin-bottom: 1rem
}

.index__about__salon__meta p {
    letter-spacing: -0.07rem
}

.about__salon__meta h4 {
    font-weight: normal;
    margin-bottom: 1.2rem
}

.page__ttl {
    border-bottom: 1px dashed #6f6f6e;
    text-align: center;
    padding: 0rem 0 1.2rem;
    margin-bottom: 1.5rem
}

.pageblog .page__ttl {
    margin-bottom: 2rem
}

.page__ttl h1 {
    font-weight: normal;
    font-size: 2.2rem;
    text-indent: .06rem;
    letter-spacing: .06rem
}

.page__ttl h2 {
    font-size: 1.2rem;
    margin-top: .5rem
}

.pageblog .page__ttl h2 span {
    margin-right: .5rem
}

.salonmenu__wrapper {
    overflow: hidden
}

.salonmenu__list {
    margin-bottom: 2rem;
    border-top: 1px dashed #6f6f6e;
    padding-top: 2rem
}

.salonmenu__other {
    margin-top: 2rem
}

.cut__list,
.color__list,
.headspa__list,
.set__list,
.other__list {
    float: left
}

.treatment__list,
.perm__list,
.facial__list {
    float: right
}

.cut__list,
.treatment__list {
    border-top: 0;
    padding-top: 0rem
}

.salonmenu__list.kitsuke__list,
.salonmenu__list.other__list {
    border-bottom: 0
}

.salonmenu__list.other__list {
    width: 100%;
}

.salonmenu__list h3 {
    font-weight: normal;
    font-size: 1.5rem;
    margin-bottom: 1rem;
    text-indent: .06rem;
    letter-spacing: .06rem
}

.salonmenu__list h3 small {
    font-size: .8rem
}

.salonmenu__list p,
.salonmenu__list ul {
    margin-bottom: 1.5rem
}

.salonmenu__list ul {
    line-height: 1.8rem
}

.salonmenu__list ul li {
    text-indent: .06rem;
    letter-spacing: .06rem;
    overflow: hidden
}

.salonmenu__list ul li span,
.borderdashed h4 span {
    float: left;
    width: 80%;
    letter-spacing: -0.05rem
}

.salonmenu__list .borderdashed ul li span {
    width: 70%;
    letter-spacing: 0rem
}

.salonmenu__list ul li strong {
    font-weight: normal
}

.salonmenu__list ul li strong,
.borderdashed h4 strong {
    float: right;
    text-align: left;
    width: 20%
}

.salonmenu__list .borderdashed ul li strong {
    width: 30%;
    letter-spacing: 0rem
}

.borderdashed-top {
    margin-bottom: 1.5rem
}

.borderdashed {
    border: 1px dashed #6f6f6e;
    padding: .8rem 1.2rem 0 1.2rem;
    font-size: .9rem;
    margin-left: 1px;
    margin-right: 1px;
    border-left: 1px dashed #6f6f6e;
}

.salonmenu__list .borderdashed p,
.salonmenu__list .borderdashed ul {
    margin-bottom: .8rem
}

.borderdashed h4 {
    margin-bottom: .5rem;
    overflow: hidden
}

.borderdashed h4.borderdashed-b {
    border-bottom: 1px dashed #6f6f6e;
    padding-bottom: .8rem;
    margin-bottom: 1rem
}

.other__list {
    font-size: 1rem;
    text-align: justify;
    text-indent: .06rem;
    letter-spacing: .06rem;
    line-height: 1.5rem
}

.salonmenu__meta {
    line-height: 1.7rem
}

.salonmenu__meta p {
    font-size: .9rem;
    text-align: justify
}

.category__list {
    margin-bottom: 2rem
}

.category__list ul li {
    position: relative;
    margin: 0 1rem;
    font-size: 1.2rem
}

.category__list ul li::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 55%;
    display: block;
    background: #414042;
    top: 15%;
    right: -1rem
}

.category__list ul li:last-child::after {
    content: none
}

.style__single a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

.style__single a div {
    opacity: 0
}

.style__single a:hover div {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.65);
    color: #FFF
}

.style__single a p {
    display: none
}

.style__single a:hover p {
    position: absolute;
    display: block;
    width: 100%;
    top: 50%;
    left: 0;
    -webkit-transform: translatey(-50%);
    transform: translatey(-50%);
    text-indent: .06rem;
    letter-spacing: .06rem;
    font-size: 1.3rem;
    line-height: 1.8rem
}

.style__single a:hover span {
    display: block
}

.category__list ul li.category__list--current a {
    color: #e2dddb
}

.wp-pagenavi {
    margin-top: 3rem;
    overflow: hidden
}

.wp-pagenavi a,
.wp-pagenavi span {
    padding: .2rem .6rem;
    white-space: nowrap;
    float: left
}

.wp-pagenavi span.current {
    background: #e2dddb;
    border: 1px solid #bfbfbf;
    font-weight: normal
}

.pageblog article,
.pagesearch article {
    border-bottom: 1px dashed #6f6f6e;
    margin-bottom: 3rem
}

.entry-header h1,
.entry-header h2 {
    margin-bottom: .5rem
}

.entry-meta {
    overflow: hidden;
    margin-bottom: 2rem
}

.entry-meta-time {
    float: left;
    letter-spacing: .1rem
}

.entry-meta-category {
    float: right;
    letter-spacing: .1rem
}

.entry-content blockquote {
    background: #e9e7e1;
    display: inline-block;
    word-wrap: break-word;
    max-width: 100%;
    box-sizing: boder-box
}

.entry-content blockquote p {
    margin: .2em .5em
}

.entry-content table {
    border-top: 1px solid #6f6f6e;
    border-left: 1px solid #6f6f6e
}

.entry-content table tr th,
.entry-content table tr td {
    background: #FFF;
    padding: .2em 1em
}

.entry-content table tr th {
    border-bottom: 1px solid #6f6f6e;
    border-right: 1px solid #6f6f6e;
    font-size: .9em
}

.entry-content table tr td {
    border-right: 1px solid #6f6f6e;
    border-bottom: 1px solid #6f6f6e;
    font-size: .9em
}

.entry-content ol,
.entry-content ul {
    margin-left: 2em
}

.entry-content img {
    margin-bottom: 2rem
}

.entry-content p,
.entry-content blockquote,
.entry-content table,
.entry-content ol,
.entry-content ul {
    margin-bottom: 1.5em
}

.entry-content h1,
.entry-content h2 {
    margin-bottom: .5em
}

.entry-content p {
    font-size: 1.1rem;
    line-height: 2rem
}

.entry-content img {
    max-width: 100%;
    height: auto
}

.alignleft {
    display: inline;
    float: left
}

.alignright {
    display: inline;
    float: right
}

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

.post-navigation {
    border-bottom: 1px dashed #6f6f6e;
    overflow: hidden;
    padding-bottom: 3rem;
    font-size: 1rem
}

.navi_prev,
.navi_next {
    width: 50%
}

.navi_prev {
    float: left
}

.navi_prev span {
    float: left;
    margin-right: .5em
}

.navi_next {
    float: right;
    text-align: right
}

.navi_next span {
    float: right;
    margin-left: .5em
}

.archivecategory__wrapper dl dt {
    font-size: 1.2rem;
    margin-bottom: 2rem
}

.archivecategory__category dl dd ul li::before {
    content: "#"
}

#map {
    width: 100%;
    height: 0;
    padding-top: 80%
}

#sb_instagram.sbi_col_3 #sbi_images .sbi_item {
    padding: 25px !important;
    box-sizing: border-box
}

#sb_instagram .sbi_photo {
    display: block;
    height: 0 !important;
    padding-top: 100% !important
}

#sb_instagram .sbi_photo {
    background-size: contain
}

.about__salonimg1 {
    margin-bottom: 20px
}

.about__salonimg2,
.about__salonimg3 {
    width: 48.5%
}

.about__salonimg2 {
    float: left
}

.about__salonimg3 {
    float: right
}