@import url("font-awesome.min.css");
@import url("http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800");

/*リセット・デフォルトここから*/


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

html {
    height: 100%;
}

body {
    position: relative;
}

body {
    animation: start 2s ease 1;
}

img {
    vertical-align: top;
}

@keyframes start {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

#wrapper {}

body,
input,
select,
textarea {
    color: #595757;
    font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.65em;
}

a {
    color: #807c5c;
    text-decoration: none;
}

a:hover {
    opacity: 0.8;
}

* {
    box-sizing: border-box;
}

strong,
b {
    font-weight: 700;
}

em,
i {
    font-style: italic;
}

p,
ul,
ol,
dl,
table,
blockquote {
    margin: 0 0 2em 0;
}

p {
    line-height: 1.8em;
}

p.medium {
    font-size: 1.4em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: inherit;
    font-weight: 700;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
    text-decoration: none;
}

h2 {
    font-size: 1.5em;
}

h3 {
    font-size: 1.25em;
}

sub {
    font-size: 0.8em;
    position: relative;
    top: 0.5em;
}

sup {
    font-size: 0.8em;
    position: relative;
    top: -0.5em;
}

hr {
    border-top: solid 1px #82b440;
    border: 0;
    margin-bottom: 1.5em;
}

blockquote {
    border-left: solid 0.5em #82b440;
    font-style: italic;
    padding: 1em 0 1em 2em;
}

section.special,
article.special {
    text-align: center;
}

.right {
    float: right;
}

.left {
    float: left;
}

.cf {
    width: 100%;
}

.cf:after {
    content: "";
    display: block;
    clear: both;
}

.pc {
    display: block;
}

.pc-only {
    display: inline-block;
}

.sp {
    display: none;
}

#Concept,
#Salon,
#Plan01,
#Plan02,
#Artworks,
#Report,
#Stylist,
#Access {
    padding-top: 80px;
    margin-top: -80px;
}

.sample_form {
    text-align: center;
    margin: 0 auto;
    max-width: 400px;
    width: 100%;
    padding-bottom: 80px;
}

@media screen and (max-width: 767px) {
    .sample_form {
        text-align: center;
        margin: 0 auto;
        max-width: 500px;
        padding-left: 40px;
        width: 100%;
        padding-bottom: 80px;
    }
}

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

    .pc-only {
        display: none;
    }

    .sp {
        display: block;
    }

    #Concept,
    #Salon,
    #Plan01,
    #Plan02,
    #Artworks,
    #Report,
    #Stylist,
    #Access {
        padding-top: 0px;
        margin-top: -0px;
    }
}

.pc-tablet {
    display: block;
}

.sp-tablet {
    display: none;
}

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

    .sp-tablet {
        display: block;
    }
}

@media screen and (min-width: 568px) and (max-width: 736px) {
    .sp-wide {
        display: block;
    }

    .sp-tablet {
        display: none;
    }
}

.PChidden {
    display: none;
}

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

    .PChidden {
        display: block;
    }
}

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

.Wrap:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -100px;
    left: 0;
    width: 100%;
    height: 100px;
    background: url("../images/common/bg_white.png") no-repeat center 0;
    background-size: 100% 100px;
}

@media screen and (max-width: 767px) {
    .Wrap {
        position: relative;
        padding-top: 100px;
    }

    .Wrap:after {
        content: "";
        display: block;
        position: absolute;
        bottom: -100px;
        left: 0;
        width: 100%;
        height: 100px;
        background: url("../images/common/bg_white.png") no-repeat center 0;
        background-size: 100% 100px;
    }
}

#btnbox {
    position: relative;
    width: auto;
    width: 100%;
    height: 140px;
    margin: 0 auto;
    overflow: hidden;
}

#inner_01 {
    transition: 0.5s ease-in-out;
    position: relative;
    top: 10px;
    left: 0;
    right: 0;
    width: 100%;
    overflow: hidden;
}

#inner_02 {
    transition: 0.5s ease-in-out;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    width: 100%;
    overflow: hidden;
}

body #top_06_works_hide01,
body #top_06_works_hide02 {
    display: block;
    max-height: 0;
    transition: 0.5s ease-in-out;
    background-color: #fff;
    padding-top: 20px;
    width: 100%;
    clear: both;
    top: 50px;
    opacity: 0;
    overflow: hidden;
}

.close {
    opacity: 0;
    right: auto !important;
    left: 2000px !important;
}

.opne {
    opacity: 1 !important;
    max-height: 1000px !important;
    transition: 2s ease-in-out;
}

.wrapper {}


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


/*                       */


/*  head                     */


/*                       */


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


/* drawer */

.Drawer {
    position: fixed;
    top: 15%;
    right: -250px;
    width: 250px;
    height: 85%;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    background-color: #fff;
    z-index: 12000;
}

.Drawer ul {}

.Drawer ul li {}

.Drawer ul li a {
    display: block;
    padding: 15px 25px 0;
}

.Drawer ul li:nth-last-child(6) a {
    padding-bottom: 15px;
    border-bottom: #827c5a 1px solid;
}

.Drawer ul li:nth-last-child(2) a {
    padding-bottom: 15px;
    border-bottom: #827c5a 1px solid;
}

.Drawer.open {
    -webkit-transform: translate3d(-250px, 0, 0);
    transform: translate3d(-250px, 0, 0);
}


/* 開閉ボタン */

.DrawerBtn {
    display: block;
    position: fixed;
    top: 10px;
    right: 25px;
    z-index: 9999;
    width: 35px;
    height: 35px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 0 0 2px #827c5a;
    cursor: pointer;
}

.DrawerBtn:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 26px;
    height: 3px;
    margin: -1px 0 0 -13px;
    border-radius: 2px;
    background: #827c5a;
    box-shadow: 0 -6px 0 0 #827c5a, 0 6px 0 0 #827c5a;
    transition: 0.3s;
}

.DrawerBtn:hover:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 26px;
    height: 3px;
    margin: -1px 0 0 -13px;
    border-radius: 2px;
    background: #827c5a;
    box-shadow: 0 -6px 0 0 #827c5a, 0 6px 0 0 #827c5a;
    transition: 0.3s;
}

.DrawerBtn.active:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 26px;
    height: 3px;
    margin: -1px 0 0 -13px;
    border-radius: 2px;
    background: #827c5a;
    box-shadow: 0 -6px 0 0 #827c5a, 0 6px 0 0 #827c5a;
    transform: rotate(90deg);
    transition: 0.3s;
}


/* Head */

.Head {
    position: fixed;
    z-index: 10000;
    width: 100%;
    border-radius: 0 0 26px 26px;
    background: #827c5a;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.6);
    transition: 0.4s;
    height: 70px;
}

.HeadInner {
    padding: 8px 25px 0;
}

.HeadInner:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}

.HeadLogo {
    float: left;
    margin-bottom: 0;
    padding-top: 2px;
}

.HeadLogo img {
    width: auto;
    height: 50px;
}

.HeadNav {
    float: right;
    margin-top: 11px;
}

.HeadNav p {
    color: #fff;
    position: absolute;
    top: 45px;
    right: 27px;
    font-size: 10px;
}

.HeadAside {
    float: right;
    margin-right: 33px;
    padding-right: 24px;
}

.HeadAside ul {}

.HeadAside li {
    display: inline;
}

.HeadAside a {
    display: block;
    float: left;
    margin-right: 1em;
}

.HeadAside li:nth-child(1) a,
.HeadAside li:nth-child(2) a,
.HeadAside li:nth-child(3) a {
    margin-top: 12px;
}

.HeadAside li:nth-child(4) a,
.HeadAside li:nth-child(5) a {
    margin-right: 0.15em !important;
}

.HeadAside li:nth-child(4) a,
.HeadAside li:nth-child(5) a,
.HeadAside li:nth-child(6) a {
    margin-top: 6px;
}

.HeadAside img {}

.HeadAside img:hover {
    opacity: 0.8;
}

.cvArea {
    position: fixed;
    z-index: 10001;
    overflow: hidden;
    top: 100px;
    right: 0;
    width: 200px;
    height: 200px;
}

.cvArea li {
    position: absolute;
    right: -60px;
}

.cvArea li:nth-child(1) {
    top: 0;
}

.cvArea li:nth-child(2) {
    top: 50px;
}

.cvArea li:nth-child(3) {
    top: 100px;
}

.cvArea li img {
    width: auto;
    max-width: inherit;
    height: 64px;
}

@media screen and (min-width: 641px) and (max-width: 768px) {
    .HeadInner {
        padding: 8px 15px 0;
    }

    .HeadLogo img {
        width: auto;
        height: 45px;
    }

    .HeadAside {
        float: right;
        margin-right: 55px;
        padding-right: 0px;
    }

    .HeadAside img {
        width: 90%;
    }

    .HeadAside a {
        display: block;
        float: left;
        margin-right: 0.2em;
    }
}

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

    /* Head */
    .Head {
        position: fixed;
        z-index: 10000;
        width: 100%;
        border-radius: 0 0 26px 26px;
        background: #827c5a;
        box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.82);
    }

    .HeadInner {
        padding: 10px;
    }

    .HeadInner:after {
        content: "";
        display: block;
        clear: both;
        height: 0;
    }

    .HeadLogo {
        float: left;
    }

    .HeadLogo img {
        width: auto;
        height: 30px;
    }

    .HeadNav {
        float: right;
        margin-top: 0;
    }

    .HeadNav p {
        color: #827c58;
        position: absolute;
        top: 48px;
        right: 14px;
        font-size: 11px;
    }

    .HeadNav img {
        width: auto;
        height: 30px;
    }

    .HeadAside {
        display: none;
    }

    .cvArea {
        position: fixed;
        overflow: hidden;
        top: 20%;
        right: 0;
        width: 80px;
        height: 200px;
    }

    .cvArea li {
        position: absolute;
        right: -200px;
    }

    .cvArea li:nth-child(1) {
        top: 0;
    }

    .cvArea li:nth-child(2) {
        top: 80px;
    }

    .cvArea li:nth-child(4) {
        top: 100px;
    }

    .cvArea li img {
        width: auto;
        max-width: inherit;
        height: 64px;
    }
}

@media screen and (max-width: 767px) {
    .Head {
        position: fixed;
        top: 0;
        z-index: 10000;
        width: 100%;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .HeadInner {
        padding: 10px;
    }

    .HeadInner:after {
        content: "";
        display: block;
        clear: both;
        height: 0;
    }

    .HeadLogo {
        float: left;
        margin-bottom: 0;
    }

    .HeadLogo img {
        width: auto;
        height: 70px;
    }

    .HeadNav {
        position: absolute;
        top: 0;
        right: 0;
        float: none;
        margin-top: 0;
    }

    .HeadAside {
        display: none;
    }

    .HeadAside ul {}

    .HeadAside li {
        display: inline;
    }

    .HeadAside a {
        display: block;
        float: left;
        margin-right: 1em;
    }

    .HeadAside li:nth-child(1),
    .HeadAside li:nth-child(2),
    .HeadAside li:nth-child(3),
    .HeadAside li:nth-child(4),
    .HeadAside li:nth-child(5) {
        display: none;
    }

    .HeadAside li:nth-child(4) a,
    .HeadAside li:nth-child(5) a,
    .HeadAside li:nth-child(6) a {
        margin-top: 11px;
    }

    .HeadAside img {}

    .HeadAside img:hover {
        opacity: 0.8;
    }

    .DrawerBtn {
        display: block;
        position: fixed;
        top: 10px;
        right: 10px;
        z-index: 9999;
        width: 40px;
        height: 40px;
        border-radius: 20px;
        background: #827c5a;
        box-shadow: none;
        cursor: pointer;
    }

    .DrawerBtn:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 26px;
        height: 3px;
        margin: -1px 0 0 -13px;
        border-radius: 2px;
        background: #fff;
        box-shadow: 0 -6px 0 0 #fff, 0 6px 0 0 #fff;
        transition: 0.3s;
    }

    .DrawerBtn:hover:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 26px;
        height: 3px;
        margin: -1px 0 0 -13px;
        border-radius: 2px;
        background: #fff;
        box-shadow: 0 -6px 0 0 #fff, 0 6px 0 0 #fff;
        transition: 0.3s;
    }

    .DrawerBtn.active:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 26px;
        height: 3px;
        margin: -1px 0 0 -13px;
        border-radius: 2px;
        background: #fff;
        box-shadow: 0 -6px 0 0 #fff, 0 6px 0 0 #fff;
        transform: rotate(90deg);
        transition: 0.3s;
    }

    .Drawer {
        position: fixed;
        top: 60px;
        right: -250px;
        width: 250px;
        height: 85%;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
        background-color: #fff;
        z-index: 12000;
    }

    .cvArea {
        position: fixed;
        overflow: hidden;
        top: 70px;
        right: -140px;
        width: 200px;
        height: 200px;
    }

    .cvArea li {
        position: absolute;
        right: -60px;
    }

    .cvArea li:nth-child(1) {
        top: 0;
    }

    .cvArea li:nth-child(2) {
        top: 50px;
    }

    .cvArea li img {
        width: auto;
        max-width: inherit;
        height: 64px;
    }
}


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


/*                       */


/*  slider                     */


/*                       */


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


/* slider */

.slider {
    position: relative;
    padding-top: 0px;
    left: 0;
    width: 100%;
    height: auto;
}

.slider-pro_pc {
    display: block;
}

.slider-pro_sp {
    display: none;
}

@media screen and (max-width: 768px) {
    .slider-pro_pc {
        display: none;
    }

    .slider-pro_sp {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .opr-page.first {
        display: block;
        position: relative;
        z-index: 21;
        margin-bottom: 0px;
    }

    .slider {
        margin-bottom: 0;
        padding-top: 0;
        height: auto;
    }
}


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


/*                       */


/*  indexMenu                    */


/*                       */


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


/* indexMenu */

.indexMenu {
    position: relative;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
}

.indexMenuWrap {
    display: table;
    width: 90%;
    height: 100%;
    text-align: center;
    background-color: #fff;
    margin: 0 auto;
}

@media screen and (min-width: 1300px) {
    .indexMenuWrap {
        display: table;
        width: 70%;
    }
}

.indexMenuOuter {
    display: table-cell;
    width: 100%;
    /* padding-top: 110px; */
    padding-bottom: 100px;
    text-align: center;
    vertical-align: middle;
}

.indexMenuInner {}

.indexMenuInner ul {
    margin-bottom: 0;
    width: 100%;
    font-size: 0;
}

.indexMenuInner li {
    display: inline-block;
    width: 11.111111%;
    padding: 5px;
}

.bottom_white {
    background-size: cover;
    background-color: #827c5a;
}

.bottom_white2 {
    background-size: cover;
    position: relative;
    z-index: 2000;
}

.bottom_gold {
    background-size: cover;
    position: relative;
    z-index: 2000;
}

@media screen and (min-width: 641px) and (max-width: 768px) {
    .indexMenuWrap {
        width: 80%;
    }

    .indexMenuOuter {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .indexMenuInner li {
        display: inline-block;
        width: 25%;
        padding: 10px;
    }
}

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

    .opr-page.second,
    .indexMenu {
        display: none;
    }
}


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


/*                       */


/*  indexConcept                   */


/*                       */


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


/* indexConcept */


/*
.indexConcept { position:absolute; z-index:10; width:100%; height:90%; color:#fff; text-align:center; background-color:#827c5a; }
.indexConcept:after { content:''; display:block; position:absolute; bottom:-100px; left:0; width:100%; height:100px; background:url('../images/common/bg_mos.png') no-repeat center 0; background-size:100% 100px; }
*/

.indexConceptWrap {
    display: table;
    position: relative;
    z-index: 10;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    background-color: #827c5a;
}

.indexConceptInner {
    display: table-cell;
    width: 100%;
    padding-top: 100px;
    padding-bottom: 80px;
    text-align: center;
    vertical-align: middle;
}

.indexConcept {
    position: relative;
    overflow: auto;
}

.indexConcept figure {
    display: block;
    margin-bottom: 30px;
}

.indexConcept p {
    margin-bottom: 0;
}

.conceptSlideWrap {}

.conceptSlide {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #fff;
}

.conceptSlideOuter {}

.conceptSlideInner {}

.conceptSlideInner img {
    width: 100%;
    height: auto;
}

.conceptSlideText {
    display: table-cell;
    position: relative;
    text-align: center;
    vertical-align: middle;
}

.conceptSlideText h2 {
    margin-bottom: 40px;
}

.conceptSlideText p {}

.concept02SlideWrap {
    position: relative;
    z-index: 10;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    padding-bottom: 50px;
}

. .concept02SlideOuter img {
    height: 300px;
    width: 100%;
}

.concept02SlideOuter>div {}

.concept02SlideTextOuter {
    display: table;
    position: relative;
    top: ;
    left: 0;
    width: 100%;
    height: 40%;
    text-align: center;
    vertical-align: middle;
}

.concept02SlideText {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding-top: 60px;
    padding-bottom: 10px;
}

.concept02SlideText h2 {}

.concept02SlideText p {
    margin-bottom: 35px;
}

@media screen and (max-width: 767px) {
    .indexConceptInner {
        display: block;
        position: relative;
        padding-top: 75px;
    }

    .indexConcept {
        display: block;
        position: relative;
        z-index: 10;
        width: 100%;
        padding-bottom: 30px;
        color: #fff;
        text-align: center;
        background-color: #827c5a;
    }

    .indexConcept p {
        padding: 0 1em;
        letter-spacing: -0.02em;
    }

    .indexConcept p br {
        /* display:none; */
    }

    .concept02SlideWrap {
        position: relative;
        width: 100%;
        height: auto;
        margin-bottom: 0px;
        color: #827c5a;
        text-align: center;
        background-color: #fff;
    }

    .concept02SlideWrap .bx-wrapper {
        width: 100%;
        margin-top: -35px;
        height: 500px;
    }

    .concept02SlideOuter {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .concept02SlideOuter>div {
        height: 100%;
    }

    .concept02SlideOuter .salon-slide01 {
        background: url("../images-sp/salon-slide01.png") no-repeat center center;
        background-size: cover;
        height: 500px;
    }

    .concept02SlideOuter .salon-slide02 {
        background: url("../images-sp/salon-slide02.png") no-repeat center center;
        background-size: cover;
        height: 500px;
    }

    .concept02SlideOuter .salon-slide03 {
        background: url("../images-sp/salon-slide03.png") no-repeat center center;
        background-size: cover;
        height: 500px;
    }

    .concept02SlideOuter .salon-slide04 {
        background: url("../images-sp/salon-slide04.png") no-repeat center center;
        background-size: cover;
        height: 500px;
    }

    .concept02SlideOuter .salon-slide05 {
        background: url("../images-sp/salon-slide05.png") no-repeat center center;
        background-size: cover;
        height: 500px;
    }

    .concept02SlideOuter .salon-slide06 {
        background: url("../images-sp/salon-slide06.png") no-repeat center center;
        background-size: cover;
        height: 500px;
    }

    .concept02SlideOuter .salon-slide07 {
        background: url("../images-sp/salon-slide07.png") no-repeat center center;
        background-size: cover;
        height: 500px;
    }

    .concept02SlideOuter .salon-slide08 {
        background: url("../images-sp/salon-slide08.png") no-repeat center center;
        background-size: cover;
        height: 500px;
    }

    .concept02SlideOuter img {
        width: auto;
        height: 100%;
    }

    .concept02SlideTextOuter {
        display: block;
        position: relative;
        width: 100%;
        height: auto;
        padding-top: 0px;
        text-align: center;
        vertical-align: middle;
    }

    .concept02SlideText {
        display: block;
        text-align: center;
        vertical-align: middle;
        padding-top: 50px;
        padding-bottom: 10px;
    }

    .concept02SlideText h2 {
        text-align: center;
    }

    .concept02SlideText p {
        margin-bottom: 20px;
    }
}


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


/*                       */


/*  indexPlan                    */


/*                       */


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


/* indexPlan01 */

.indexPlan01 {
    display: table;
    position: relative;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    margin-top: 0px;
}

.indexPlan01Inner {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding-bottom: 55px;
}

.indexPlan01Inner h2 {
    margin-bottom: 30px;
}

.indexPlan01Inner figure {
    margin-bottom: 60px;
    z-index: 0;
}

.indexPlan01Inner figure img {
    width: 100%;
}

.indexPlan01Inner figure.sp {
    display: none;
}

.indexPlan01Inner p a {
    display: inline-block;
    min-height: 33px;
    padding-top: 3px;
    padding-left: 43px;
    line-height: 33px;
    background: url("../images/common/icon_arrow-right.png") no-repeat;
}

.indexPlan01Inner p+p {
    margin-bottom: 0;
}


/* indexPlan02 */

.indexPlan02 {
    display: table;
    position: relative;
    z-index: 8;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    background-color: #827c5a;
    margin-top: 0px;
}

.indexPlan02Inner {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding-bottom: 60px;
}

.indexPlan02Inner h2 {
    margin-bottom: 30px;
}

.indexPlan02Inner figure {
    display: block;
    margin-bottom: 60px;
}

.indexPlan02Inner figure img {
    width: 100%;
}

.indexPlan02Inner figure.sp {
    display: none;
}

.indexPlan02Inner p a {
    display: inline-block;
    min-height: 33px;
    padding-top: 3px;
    padding-left: 43px;
    color: #fff;
    line-height: 33px;
    background: url("../images/common/icon_arrow-right-wh.png") no-repeat;
}

.indexPlan02Inner p+p {
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .indexPlan01 {
        display: block;
        position: relative;
        z-index: 9;
        width: 100%;
        padding-top: 0;
        text-align: center;
        background-color: #fff;
        margin-top: 0px;
    }

    .indexPlan01Inner {
        display: block;
        position: relative;
        padding: 0 0 40px 0;
        text-align: center;
        vertical-align: middle;
    }

    .indexPlan01Inner figure {
        margin-bottom: 50px;
        z-index: 0;
    }

    .indexPlan01Inner figure.pc {
        display: none;
    }

    .indexPlan01Inner figure.sp {
        display: block;
    }

    .opr-page.sixth {
        display: block;
        position: relative;
        z-index: 17;
        min-height: 706px;
    }

    .indexPlan02 {
        display: block;
        position: relative;
        z-index: 8;
        width: 100%;
        padding: 0 0 40px 0;
        color: #fff;
        text-align: center;
        background-color: #827c5a;
    }

    .indexPlan02Inner {
        display: block;
        position: relative;
        padding-top: 0;
        padding-bottom: 5px;
    }

    .indexPlan02Inner figure.pc {
        display: none;
    }

    .indexPlan02Inner figure.sp {
        display: block;
        margin-bottom: 40px;
    }
}


/* artwork */

.artwork {
    display: table;
    position: relative;
    z-index: 7;
    width: 100%;
    height: 100%;
    text-align: center;
}

.artworkInner {
    display: table-cell;
    position: relative;
    padding-top: 80px;
    text-align: center;
    vertical-align: middle;
    background-color: #fff;
    padding-bottom: 35px;
}

.artworkInner ul {
    text-align: center;
}

.artworkInner ul:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}

.artworkInner li {
    display: inline-block;
    width: 30%;
    margin: 0 20px 0;
    vertical-align: top;
}

.artworkInner h2 {
    margin-bottom: 10px;
}

.artworkInner h3 {
    margin-bottom: 10px;
}

.artworkInner figure {
    display: block;
    margin-bottom: 15px;
}

.artworkInner figure img {
    width: 285px;
}

.artworkInner p {
    margin-bottom: 12px;
}

.artworkInner p a {
    display: inline-block;
    min-height: 33px;
    padding-top: 3px;
    padding-left: 43px;
    color: #fff;
    line-height: 33px;
    background: url("../images/common/icon_arrow-right.png") no-repeat;
}

.artworkInner p+p {
    margin-bottom: 0;
}

@media screen and (min-width: 641px) and (max-width: 768px) {
    .artworkInner li {
        display: inline-block;
        width: 35%;
        margin: 0 20px 0;
        vertical-align: top;
    }
}

@media screen and (max-width: 767px) {
    .opr-page.seventh {
        display: block;
        position: relative;
        z-index: 16;
        min-height: 1250px;
    }

    .artworkInner {
        display: block;
        position: relative;
        padding: 55px 0 30px;
        background-color: #fff;
    }

    .conceptSlideInner img {
        width: 100%;
        height: auto;
    }

    .artworkInner li {
        display: block;
        width: 90%;
        margin: 0 auto 20px;
    }
}


/* indexVoice */

.indexVoice {
    position: relative;
    z-index: 6;
    width: 100%;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    background-color: #827c5a;
    margin-top: 0px;
}

.indexVoiceOuter {
    display: table;
    position: relative;
    width: 100%;
    text-align: center;
    vertical-align: middle;
}

.indexVoice figure {
    display: block;
    margin-bottom: 60px;
}

.indexVoice figure img {
    width: 100%;
}

.indexVoice figure.sp {
    display: none;
}

.indexVoiceInner {
    display: table;
    position: relative;
    padding-top: 0px;
    left: 0;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    padding-bottom: 60px;
}

.indexVoiceInner2 {
    display: table-cell;
    width: 100%;
    text-align: center;
    vertical-align: middle;
}

.indexVoiceInner h2 {
    margin-bottom: 20px;
}

.indexVoiceInner p {
    margin-bottom: 20px;
}

.indexVoiceInner p a {
    display: inline-block;
    min-height: 33px;
    padding-top: 3px;
    padding-left: 43px;
    color: #fff;
    line-height: 33px;
    background: url("../images/common/icon_arrow-right-wh.png") no-repeat;
}

.indexVoiceInner p+p {
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .opr-page.eigth {
        display: block;
        position: relative;
        z-index: 15;
        min-height: inherit;
    }

    .indexVoice {
        display: block;
        position: relative;
        z-index: 6;
        width: 100%;
        height: auto;
        color: #fff;
        text-align: center;
        vertical-align: middle;
        background-color: #827c5a;
    }

    .indexVoiceOuter {
        display: block;
        position: relative;
        width: 100%;
        text-align: center;
        vertical-align: middle;
    }

    .indexVoice figure.pc {
        display: none;
    }

    .indexVoice figure.sp {
        display: block;
        margin-bottom: 0;
    }

    .indexVoice figure {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        overflow: hidden;
        width: 100%;
        height: 100%;
        padding-top: 0;
        text-align: center;
        background-size: cover;
    }

    .indexVoice figure img {
        width: 100%;
        height: auto;
    }

    .indexVoiceInner {
        display: block;
        position: relative;
        top: inherit;
        left: 0;
        width: 100%;
        height: auto;
        padding: 40px 0;
        text-align: center;
        vertical-align: middle;
    }

    .indexVoiceInner2 {
        display: block;
        position: relative;
        width: 100%;
        height: auto;
        text-align: center;
        vertical-align: middle;
    }

    .indexVoiceInner h2 {
        margin-bottom: 0.7em;
    }

    .indexVoiceInner p {}

    .indexVoiceInner p a {
        display: inline-block;
        min-height: 33px;
        padding-top: 3px;
        padding-left: 43px;
        color: #fff;
        line-height: 33px;
        background: url("../images/common/icon_arrow-right-wh.png") no-repeat;
    }
}


/* indexStaff */

.indexStaff {
    display: table;
    position: relative;
    z-index: 5;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    background-color: #fff;
}

.indexStaffOuter {
    display: table-cell;
    width: 100%;
    height: 100%;
    padding-top: 70px;
    text-align: center;
    vertical-align: middle;
}

.indexStaffInner {
    display: inline-block;
    padding-bottom: 70px;
}

.indexStaffInner h2 {
    margin-bottom: 20px;
}

.indexStaffInner figure {
    display: block;
    margin-bottom: 20px;
}

.indexStaff figure.sp {
    display: none;
}

.indexStaffInner p {
    margin-bottom: 10px;
}

.indexStaffInner p strong {
    font-size: 1.2em;
    font-weight: 400;
}

.indexStaffInner p a {
    display: inline-block;
    min-height: 33px;
    padding-top: 3px;
    padding-left: 43px;
    line-height: 33px;
    background: url("../images/common/icon_arrow-right.png") no-repeat;
}

.indexStaffInner p+p {
    margin-bottom: 0;
}

@media screen and (min-width: 641px) and (max-width: 768px) {
    .indexStaffInner p {
        padding: 0 30px;
    }

    .indexStaffInner p strong {
        line-height: 45px;
    }
}

@media screen and (max-width: 767px) {
    .opr-page.nineth {
        display: block;
        position: relative;
        z-index: 14;
        min-height: inherit;
    }

    .indexStaffOuter {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        padding: 40px 0;
        text-align: center;
        vertical-align: middle;
    }

    .indexStaff {
        display: block;
        position: relative;
        z-index: 5;
        width: 100%;
        padding-top: 0;
        text-align: center;
        background-color: #fff;
    }

    .indexStaffInner {
        width: 100%;
        margin: 0 auto;
        padding-bottom: 0px;
    }

    .indexStaffInner p strong {
        line-height: 60px;
        font-size: 1.5em;
    }

    .indexStaff figure.pc {
        display: none;
    }

    .indexStaff figure.sp {
        display: block;
        margin-bottom: 15px;
        width: 100%;
    }

    .indexStaff figure img {
        width: 100%;
        height: auto;
    }

    .indexStaffInner p {
        width: 92%;
        margin: 0 auto;
        padding-bottom: 15px;
    }
}


/* indexAccess */

.indexAccess {
    display: table;
    position: relative;
    z-index: 4;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    background-color: #fff;
    margin-top: 0px;
}

.indexAccess iframe {
    display: block;
    position: relative;
    width: 100%;
    height: 450px;
}

.indexAccessOuter {
    display: table;
    position: relative;
    top: 50%;
    width: 100%;
    height: 50%;
    text-align: center;
    vertical-align: middle;
}

.indexAccessInner {
    display: table-cell;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    padding-top: 60px;
    padding-bottom: 55px;
}

.indexAccessInner:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}

.indexAccessInner h2 {
    margin-bottom: 20px;
}

.indexAccessInner ul {
    display: inline-block;
    width: 33%;
    margin: 0 10px;
    text-align: left;
    vertical-align: top;
}

.indexAccessInner li {
    display: block;
    min-height: 33px;
    margin-bottom: 0.35em;
    padding-top: 3px;
    padding-left: 43px;
}

.indexAccessInner ul li:nth-child(1) {
    background: url("../images/common/icon_access.png") no-repeat;
}

.indexAccessInner ul li:nth-child(2) {
    background: url("../images/common/icon_tel.png") no-repeat;
}

.indexAccessInner ul li:nth-child(3) {
    background: url("../images/common/icon_fax.png") no-repeat;
}

.indexAccessInner ul li:nth-child(4) {
    background: url("../images/common/icon_mail.png") no-repeat;
}

.indexAccessInner ul+ul li {}

.indexAccessInner ul+ul li:nth-child(1) {
    background: url("../images/common/icon_car.png") no-repeat;
}

.indexAccessInner ul+ul li:nth-child(2) {
    background: url("../images/common/icon_bus.png") no-repeat;
}

.indexAccessInner li small {
    line-height: 1.2;
    font-size: 0.8em;
}

@media screen and (max-width: 767px) {
    .indexAccess {
        display: block;
        position: relative;
        z-index: 4;
        width: 100%;
        height: auto;
        text-align: center;
        background-color: #fff;
    }

    .indexAccess iframe {
        display: block;
        width: 100%;
        height: 320px;
        margin-bottom: 40px;
    }

    .indexAccessOuter {
        display: block;
        position: relative;
        width: 100%;
        height: 50%;
        text-align: center;
        vertical-align: middle;
    }

    .indexAccessInner {
        display: block;
        position: relative;
        width: 90%;
        height: 100%;
        margin: 0 auto;
        text-align: center;
        vertical-align: middle;
        padding-top: 0px;
    }

    .indexAccessInner:after {
        content: "";
        display: block;
        clear: both;
        height: 0;
    }

    .indexAccessInner h2 {
        margin-bottom: 20px;
    }

    .indexAccessInner ul {
        display: block;
        width: 92%;
        margin: 0 auto;
        text-align: left;
        vertical-align: top;
    }

    .indexAccessInner li {
        display: block;
        min-height: 33px;
        margin-bottom: 0.4em;
        padding-top: 3px;
        padding-left: 43px;
    }

    .indexAccessInner ul li:nth-child(1) {
        background: url("../images/common/icon_access.png") no-repeat;
    }

    .indexAccessInner ul li:nth-child(2) {
        background: url("../images/common/icon_tel.png") no-repeat;
    }

    .indexAccessInner ul li:nth-child(3) {
        background: url("../images/common/icon_fax.png") no-repeat;
    }

    .indexAccessInner ul li:nth-child(4) {
        background: url("../images/common/icon_mail.png") no-repeat;
    }

    .indexAccessInner ul+ul li:nth-child(1) {
        background: url("../images/common/icon_car.png") no-repeat;
    }

    .indexAccessInner ul+ul li:nth-child(2) {
        background: url("../images/common/icon_bus.png") no-repeat;
    }

    .indexAccessInner li small {
        font-size: 0.8em;
    }
}


/* Foot */

.indexFoot {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    background-color: #827c5a;
}

.indexFootOuter {
    display: table-cell;
    width: 100%;
    height: 100%;
    padding-top: 20px;
    text-align: center;
    vertical-align: middle;
}

.indexFootInner {
    display: block;
    width: 80%;
    margin: 0 auto;
}

.indexFoot figure {
    display: block;
    margin-bottom: 20px;
    text-align: center;
}

.indexFoot figure img {
    width: auto;
    height: 160px;
}

.indexFoot nav {
    margin-bottom: 20px;
    padding: 15px 0;
    border-top: #fff 1px solid;
    border-bottom: #fff 1px solid;
}

.indexFoot nav:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}

.indexFoot nav ul {
    float: left;
    width: 33%;
    margin-bottom: 0;
    padding-left: 2em;
    list-style: disc;
    text-align: left;
}

.indexFoot nav ul:nth-child(2) {
    width: 34%;
}

.indexFoot nav li {}

.indexFoot nav li.indent {
    list-style: none;
}

.indexFoot nav a {
    color: #fff;
}

.pageEnd {
    padding-bottom: 0;
}

.pageEnd figure {
    display: block;
    margin-bottom: 10px;
    text-align: center;
}

.pageEnd figure img {
    width: auto;
    height: 130px;
}

.pageEnd ul {
    margin-bottom: 0 !important;
    text-align: center;
}

.pageEnd ul li {
    display: inline-block;
    margin: 0 10px;
}

.pageEnd small {
    display: block;
    font-size: 0.8em;
    text-align: center;
}

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

    /* Foot */
    .opr-page.ereventh {
        position: relative;
    }

    .indexFoot {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        color: #fff;
        text-align: center;
        vertical-align: middle;
        background-color: #827c5a;
    }

    .indexFootOuter {
        display: block;
        width: 94%;
        height: 100%;
        margin: 0 auto;
        padding: 40px 0;
        text-align: center;
        vertical-align: middle;
    }

    .indexFootInner {
        display: inline-block;
        position: relative;
        width: 90%;
        max-width: auto;
        margin: 0 auto;
    }

    .indexFoot figure {
        display: block;
        margin-bottom: 30px;
        text-align: center;
    }

    .indexFoot nav {
        margin-bottom: 30px;
        padding: 30px 0 0;
        border-top: #fff 1px solid;
        border-bottom: #fff 1px solid;
    }

    .indexFoot nav:after {
        content: "";
        display: block;
        clear: both;
        height: 0;
    }

    .indexFoot nav ul {
        float: left;
        width: 25%;
        padding-left: 2em;
        list-style: disc;
        text-align: left;
    }

    .indexFoot nav li {}

    .indexFoot nav a {
        color: #fff;
    }

    .indexFoot .pagetop img {
        width: 30px;
        height: auto;
        margin-top: 15px;
    }

    .pageEnd {
        padding-bottom: 40px;
    }

    .pageEnd figure {
        display: block;
        text-align: center;
    }

    .pageEnd ul {
        margin-bottom: 20px;
        text-align: center;
    }

    .pageEnd ul li {
        display: inline-block;
        margin: 0 3px;
    }

    .pageEnd small {
        display: block;
        font-size: 0.8em;
        text-align: center;
    }

    .Foot nav {
        text-align: center;
    }

    .Foot small+a {
        display: block;
        margin: 20px auto;
        text-align: center;
    }

    .Foot small+a img {
        width: 30px;
        height: auto;
    }
}


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


/*                                                                        */


/*  Content                                                               */


/*                                                                        */


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

.Wrap header {
    margin-botto: 40px;
    text-align: center;
}

.Wrap header h1 {
    margin-bottom: 20px;
}

.WrapInner {
    max-width: 1210px;
    margin: 0 auto;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .Wrap header {
        margin-botto: 40px;
        text-align: center;
    }

    .Wrap header h1 {
        margin-bottom: 20px;
    }

    .WrapInner {
        width: 100%;
        min-width: 320px;
        margin: 0 auto 0;
    }
}


/* artWork */

.ArtWork {
    padding-top: 150px;
}

.ArtWorkInner {
    margin-bottom: 40px;
}

.ArtWorkInner:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}

.ArtWork.ja .ArtWorkPhoto {
    margin-bottom: 0;
}

.ArtWork.ja .ArtWorkPhoto:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}

.ArtWork.ja .ArtWorkPhoto li {
    float: left;
    width: 25%;
    margin: 0 0 25px;
}

.ArtWork.ja .ArtWorkPhoto li:nth-child(4n+5) {
    clear: both;
}

.ArtWork.ja .ArtWorkPhoto li figure {
    display: block;
    position: relative;
    overflow: hidden;
}

.ArtWork.ja .ArtWorkPhoto li figcaption {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    padding: 50% 10px 10px 10px;
    color: #212121;
    text-align: center;
    opacity: 0;
    transition: 0.5s;
}

.ArtWork.ja .ArtWorkPhoto li figcaption b {
    color: #595757;
    font-size: 1.3em;
}

.ArtWork.ja .ArtWorkPhoto li img {
    position: relative;
    width: 100%;
    height: auto;
}

.ArtWork.ja .ArtWorkPhoto li figure:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0);
    transition: 0.5s;
}

.ArtWork.ja .ArtWorkPhoto li figure:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    width: 100%;
    height: 100%;
    border: rgba(255, 255, 255, 0) 0 solid;
    box-sizing: border-box;
    transition: 0.3s;
}

.ArtWork.ja .ArtWorkPhoto li:hover figcaption {
    opacity: 1;
    transition: 0.5s;
}

.ArtWork.ja .ArtWorkPhoto li:hover figure:before {
    background: rgba(255, 255, 255, 0.5);
    transition: 0.5s;
}

.ArtWork.ja .ArtWorkPhoto li:hover figure:after {
    border: rgba(255, 255, 255, 1) 10px solid;
    transition: 0.3s;
}

.ArtWork.ja .viewMore-ja {
    padding: 40px 0;
    text-align: center;
}

.ArtWork.ja .viewMore-ja a {
    display: inline-block;
    position: relative;
    min-height: 45px;
    padding: 0.675em 70px 0 0;
}

.ArtWork.ja .viewMore-ja a:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 46px;
    min-height: 45px;
    background: url("../images/common/icon_arrow-bottom.png") no-repeat right center;
    transition: 0.4s;
}

.ArtWork.ja .viewMore-ja a.active:after {
    transform: rotate(180deg);
    transition: 0.4s;
}

.ArtWork.en .ArtWorkPhoto {
    margin-bottom: 0;
}

.ArtWork.en .ArtWorkPhoto:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}

.ArtWork.en .ArtWorkPhoto li {
    float: left;
    width: 25%;
    margin: 0 0 25px;
}

.ArtWork.en .ArtWorkPhoto li:nth-child(4n+5) {
    clear: both;
}

.ArtWork.en .ArtWorkPhoto li figure {
    display: block;
    position: relative;
    overflow: hidden;
}

.ArtWork.en .ArtWorkPhoto li figcaption {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    padding: 50% 10px 10px 10px;
    color: #212121;
    text-align: center;
    opacity: 0;
    transition: 0.5s;
}

.ArtWork.en .ArtWorkPhoto li figcaption b {
    color: #595757;
    font-size: 1.3em;
}

.ArtWork.en .ArtWorkPhoto li img {
    position: relative;
    width: 100%;
    height: auto;
}

.ArtWork.en .ArtWorkPhoto li figure:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0);
    transition: 0.5s;
}

.ArtWork.en .ArtWorkPhoto li figure:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    width: 100%;
    height: 100%;
    border: rgba(255, 255, 255, 0) 0 solid;
    box-sizing: border-box;
    transition: 0.3s;
}

.ArtWork.en .ArtWorkPhoto li:hover figcaption {
    opacity: 1;
    transition: 0.5s;
}

.ArtWork.en .ArtWorkPhoto li:hover figure:before {
    background: rgba(255, 255, 255, 0.5);
    transition: 0.5s;
}

.ArtWork.en .ArtWorkPhoto li:hover figure:after {
    border: rgba(255, 255, 255, 1) 10px solid;
    transition: 0.3s;
}

.ArtWork.en .viewMore-en {
    padding: 40px 0;
    text-align: center;
}

.ArtWork.en .viewMore-en a {
    display: inline-block;
    position: relative;
    min-height: 45px;
    padding: 0.675em 70px 0 0;
}

.ArtWork.en .viewMore-en a:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 46px;
    min-height: 45px;
    background: url("../images/common/icon_arrow-bottom.png") no-repeat right center;
    transition: 0.4s;
}

.ArtWork.en .viewMore-en a.active:after {
    transform: rotate(180deg);
    transition: 0.4s;
}

.ArtWorkMovie {}

.ArtWorkMovie:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}

.ArtWorkMovie li {
    float: left;
    width: 32%;
    margin: 0 0 25px;
    text-align: center;
}

.ArtWorkMovie li:nth-child(3n+2) {
    margin-right: 2%;
    margin-left: 2%;
}

.ArtWorkMovie li:nth-child(3n+4) {
    clear: both;
}

.ArtWorkMovie li figure {
    display: block;
    text-align: center;
}

.ArtWorkMovie li img {
    width: 90%;
    height: auto;
}

.ArtWorkMovie li:hover img {
    opacity: 0.8;
}

.ArtWorkInfo {
    text-align: center;
}

.ArtWorkInfoInner {
    display: inline-block;
    max-width: 50%;
}

.ArtWorkInfoInner figure img {
    width: 285px;
    padding-bottom: 15px;
}

.ArtWork .viewMore {
    padding: 0 0 20px 0;
    text-align: center;
}

.ArtWork .viewMore img {
    position: relative;
    top: 1em;
    margin-left: 0.35em;
}

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

    .ArtWork.ja .ArtWorkPhoto li,
    .ArtWork.en .ArtWorkPhoto li {
        float: left;
        width: 50%;
        margin: 0 0 15px;
    }

    .ArtWork.ja .ArtWorkPhoto li:nth-child(4n+5),
    .ArtWork.en .ArtWorkPhoto li:nth-child(4n+5) {
        clear: none;
    }

    .ArtWork.ja .ArtWorkPhoto li:nth-child(2n+3),
    .ArtWork.en .ArtWorkPhoto li:nth-child(2n+3) {
        clear: both;
    }

    .ArtWork.en .ArtWorkPhoto li figure {
        position: relative;
    }

    .ArtWork.en .ArtWorkPhoto li figcaption {
        display: block;
        position: absolute;
        z-index: 2;
        top: 50%;
        left: 50%;
        width: 80%;
        height: 5em;
        margin: -2.5em 0 0 -2.4em;
        text-align: center;
        opacity: 0;
        transition: 0.2s;
    }

    .ArtWork.en .ArtWorkPhoto li:hover figcaption {
        display: block;
        position: absolute;
        z-index: 2;
        top: 50%;
        left: 50%;
        width: 80%;
        height: 5em;
        margin: -2.5em 0 0 -2.4em;
        text-align: center;
        opacity: 1;
        transition: 0.6s;
    }
}


/* stylist */

.stylistPhoto {
    padding-bottom: 60px;
}

.stylistPhoto:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}

.stylistPhoto li {
    float: left;
    width: 32%;
    margin: 0 0 25px;
    text-align: center;
}

.stylistPhoto li:nth-child(3n+2) {
    margin-right: 2%;
    margin-left: 2%;
}

.stylistPhoto li:nth-child(3n+4) {
    clear: both;
}

.stylistPhoto li figure {
    display: block;
    text-align: center;
}

.stylistPhoto li figcaption {
    display: none;
    padding: 15px 5%;
    text-align: left;
}

.stylistPhoto li figcaption.active {
    display: block;
}

.stylistPhoto li figcaption h3 {}

.stylistPhoto li figcaption small {
    display: block;
    margin-bottom: 1em;
    font-size: 0.8em;
}

.stylistPhoto li img {
    width: 90%;
    height: auto;
    transition: 0.3s;
}

.stylistPhoto li img:hover {
    opacity: 0.8;
    transition: 0.3s;
}

#stylist_detail {
    max-width: 1000px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

#stylist_detail p.left_img {
    float: left;
    width: 600px;
    padding-right: 55px;
}

#stylist_detail dl.right_txt {
    float: left;
    width: 400px;
    padding-top: 35px;
}

#stylist_detail dl.right_txt dt.ja {
    font-size: 20px;
}

#stylist_detail dl.right_txt dt.en {
    font-size: 18px;
    padding-bottom: 25px;
}

@media screen and (max-width: 767px) {
    .stylistPhoto {
        padding-bottom: 30px;
    }

    .stylistPhoto li {
        float: left;
        width: 50%;
        margin: 0 0 25px 0;
        text-align: center;
    }

    .stylistPhoto li:nth-child(3n+2) {
        margin: 0 0 25px 0;
    }

    .stylistPhoto li:nth-child(3n+4) {
        clear: none;
        margin: 0 0 25px 0;
    }

    .stylistPhoto li img {
        width: 100%;
        height: auto;
        transition: 0.3s;
    }

    #stylist_detail {
        max-width: 100%;
        width: 100%;
        position: relative;
        overflow: hidden;
    }

    #stylist_detail p.left_img {
        float: none;
        width: 100%;
        padding-right: 0px;
    }

    #stylist_detail p.left_img img {
        width: 100%;
        height: auto;
    }

    #stylist_detail dl.right_txt {
        float: left;
        width: 100%;
        padding-top: 0px;
    }

    #stylist_detail dl.right_txt dt.ja {
        font-size: 20px;
    }

    #stylist_detail dl.right_txt dt.en {
        font-size: 18px;
        padding-bottom: 15px;
    }
}


/* Company */

.Company {
    padding-top: 150px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

.Company ul {
    width: 40%;
    margin: 0 auto;
    padding-bottom: 45px;
}

.Company li {
    margin-bottom: 1em;
}

.Company li:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}

.Company dl {
    margin-bottom: 0;
}

.Company dl:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}

.Company dt {
    float: left;
    width: 30%;
}

.Company dd {
    float: left;
    width: 70%;
}

.company_text {
    padding-left: 430px;
}

.company_text li {
    color: #807c5c;
    padding-top: 13px;
    text-align: left;
}

@media screen and (min-width: 641px) and (max-width: 768px) {
    .Company ul {
        width: 70%;
        margin: 0 auto;
        padding-bottom: 45px;
        padding-top: 15px;
    }
}

@media screen and (max-width: 767px) {
    .Company {}

    .Company ul {
        width: 70%;
        margin: 0 auto;
    }

    .Company li {
        margin-bottom: 1em;
    }

    .Company li:after {
        content: "";
        display: block;
        clear: both;
        height: 0;
    }

    .Company dl {
        margin-bottom: 0;
    }

    .Company dl:after {
        content: "";
        display: block;
        clear: both;
        height: 0;
    }

    .Company dt {
        float: none;
        width: 100%;
    }

    .Company dd {
        float: none;
        width: 100%;
    }
}


/* sitemap */

.sitemap {
    padding-top: 150px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

.sitemap .sitemap_list {
    width: 50%;
    padding-top: 30px;
    box-sizing: border-box;
    margin: 0 auto;
    padding-bottom: 30px;
}

.sitemap .sitemap_list ul {
    display: inline-block;
    width: 48%;
    padding: 0 15px;
    vertical-align: top;
}

.sitemap .sitemap_list ul li {
    padding-bottom: 14px;
}

@media screen and (max-width: 767px) {
    .sitemap {
        padding-top: 150px;
        width: 100%;
        margin: 0 auto;
        box-sizing: border-box;
    }

    .sitemap .sitemap_list {
        width: 90%;
        padding-top: 30px;
        box-sizing: border-box;
        margin: 0 auto;
        padding-bottom: 30px;
    }

    .sitemap .sitemap_list ul {
        display: block;
        width: 100%;
        padding: 0 15px;
        vertical-align: top;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .sitemap .sitemap_list ul li {
        padding-bottom: 14px;
    }
}


/* Contact */

.Contact {
    padding-top: 150px;
    text-align: center;
}

.Contact .contact_f:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}

.Contact .contact_f figure {
    float: left;
    width: 40%;
}

.Contact .contact_f figure+form {
    float: left;
    width: 60%;
}

.Contact form {
    display: inline-block;
    text-align: left;
}

.reserveNote {
    padding: 40px 0;
    color: #827c5a;
    text-align: center;
}

.reserveNote h3 {
    margin-bottom: 20px;
    padding: 0 0 20px 0;
    border-bottom: #827c5a 1px solid;
    font-size: 1.8em;
}

.reserveNote p {
    font-size: 1.2em;
}

@media screen and (max-width: 767px) {
    .Contact form {
        width: 80%;
        margin: 0 auto;
    }

    .Contact label {
        display: block;
        float: none;
        width: 100%;
    }

    .Contact input[type="text"] {
        max-width: 100%;
        min-width: inherit;
        border: #ddd 1px solid;
        border-radius: 3px;
    }

    .Contact textarea {
        max-width: 100%;
        min-width: inherit;
        border: #ddd 1px solid;
        border-radius: 3px;
    }

    .Contact .contact_f:after {
        content: "";
        display: block;
        clear: both;
        height: 0;
    }

    .Contact .contact_f figure {
        float: none;
        width: 80%;
        margin: 0 auto 40px;
        text-align: center;
    }

    .Contact .contact_f figure+form {
        float: none;
        width: 80%;
    }

    .reserveNote {
        width: 80%;
        margin: 0 auto;
        padding: 40px 0;
        color: #827c5a;
        text-align: center;
    }
}


/* Plan */

.Plan {
    padding-top: 80px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

.Plan .PlanHead {
    position: relative;
    min-height: 400px;
    text-align: center;
    background: url("../images/plan/plan_img01.png") no-repeat center bottom;
    background-size: cover;
}

.Plan .PlanHead h1 {
    position: relative;
    bottom: -10em;
}

.Plan .mainImage {
    margin-top: -2em;
}

.Plan .mainImage figure {
    display: block;
    margin-bottom: 3em;
}

.Plan .mainImage img {
    width: 100%;
    height: auto;
    background-size: cover;
}

.Plan .PlanInner {
    max-width: 1120px;
    margin: 0 auto 0;
    padding-top: 40px;
}

.Plan .PlanInner h1 {
    text-align: center;
}

.Plan .PlanContent {
    margin-bottom: 6em;
    padding: 30px 30px 0;
    width: 100%;
}

.Plan .PlanContent p.ttl {
    text-align: center;
}

.Plan .PlanContent p.ttl_detail {
    text-align: center;
    font-size: 18px;
    padding-bottom: 20px;
}

.Plan .PlanContent:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}

.Plan .PlanContent dl {
    margin-bottom: 20px;
    width: 100%;
}

.Plan .PlanContent dl:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}

.Plan .PlanContent dt {
    float: left;
    width: 49%;
    text-align: center;
}

.Plan .PlanContent dd {
    float: left;
    width: 51%;
    text-align: center;
}

.Plan .PlanContent dl+hr {
    display: block;
    clear: both;
    width: 0;
    height: 0;
    margin-bottom: 8em;
    border: 0;
    width: 100%;
}

.Plan .PlanContent hr+dl {
    margin-bottom: 20px;
}

.Plan .PlanContent hr+dl:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}

.Plan .PlanContent hr+dl dt {
    float: right;
    width: 49%;
    text-align: center;
}

.Plan .PlanContent hr+dl dd {
    float: right;
    width: 51%;
    text-align: center;
}

.Plan .PlanPack {
    margin-bottom: 2em;
    padding: 0;
    text-align: center;
}

.Plan .PlanPack ul {
    width: 100%;
    font-size: 0;
    margin-top: 45px;
}

.Plan .PlanPack ul li:nth-child(1),
.Plan .PlanPack ul li:nth-child(2) {
    width: 50%;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 30px;
    text-align: left;
    margin-bottom: 100px;
}

.Plan .PlanPack ul li:nth-child(3),
.Plan .PlanPack ul li:nth-child(4) {
    width: 50%;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 30px;
    text-align: left;
    margin-bottom: 20px;
}

.Plan .PlanPack ul li dl {}

.Plan .PlanPack ul li dl dt {
    float: left;
    padding-right: 25px;
}

.Plan .PlanPack ul li dl dd.pack_ttl {
    font-size: 18px;
    padding-bottom: 13px;
}

.Plan .PlanPack ul li dl dd.pack_detail {
    line-height: 160%;
    font-size: 15px;
}

.Plan .PlanPack ul li dl dd.pack_detail a {
    line-height: 220%;
    color: #595757;
}

.Plan .PlanPack ul li dl dd.pack_detail a i {
    font-size: 30px;
    padding-right: 5px;
    color: #ce3f25;
    vertical-align: -5px;
}

.Plan .PlanStaff {
    padding: 0;
    text-align: center;
}

.Plan .PlanStaff h2 {
    margin-bottom: 20px;
    text-align: center;
}

.Plan .PlanStaff ul {
    margin-bottom: 6em;
    padding-top: 20px;
}

.Plan .PlanStaff ul:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}

.Plan .PlanStaff ul li {
    float: left;
    width: 32%;
    margin: 0 0 30px 0;
    border: #fefdf6 10px solid;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
}

.Plan .PlanStaff ul li:nth-child(3n+2) {
    margin-left: 2%;
    margin-right: 2%;
}

.Plan .PlanStaff ul li img {
    width: 100%;
    height: auto;
}

.Plan .PlanStaff p.PlanStaff_link a {
    color: #595757;
    font-size: 16px;
    padding: 0 15px;
}

.Plan .PlanStaff p.PlanStaff_link a i {
    font-size: 30px;
    padding-right: 5px;
    color: #ce3f25;
    vertical-align: -5px;
}

.Plan .PlanFlow {
    padding: 0;
    text-align: center;
}

.Plan .PlanFlow h2 {
    margin-bottom: 45px;
    text-align: center;
}

.Plan .PlanFlow .flowbox {
    max-width: 770px;
    margin: 0 auto;
    box-sizing: border-box;
    font-size: 0;
    width: 100%;
    vertical-align: top;
    margin-bottom: 10px;
}

.Plan .PlanFlow .flowbox p.flow_icon {
    display: inline-block;
    width: 33%;
    padding-right: 40px;
    vertical-align: top;
}

.Plan .PlanFlow .flowbox dl {
    display: inline-block;
    vertical-align: top;
    width: 67%;
    font-size: 15px;
    line-height: 175%;
    border-bottom: #a19d83 1px solid;
    padding-bottom: 40px;
}

.Plan .PlanFlow .flowbox dl.last {
    display: inline-block;
    vertical-align: top;
    width: 67%;
    font-size: 15px;
    line-height: 175%;
    border-bottom: none;
    padding-bottom: 0px;
}

.Plan .PlanFlow .flowbox dt {
    padding-bottom: 13px;
    text-align: left;
}

.Plan .PlanFlow .flowbox dd {
    text-align: left;
}

.Plan .PlanFlow .flowbox dd dl.today {
    border: none;
    width: 100%;
    padding-bottom: 0px;
    margin-bottom: 0px;
    text-align: left;
}

.Plan .PlanFlow .flowbox dd i {
    font-size: 30px;
    text-align: center;
    padding-left: 40%;
    color: #ce3f25;
    margin: 0 auto;
}

.Plan .PlanFlow .flowbox dd dl.today dt {
    color: #cd3f25;
    font-size: 31px;
    float: left;
    padding-right: 30px;
}

.Plan .PlanFlow .flowbox dd dl.today dd.today_ttl {
    font-size: 20px;
    padding-bottom: 2px;
}

.Plan .PlanFlow .flowbox dd dl.today dd.today_detail_img ul {
    width: 100%;
    font-size: 0;
}

.Plan .PlanFlow .flowbox dd dl.today dd.today_detail_img li {
    width: 30%;
    display: inline-block;
    padding-top: 10px;
    padding-right: 8px;
    text-align: left;
    box-sizing: border-box;
}

.Plan .PlanFlow .flowbox dl ul {
    text-align: left;
    padding-left: 0;
    margin: 0;
    padding-top: 12px;
}

.Plan .PlanFlow .flowbox dl ul li {
    display: inline-block;
    text-align: left;
    padding-right: 5px;
    padding-left: 0;
    margin: 0;
}

.Plan .PlanFlow .flow_caution {
    max-width: 840px;
    margin: 0 auto;
    box-sizing: border-box;
    font-size: 0;
    width: 100%;
    padding-top: 30px;
    vertical-align: top;
    margin-bottom: 10px;
    border-top: #a19d83 1px solid;
}

.Plan .PlanFlow .flow_caution ul {
    width: 100%;
    padding: 0 30px;
    margin-bottom: 70px;
}

.Plan .PlanFlow .flow_caution li {
    width: 50%;
    padding: 10px;
    display: inline-block;
}

.Plan .PlanType {
    padding: 0;
    text-align: center;
}

.Plan .PlanType h2 {
    margin-bottom: 20px;
    text-align: center;
}

.Plan .PlanType ul {
    width: 95%;
    margin: 0 auto 2em;
}

.Plan .PlanType ul:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}

.Plan .PlanType ul li {
    float: left;
    width: 25%;
    margin: 0 0 20px 0;
    text-align: center;
}

.Plan .PlanType ul li p {
    padding-top: 1.4em;
    font-size: 18px;
}

.Plan .PlanArea {
    margin-bottom: 3em;
}

.Plan .PlanArea h2 {
    margin-bottom: 45px;
    text-align: center;
}

.Plan .PlanArea ul {
    width: 82%;
    margin: 20px auto 3em;
}

.Plan .PlanArea ul:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}

.Plan .PlanArea ul li {
    float: left;
    width: 32%;
    margin: 0 0 30px 0;
    text-align: center;
    position: relative;
}

.Plan .PlanArea ul li:nth-child(2) {
    margin-right: 2%;
    margin-left: 2%;
}

.Plan .PlanArea ul li img {
    position: relative;
}

.Plan .PlanArea ul li p {
    position: absolute;
    top: 105px;
    left: 30px;
    text-align: left;
    z-index: 5;
}

.PlanAction {
    margin-bottom: 6em;
    text-align: center;
    border-top: #595757 1px solid;
    padding-top: 60px;
}

.PlanAction a {
    display: inline-block;
    padding: 0 30px;
}

.PlanAction a:hover img {
    opacity: 0.8;
}

@media screen and (min-width: 641px) and (max-width: 768px) {
    .Plan .PlanInner {
        margin: 0 auto 0;
        padding-top: 40px;
    }

    .Plan .PlanInner h1 img {
        width: 300px;
    }

    .Plan .PlanContent dt {
        float: left;
        width: 38%;
        text-align: center;
        padding-right: 25px;
    }

    .Plan .PlanContent dd {
        float: left;
        width: 62%;
        text-align: center;
    }

    .Plan .PlanContent dl+hr {
        display: block;
        clear: both;
        width: 0;
        height: 0;
        margin-bottom: 8em;
        border: 0;
        width: 100%;
    }

    .Plan .PlanContent hr+dl {
        margin-bottom: 20px;
    }

    .Plan .PlanContent hr+dl:after {
        content: "";
        display: block;
        clear: both;
        height: 0;
    }

    .Plan .PlanContent hr+dl dt {
        float: right;
        width: 38%;
        text-align: center;
        padding-left: 25px;
        padding-right: 0;
    }

    .Plan .PlanContent hr+dl dd {
        float: right;
        width: 62%;
        text-align: center;
    }

    .Plan .PlanPack ul {
        width: 100%;
        font-size: 0;
        margin-top: 45px;
        padding: 0 20px;
    }

    .Plan .PlanPack ul li:nth-child(1),
    .Plan .PlanPack ul li:nth-child(2) {
        padding: 0 10px;
        text-align: left;
        margin-bottom: 60px;
        vertical-align: top;
    }

    .Plan .PlanPack ul li:nth-child(3),
    .Plan .PlanPack ul li:nth-child(4) {
        padding: 0 10px;
        text-align: left;
        margin-bottom: 20px;
        vertical-align: top;
    }

    .Plan .PlanPack ul li dl {}

    .Plan .PlanPack ul li dl dt {
        float: left;
        padding-right: 0;
    }

    .Plan .PlanPack ul li dl dt img {
        width: 120px;
    }

    .Plan .PlanPack ul li dl dd.pack_ttl {
        padding-left: 140px;
        font-size: 18px;
        padding-bottom: 13px;
    }

    .Plan .PlanPack ul li dl dd.pack_detail {
        line-height: 160%;
        font-size: 15px;
        padding-left: 140px;
    }

    .Plan .PlanStaff ul {
        padding-right: 30px;
        padding-left: 30px;
    }

    .Plan .PlanFlow .flowbox {
        padding: 0 30px;
        width: 100%;
    }

    .Plan .PlanFlow .flowbox dd dl.today dt {
        font-size: 26px;
        padding-right: 20px;
    }

    .Plan .PlanFlow .flowbox dl ul {
        text-align: left;
        padding-left: 0;
        margin: 0;
        padding-top: 12px;
        width: 100%;
    }

    .Plan .PlanFlow .flowbox dl ul li {
        display: inline-block;
        text-align: left;
        padding-right: 5px;
        padding-left: 0;
        margin: 0;
        width: 48%;
    }

    .Plan .PlanType ul {
        width: 100%;
        margin: 0 auto 2em;
        padding: 0 20px;
    }

    .Plan .PlanType ul:after {
        content: "";
        display: block;
        clear: both;
        height: 0;
    }

    .Plan .PlanType ul li {
        float: left;
        width: 25%;
        margin: 0 0 20px 0;
        text-align: center;
        padding: 0 10px;
    }

    .Plan .PlanType ul li p {
        padding-top: 1.3em;
        font-size: 14px;
    }

    .Plan .PlanArea ul {
        width: 100%;
        margin: 20px auto 3em;
        padding: 0 30px;
    }

    .Plan .PlanArea ul:after {
        content: "";
        display: block;
        clear: both;
        height: 0;
    }

    .Plan .PlanArea ul li {
        float: left;
        width: 32%;
        margin: 0 0 30px 0;
        text-align: center;
        position: relative;
    }

    .Plan .PlanArea ul li:nth-child(2) {
        margin-right: 2%;
        margin-left: 2%;
    }

    .Plan .PlanArea ul li img {
        position: relative;
    }

    .Plan .PlanArea ul li p {
        position: absolute;
        top: 80px;
        left: 15px;
        text-align: left;
        z-index: 5;
        font-size: 12px;
    }
}

@media screen and (max-width: 767px) {
    .Plan {
        padding-top: 30px;
    }

    .Plan .PlanHead {
        position: relative;
        min-height: 400px;
        text-align: center;
        background: url("../images/plan/plan_img01.png") no-repeat center bottom;
        background-size: cover;
    }

    .Plan .PlanHead h1 {
        position: relative;
        bottom: -15em;
    }

    .Plan .PlanHead h1 img {
        width: 80%;
        height: auto;
    }

    .Plan .PlanInner {
        width: 80%;
        margin: 0 auto 0;
    }

    .Plan .PlanContent {
        margin-bottom: 4em;
        padding-top: 2em;
    }

    .Plan .PlanContent:after {
        content: "";
        display: block;
        clear: both;
        height: 0;
    }

    .Plan .PlanContent dl {
        margin-bottom: 00px;
    }

    .Plan .PlanContent dl:after {
        content: "";
        display: block;
        clear: both;
        height: 0;
    }

    .Plan .PlanContent dt {
        float: none;
        width: 80%;
        margin: 0 auto 35px;
        text-align: center;
        padding: 0;
    }

    .Plan .PlanContent dd {
        float: none;
        width: 100%;
        text-align: center;
        padding: 0;
    }

    .Plan .PlanContent dl+hr {
        display: block;
        clear: both;
        width: 0;
        height: 0;
        margin-bottom: 5.5em;
        border: 0;
    }

    .Plan .PlanContent hr+dl {
        margin-bottom: 20px;
    }

    .Plan .PlanContent hr+dl:after {
        content: "";
        display: block;
        clear: both;
        height: 0;
    }

    .Plan .PlanContent hr+dl dt {
        float: none;
        width: 80%;
        margin: 0 auto 35px;
        text-align: center;
    }

    .Plan .PlanContent hr+dl dd {
        float: none;
        width: 100%;
        text-align: center;
    }

    .Plan .PlanContent p.ttl {
        text-align: center;
        margin-bottom: 15px;
    }

    .Plan .PlanContent p.ttl_detail {
        text-align: center;
        font-size: 14px;
        padding-bottom: 10px;
    }

    .Plan .PlanPack {
        margin-bottom: 2em;
        padding: 0;
        text-align: center;
    }

    .Plan .PlanPack ul {
        width: 100%;
        font-size: 0;
        margin-top: 15px;
    }

    .Plan .PlanPack ul li:nth-child(1),
    .Plan .PlanPack ul li:nth-child(2) {
        width: 100%;
        display: inline-block;
        box-sizing: border-box;
        padding: 0 0px;
        text-align: left;
        margin-bottom: 20px;
    }

    .Plan .PlanPack ul li:nth-child(3),
    .Plan .PlanPack ul li:nth-child(4) {
        width: 100%;
        display: inline-block;
        box-sizing: border-box;
        padding: 0 0px;
        text-align: left;
        margin-bottom: 20px;
    }

    .Plan .PlanPack ul li dl {
        text-align: center;
    }

    .Plan .PlanPack ul li dl dt {
        float: none;
        padding-right: 0px;
    }

    .Plan .PlanPack ul li dl dt img {
        width: 100px;
        padding-bottom: 10px;
    }

    .Plan .PlanPack ul li dl dd.pack_ttl {
        font-size: 16px;
        padding-bottom: 3px;
    }

    .Plan .PlanPack ul li dl dd.pack_detail {
        line-height: 160%;
        font-size: 14px;
    }

    .Plan .PlanStaff p.PlanStaff_link a {
        color: #595757;
        font-size: 16px;
        padding: 0 15px;
        display: block;
    }

    .Plan .PlanStaff {
        padding: 0;
        text-align: center;
    }

    .Plan .PlanStaff h2 {
        margin-bottom: 20px;
        text-align: center;
    }

    .Plan .PlanStaff ul {
        margin-bottom: 6em;
        font-size: 0;
        width: 100%;
        margin-top: 0;
        padding-top: 0;
    }

    .Plan .PlanStaff ul:after {
        content: "";
        display: block;
        clear: both;
        height: 0;
    }

    .Plan .PlanStaff ul li {
        float: none;
        display: inline-block;
        width: 46%;
        margin: 5px;
        border: #fefdf6 3px solid;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.4);
        box-sizing: border-box;
    }

    .Plan .PlanStaff ul li:nth-child(3n+2) {
        margin: 5px;
    }

    .Plan .PlanStaff ul li img {
        width: 100%;
        height: auto;
    }

    .Plan .PlanFlow {
        padding-top: 50px;
    }

    .Plan .PlanFlow h2 {
        margin-bottom: 25px;
    }

    .Plan .PlanFlow .flowbox {
        max-width: 100%;
        margin: 0 auto;
        box-sizing: border-box;
        font-size: 0;
        width: 100%;
        vertical-align: top;
        margin-bottom: 10px;
    }

    .Plan .PlanFlow .flowbox p.flow_icon {
        display: block;
        width: 100%;
        padding-right: 0px;
        vertical-align: top;
    }

    .Plan .PlanFlow .flowbox p.flow_icon img {
        width: 150px;
        padding-bottom: 15px;
    }

    .Plan .PlanFlow .flowbox dl {
        display: block;
        vertical-align: top;
        width: 100%;
        font-size: 14px;
        line-height: 175%;
        border-bottom: #a19d83 1px solid;
        padding-bottom: 20px;
    }

    .Plan .PlanFlow .flowbox dl.last {
        display: block;
        vertical-align: top;
        width: 100%;
        font-size: 14px;
        line-height: 175%;
        border-bottom: none;
        padding-bottom: 0px;
    }

    .Plan .PlanFlow .flowbox dt {
        padding-bottom: 13px;
        text-align: center;
        width: 50%;
        margin: 0 auto;
    }

    .Plan .PlanFlow .flowbox dd {
        text-align: left;
    }

    .Plan .PlanFlow .flowbox dd dl.today {
        border: none;
        width: 100%;
        padding-bottom: 0px;
        margin-bottom: 0px;
        text-align: left;
        font-size: 14px;
    }

    .Plan .PlanFlow .flowbox dd i {
        font-size: 25px;
        text-align: center;
        padding-left: 46%;
        color: #ce3f25;
        margin: 0 auto;
    }

    .Plan .PlanFlow .flowbox dd dl.today dt {
        color: #cd3f25;
        font-size: 22px;
        float: none;
        padding-right: 0px;
        text-align: left;
        padding-bottom: 8px;
        width: 100%;
    }

    .Plan .PlanFlow .flowbox dd dl.today dd.today_ttl {
        font-size: 16px;
        padding-bottom: 2px;
    }

    .Plan .PlanFlow .flowbox dd dl.today dd.today_detail_img ul {
        width: 100%;
        font-size: 0;
    }

    .Plan .PlanFlow .flowbox dd dl.today dd.today_detail_img li {
        width: 30%;
        display: inline-block;
        padding-top: 10px;
        padding-right: 8px;
        text-align: left;
        box-sizing: border-box;
    }

    .Plan .PlanFlow .flowbox dl ul {
        text-align: left;
        padding-left: 0;
        margin: 0;
        padding-top: 12px;
        width: 100%;
        font-size: 0;
    }

    .Plan .PlanFlow .flowbox dl ul li {
        display: inline-block;
        width: 50%;
        box-sizing: border-box;
        text-align: left;
        padding: 4px;
        margin: 0;
    }

    .Plan .PlanFlow .flow_caution {
        max-width: 100%;
        margin: 0 auto;
        box-sizing: border-box;
        font-size: 0;
        width: 100%;
        padding-top: 20px;
        vertical-align: top;
        margin-bottom: 10px;
        border-top: #a19d83 1px solid;
    }

    .Plan .PlanFlow .flow_caution ul {
        width: 100%;
        padding: 0 0px;
        margin-bottom: 45px;
    }

    .Plan .PlanFlow .flow_caution li {
        width: 50%;
        padding: 5px;
        display: inline-block;
    }

    .Plan .PlanType {
        padding: 0;
        text-align: center;
    }

    .Plan .PlanType h2 {
        margin-bottom: 20px;
        text-align: center;
    }

    .Plan .PlanType ul {
        width: 100%;
        margin: 0 auto 6em;
        font-size: 0;
    }

    .Plan .PlanType ul:after {
        content: "";
        display: block;
        clear: both;
        height: 0;
    }

    .Plan .PlanType ul li {
        float: none;
        width: 50%;
        margin: 0 0 0px 0;
        text-align: center;
        display: inline-block;
        box-sizing: border-box;
        vertical-align: top;
        text-align: left;
    }

    .Plan .PlanType ul li:nth-child(odd) {
        margin-right: 0;
        padding-right: 10px;
    }

    .Plan .PlanType ul li:nth-child(even) {
        margin-left: 0;
        padding-left: 10px;
    }

    .Plan .PlanType ul li:nth-child(3) {
        clear: both;
    }

    .Plan .PlanType ul li p {
        padding-top: 1.8em;
        font-size: 14px;
    }

    .Plan .PlanArea {
        margin-bottom: 3em;
    }

    .Plan .PlanArea h2 {
        margin-bottom: 20px;
        text-align: center;
    }

    .Plan .PlanArea ul {
        width: 90%;
        margin: 0 auto 2em;
    }

    .Plan .PlanArea ul:after {
        content: "";
        display: block;
        clear: both;
        height: 0;
    }

    .Plan .PlanArea ul li {
        float: none;
        width: 100%;
        margin: 0 0 20px 0;
        text-align: center;
    }

    .Plan .PlanArea ul li:nth-child(2) {
        margin-right: 0%;
        margin-left: 0%;
    }

    .Plan .PlanArea ul li img {
        position: relative;
    }

    .Plan .PlanArea ul li p {
        position: absolute;
        top: 100px;
        left: 20px;
        text-align: left;
        z-index: 5;
    }

    .PlanAction {
        margin-bottom: 3em;
        text-align: center;
        padding-top: 30px;
    }

    .PlanAction a {
        display: inline-block;
        padding: 10px 30px;
    }

    .PlanAction a:hover img {
        opacity: 0.8;
    }
}


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


/*                       */


/*  Foot                     */


/*                       */


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


/* Foot */

.Foot {
    padding-top: 120px;
    color: #fff;
    background-color: #827c5a;
}

.FootInner {
    width: 80%;
    margin: 0 auto;
}

.Foot figure {
    display: block;
    margin-bottom: 30px;
    text-align: center;
}

.Foot nav {
    margin-bottom: 30px;
    padding: 30px 0 0;
    border-top: #fff 1px solid;
    border-bottom: #fff 1px solid;
}

.Foot nav:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}

.Foot nav ul {
    float: left;
    width: 25%;
    padding-left: 2em;
    list-style: disc;
}

.Foot nav li {}

.Foot nav a {
    color: #fff;
}

.pageEnd {
    padding-bottom: 40px;
}

.pageEnd figure {
    display: block;
    text-align: center;
}

.pageEnd ul {
    margin-bottom: 20px;
    text-align: center;
}

.pageEnd ul li {
    display: inline-block;
    margin: 0 2px;
}

.pageEnd small {
    display: block;
    font-size: 0.8em;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .Foot nav {
        text-align: center;
    }

    .Foot small+a {
        display: block;
        margin: 20px auto;
        text-align: center;
    }

    .Foot small+a img {
        width: 30px;
        height: auto;
    }
}

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


/* recruit */

.Recruit {
    padding-top: 150px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

.wrapper_recruit {
    background: url("../images/rec_bg.jpg") no-repeat;
    text-align: center;
    background-size: cover;
    height: 1600px;
    -moz-background-size: 100% auto;
    padding-bottom: 5%;
    padding-top: 2%;
    width: 1366px;
}

.recruit_text {
    text-align: left;
    padding: 25px 30px 50px;
    width: 70%;
    margin: 0 auto;
}

.recruit_text hr {
    border-top: 1px solid #807c5c;
    width: 100%;
    margin-left: 0px;
}

.recruit_text li {
    color: #807c5c;
    padding-top: 0px;
}

.recruit_title {
    width: 200px;
    color: #807c5c;
    margin-right: 10px;
    float: left;
}

.recruit_title2 {
    width: 200px;
    height: 50px;
    color: #807c5c;
    margin-right: 10px;
    float: left;
}

.recruit_title3 {
    width: 200px;
    height: 150px;
    color: #807c5c;
    margin-right: 10px;
    float: left;
}

.recruit_title4 {
    width: 200px;
    height: 180px;
    color: #807c5c;
    margin-right: 10px;
    float: left;
}

@media screen and (min-width: 641px) and (max-width: 768px) {
    .recruit_text {
        text-align: left;
        padding: 25px 30px 50px;
        width: 90%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 767px) {
    .recruit_text {
        width: 90%;
        margin: 0 auto;
        padding-top: 20px;
        padding-left: 0;
        text-align: left;
    }

    .recruit_text hr {
        border-top: 1px solid #807c5c;
        width: 100%;
        margin-left: 0px;
    }

    .recruit_text li {
        color: #807c5c;
        padding-top: 0px;
    }

    .recruit_title {
        width: 25%;
        color: #807c5c;
        margin-right: 10px;
        float: left;
    }

    .recruit_title2 {
        display: block;
        width: 100%;
        height: auto;
        color: #807c5c;
        margin-right: 10px;
        float: left;
    }

    .recruit_title3 {
        display: block;
        width: 100%;
        height: auto;
        color: #807c5c;
        margin-right: 10px;
        float: left;
    }

    .recruit_title4 {
        display: block;
        width: 100%;
        height: auto;
        color: #807c5c;
        margin-right: 10px;
        float: left;
    }
}


/* contact */

.wrapper_contact {
    background: url("../images/etc_bg.jpg") no-repeat;
    text-align: center;
    background-size: cover;
    height: 786px;
    -moz-background-size: 100% auto;
    padding-bottom: 5%;
    padding-top: 2%;
    width: 1366px;
}

.contact_f {
    margin-top: 20px;
}

.contact_f li {
    color: #807c5c;
    padding-top: 0px;
}

label {
    margin-right: 30px;
    width: 150px;
    float: left;
}

#formWrap {
    width: 700px;
    margin: 0 auto;
    color: #807c5c;
    line-height: 120%;
    font-size: 90%;
}

input#button {
    display: inline-block;
    font-size: 20px;
    font-family: Arial;
    font-weight: normal;
    -moz-border-radius: 42px;
    -webkit-border-radius: 42px;
    border-radius: 42px;
    border: 1px solid #807c5c;
    margin-top: 20px;
    padding: 11px 39px;
    text-decoration: none;
}

input#button {
    background: -moz-linear-gradient(center top, #807c5c 5%, #807c5c 100%);
    background: -ms-linear-gradient(top, #807c5c 5%, #807c5c 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#807c5c', endColorstr='#807c5c');
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #807c5c), color-stop(100%, #807c5c));
    background-color: #807c5c;
    color: #ffffff;
}

.css_btn_class:hover {
    background: -moz-linear-gradient(center top, #807c5c 5%, #807c5c 100%);
    background: -ms-linear-gradient(top, #807c5c 5%, #807c5c 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#807c5c', endColorstr='#807c5c');
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #807c5c), color-stop(100%, #807c5c));
    background-color: #807c5c;
}

.css_btn_class:active {
    position: relative;
    top: 1px;
}


/* works */

.wrapper_works {
    background: url("../images/work_bg.jpg") no-repeat;
    text-align: center;
    background-size: cover;
    -moz-background-size: 100% auto;
    padding-bottom: 5%;
    padding-top: 2%;
    width: 1366px;
}

.works_g {
    padding-top: 20px;
    padding-right: 0px;
    width: 1000px;
    margin-left: 181px;
}

.wasou_text {
    width: 400px;
    height: 140px;
    margin-top: 15px;
    margin-left: 310px;
    float: center;
}

.wasou_text p {
    color: #807c5c;
}

.works_grid {
    margin: 0px;
}

#works_hide01 {
    display: none;
}

.works_link {
    margin-top: 20px;
}


/* stylist */

.wrapper_stylist {
    background: url("http://www.vantagetest.com/00test/suda/keyaki-moderno.com/images/sty_bg.jpg") no-repeat;
    text-align: center;
    background-size: cover;
    -moz-background-size: 100% auto;
    padding-bottom: 5%;
    padding-top: 2%;
    width: 1366px;
    height: 1300px;
}

.stylist_g {
    padding-top: 20px;
    padding-right: 0px;
    width: 1000px;
    margin-left: 270px;
}

.stylist_grid {
    margin: 0px;
    height: 1200px;
    width: 1000px;
}

.stylist_box {
    width: 250px;
    height: 320px;
    float: left;
    margin-right: 20px;
}

#stylist_a_text {
    color: #807c5c;
    width: 250px;
    height: 120px;
    display: none;
    text-align: left;
}

#stylist_a_text p {
    font-size: 12px;
}

#stylist_a_text {
    display: none;
}

#stylist_b_text {
    color: #807c5c;
    width: 250px;
    height: 120px;
    display: none;
    text-align: left;
}

#stylist_b_text p {
    font-size: 12px;
}

#stylist_b_text {
    display: none;
}

#stylist_c_text {
    color: #807c5c;
    width: 250px;
    height: 120px;
    display: none;
    text-align: left;
}

#stylist_c_text p {
    font-size: 12px;
}

#stylist_c_text {
    display: none;
}

#stylist_d_text {
    color: #807c5c;
    width: 250px;
    height: 120px;
    display: none;
    text-align: left;
}

#stylist_d_text p {
    font-size: 12px;
}

#stylist_d_text {
    display: none;
}

#stylist_e_text {
    color: #807c5c;
    width: 250px;
    height: 120px;
    display: none;
    text-align: left;
}

#stylist_e_text p {
    font-size: 12px;
}

#stylist_e_text {
    display: none;
}

#stylist_f_text {
    color: #807c5c;
    width: 250px;
    height: 120px;
    display: none;
    text-align: left;
}

#stylist_f_text p {
    font-size: 12px;
}

#stylist_f_text {
    display: none;
}

#stylist_g_text {
    color: #807c5c;
    width: 250px;
    height: 120px;
    display: none;
    text-align: left;
}

#stylist_g_text p {
    font-size: 12px;
}

#stylist_g_text {
    display: none;
}

#stylist_h_text {
    color: #807c5c;
    width: 250px;
    height: 120px;
    display: none;
    text-align: left;
}

#stylist_h_text p {
    font-size: 12px;
}

#stylist_h_text {
    display: none;
}

#stylist_i_text {
    color: #807c5c;
    width: 250px;
    height: 120px;
    display: none;
    text-align: left;
}

#stylist_i_text p {
    font-size: 12px;
}

#stylist_i_text {
    display: none;
}


/* Lists */

ol.default {
    list-style: decimal;
    padding-left: 1.25em;
}

ol.default li {
    padding-left: 0.25em;
}

ul.default {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.default li {
    padding: 0.4em 0em;
}

ul.icons {
    cursor: default;
    padding-bottom: 2em;
}

ul.icons li {
    display: inline-block;
    line-height: 1em;
    padding: 0.5em 1em;
}

ul.icons li:first-child {
    padding-left: 0;
}

ul.icons li span {
    display: none;
}

ul.icons li a {
    text-decoration: none;
    font-size: 2em;
    color: inherit;
    opacity: 0.2;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

ul.icons li a:hover {
    color: inherit;
    opacity: 1;
}

ul.actions {
    cursor: default;
}

ul.actions:last-child {
    margin-bottom: 0;
}

ul.actions li {
    display: inline-block;
    padding: 0 0 0 1.5em;
}

ul.actions li:first-child {
    padding: 0;
}

ul.actions.vertical li {
    display: block;
    padding: 1.5em 0 0 0;
}

ul.actions.vertical li:first-child {
    padding: 0;
}

ul.special-icons {
    margin: 0em;
    padding: 0em;
}

ul.special-icons>li {
    position: relative;
    padding: 0.5em 0em 0.5em 0em;
}

ul.special-icons>li:before {
    position: absolute;
    left: 0;
    top: 2em;
    display: block;
    background: none;
    font-size: 2em;
    border-radius: 5px;
}

ul.special-icons>li:first-child {
    border-top: none;
}

ul.special-icons h3 {
    margin-bottom: 0.8em;
    line-height: 2em;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.2em;
}

ul.special-icons span {
    line-height: 190%;
}

ul.special-icons .fa {
    float: left;
    display: inline-block;
    padding-right: 1em;
    font-size: 1.4em;
    color: #82b440;
}

ul.special-icons p {
    padding-left: 2.7em;
}


/* Tables */

table {
    width: 100%;
}

table.default {
    width: 100%;
}

table.default tbody tr {
    border-bottom: solid 1px #82b440;
}

table.default td {
    padding: 0.5em 1em 0.5em 1em;
}

table.default th {
    font-weight: 700;
    padding: 0.5em 1em 0.5em 1em;
    text-align: left;
}

table.default thead {
    background: #555555;
    color: #fff;
}


/* Button */

input[type="submit"],
input[type="reset"],
input[type="button"],
.button {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: none;
    border-radius: none;
    border: 2px solid;
    border-color: #82b440;
    color: #82b440;
    cursor: pointer;
    display: inline-block;
    padding: 0.9em 1.2em;
    letter-spacing: 1px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.4em;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:hover {
    background: #82b440;
    color: white;
}

input[type="submit"].alt,
input[type="reset"].alt,
input[type="button"].alt,
.button.alt {
    border-color: inherit;
    color: inherit;
}

input[type="submit"].alt:hover,
input[type="reset"].alt:hover,
input[type="button"].alt:hover,
.button.alt:hover {
    background: white;
    color: #82b440;
}

input[type="submit"].fit,
input[type="reset"].fit,
input[type="button"].fit,
.button.fit {
    width: 100%;
}

input[type="submit"].small,
input[type="reset"].small,
input[type="button"].small,
.button.small {
    font-size: 0.8em;
}


/* ドロワーメニュー部分 */

#drawer {
    position: fixed;
    top: 0;
    right: -250px;
    width: 250px;
    height: 100%;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    background-color: #fff;
    z-index: 9998;
}

#drawer ul {
    margin-top: 135px;
}

#drawer ul li {
    list-style-type: none;
}

#drawer.open {
    -webkit-transform: translate3d(-250px, 0, 0);
    transform: translate3d(-250px, 0, 0);
}


/* 開閉ボタン */

.drawer-button_01 {
    display: block;
    padding: 10px;
    background-color: #ccc;
    z-index: 9999;
    color: #fff;
    float: right;
    position: relative;
    top: 28px;
    right: 13px;
    width: 42px;
    height: 42px;
    background: url("../images/top_menu_btn_clo.png") no-repeat;
    cursor: pointer;
}

.none {
    top: 28px;
    right: 13px;
    background: url("../images/top_menu_btn_open.png") no-repeat;
}

.wrapper {
    padding: 6em 0em 4em 0em;
}

#top_01_main_logo {
    margin-top: 12%;
}

#top_01_slider {
    width: 100%;
    overflow: hidden;
}

#top_02_menu {
    text-align: center;
    width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding-top: 15%;
    padding-bottom: 25%;
    display: block;
}

#loca {
    margin-top: 380px;
}

#top_04_location {
    text-align: center;
    color: #827c5a;
    background-color: #fff;
    width: 100%;
    margin: 0 auto;
}

.bxslider_2 li {
    width: 1366px !important;
}

#top_04_location p {
    margin-top: 5%;
}

#top_05_works {
    text-align: center;
    color: #827c5a;
    background-color: #fff;
    width: 100%;
    padding-top: 5%;
    margin: 0 auto;
}

#top_05_works_inner {
    text-align: center;
    color: #827c5a;
    background-color: #fff;
    width: 698px;
    margin: 0 auto;
    padding-top: 5%;
}

.top_05_works_waso {
    float: left;
    margin-right: 30px;
    width: 334px;
    height: 530px;
}

.top_05_works_waso p,
.top_05_works_yoso p {
    margin-bottom: 0px;
    font-size: 10pt;
}

.top_05_works_yoso {
    width: 334px;
    height: 530px;
    float: left;
}

#top_05_works_btn {
    cursor: pointer;
    background: url("../images/top_btn_03.jpg") top left no-repeat;
    display: block;
    width: 39px;
    height: 39px;
    margin: 20px auto 0;
    vertical-align: center;
}

#top_06_works_01_btn {
    cursor: pointer;
    background: url("../images/top_btn_01.jpg") top left no-repeat;
    width: 39px;
    height: 39px;
    margin-left: 70px;
    padding-left: 50px;
    padding-top: 12px;
    padding-bottom: 8px;
    vertical-align: center;
}

#top_06_works_02_btn {
    cursor: pointer;
    background: url("../images/top_btn_03.jpg") top left no-repeat;
    width: 39px;
    height: 39px;
    margin-left: 70px;
    padding-left: 50px;
    padding-top: 12px;
    padding-bottom: 8px;
    vertical-align: center;
}

#top_06_works_01_btn.active {
    background: url("../images/top_btn_01_active.jpg") top left no-repeat;
}

#top_06_works_hide01,
#top_06_works_hide02 {
    display: none;
    background-color: #fff;
    padding-top: 20px;
    width: 100%;
    clear: both;
    top: 50px;
}

#top_06_works_hide01_inner {
    width: 790px;
    margin: 0 auto;
    text-align: center;
}

#top_06_works_hide01_inner ul {
    list-style: disc;
    text-align: left;
    margin-left: 300px;
}

#top_06_kyosiki {
    text-align: center;
    color: #827c5a;
    background-color: #fff;
    width: 100%;
    padding-top: 10%;
    padding-bottom: 5%;
    clear: both;
}

#top_06_kyosiki h2 {
    font-size: 1.7em;
    margin-bottom: 1.8em;
}

.wrapper.style4 {
    background: white;
}

.wrapper.style5 {
    text-align: center;
    color: white;
}

.wrapper.style5 .image {
    display: block;
    width: 60%;
    margin: 0em auto 2em auto;
}

.wrapper.style5 .image img {
    border-radius: 50%;
    border: 10px solid;
    border-color: white;
}

#kyosiki {
    margin-bottom: 2em;
    line-height: 1.7em;
}

h2 {
    font-size: 1.7em;
    margin-bottom: 1.8em;
}

h2.salon {
    font-size: 1.7em;
    margin-bottom: 1em;
}

@media screen and (max-width: 767px) {
    h2 {
        font-size: 1.7em;
        margin-bottom: 0.7em;
    }

    h2.salon {
        font-size: 1.7em;
        margin-bottom: 0.7em;
    }
}

#top_07_heijitu {
    text-align: center;
    padding-top: 10%;
    width: 100%;
    color: #fff;
    background-color: #827c5a;
    padding-bottom: 5%;
}

#top_07_heijitu h2 {
    margin-bottom: 1.5em;
}

#top_07_works_01_btn {
    cursor: pointer;
    background: url("../images/top_btn_02.jpg") top left no-repeat;
    width: 39px;
    height: 39px;
    margin-left: 70px;
    padding-left: 50px;
    padding-top: 14px;
    padding-bottom: 14px;
    margin-top: 50px;
}

#top_07_works_02_btn {
    cursor: pointer;
    background: url("../images/top_btn_04.jpg") top left no-repeat;
    width: 39px;
    height: 39px;
    margin-left: 70px;
    padding-left: 50px;
    padding-top: 14px;
    padding-bottom: 14px;
    vertical-align: center;
}

#top_07_works_01_btn.active {
    background: url("../images/top_btn_02_active.jpg") top left no-repeat;
}

#top_07_works_hide01_inner {
    width: 790px;
    margin: 0 auto;
    text-align: center;
}

#top_07_works_hide01_inner ul {
    list-style: disc;
    text-align: left;
    margin-left: 300px;
}

#top_07_works_hide01,
#top_0_works_hide02 {
    display: none;
    background-color: #827c5a;
    padding-top: 20px;
    width: 100%;
    clear: both;
    top: 50px;
}

#top_08_price {
    text-align: center;
    padding-bottom: 5%;
    padding-top: 10%;
    width: 890px;
    margin: 0 auto;
    height: 665px;
}

#top_07_works {
    margin: 0 auto;
    width: 794px;
}

#tabMenu {
    margin-left: 100px;
}

#tabMenu ul {
    margin: 0 auto;
    width: 750px;
}

#tabMenu li {
    float: left;
    width: 120px;
    margin-right: 100px;
    list-style-type: none;
}

#tabMenu li:nth-of-type(3) {
    margin-right: 0px;
}

#tabMenu li a {
    display: block;
    background: url("../images/top_btn_06.jpg") top left no-repeat;
    height: 48px;
    line-height: 45px;
    padding-left: 20px;
    color: #595757;
    text-decoration: none;
}

#tabMenu li a.active {
    background: url("../images/top_btn_05.jpg") top left no-repeat;
}

#tabBox1,
#tabBox2,
#tabBox3 {
    padding-top: 80px;
    width: 750px;
}

#tabBox1 table tbody tr td {
    background: #fff;
    text-align: left;
}

#tabBox1 {
    margin-right: 40px;
}

.tab_left {
    display: block;
    float: left;
    width: 360px;
    text-align: left;
    font-size: 14px;
    margin-right: 60px;
}

.tab_right {
    display: block;
    float: left;
    width: 330px;
    text-align: left;
    font-size: 14px;
}

.tab_left table tr td:nth-of-type(1),
.tab_right table tr td:nth-of-type(1) {
    width: 263px;
}

.tab_center {
    width: 370px;
    margin: 0 auto;
    text-align: left;
    font-size: 14px;
}

.tab_center table tr td:nth-of-type(1) {
    width: 290px;
}

#tabBox2 {
    display: none;
}

#tabBox2.active {
    display: block;
}

#tabBox3 {
    display: none;
}

.clear {
    clear: both;
}

.tadasi {
    font-size: 11px;
}

#top_09_flow {
    text-align: center;
    padding-bottom: 5%;
    padding-top: 10%;
    width: 100%;
    margin: 0 auto;
    min-width: 1200px;
    color: #fff;
    background-color: #827c5a;
}

#pop_wrapper {
    height: 730px;
}

#pop_wrapper.active {
    z-index: 99;
    width: 600px;
    height: 500px;
    opacity: 0.3;
    background-color: #f00;
    display: block;
}

#flow01,
#flow02,
#flow03,
#flow04,
#flow05,
#flow06,
#flow07,
#flow08,
#flow09 {
    cursor: pointer;
}

#pop01,
#pop02,
#pop03,
#pop04,
#pop05,
#pop06,
#pop07,
#pop08,
#pop09 {
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
    opacity: 0;
}

#pop01.active {
    z-index: 999;
    display: block;
    background: url("../images/top_09_flow_pop01_bg.png") no-repeat;
    width: 341px;
    height: 529px;
    position: relative;
    opacity: 1;
    bottom: 350px;
    left: 200px;
}

#pop02.active {
    z-index: 999;
    display: block;
    background: url("../images/top_09_flow_pop02_bg.png") no-repeat;
    width: 341px;
    height: 529px;
    position: relative;
    bottom: 350px;
    left: 300px;
    opacity: 1;
}

#pop03.active {
    z-index: 999;
    display: block;
    background: url("../images/top_09_flow_pop03_bg.png") no-repeat;
    width: 341px;
    height: 529px;
    position: relative;
    bottom: 350px;
    left: 450px;
    opacity: 1;
}

#pop04.active {
    z-index: 999;
    display: block;
    background: url("../images/top_09_flow_pop04_bg.png") no-repeat;
    width: 341px;
    height: 529px;
    position: relative;
    bottom: 350px;
    left: 570px;
    opacity: 1;
}

#pop05.active {
    z-index: 999;
    display: block;
    background: url("../images/top_09_flow_pop05_bg.png") no-repeat;
    width: 341px;
    height: 529px;
    position: relative;
    bottom: 350px;
    left: 670px;
    opacity: 1;
}

#pop06.active {
    z-index: 999;
    display: block;
    background: url("../images/top_09_flow_pop06_bg.png") no-repeat;
    width: 341px;
    height: 529px;
    position: relative;
    bottom: 350px;
    left: 770px;
    opacity: 1;
}

#pop07.active {
    z-index: 999;
    display: block;
    background: url("../images/top_09_flow_pop07_bg.png") no-repeat;
    width: 341px;
    height: 529px;
    position: relative;
    bottom: 350px;
    left: 900px;
    opacity: 1;
}

#pop08.active {
    z-index: 999;
    display: block;
    background: url("../images/top_09_flow_pop08_bg.png") no-repeat;
    width: 341px;
    height: 529px;
    position: relative;
    bottom: 350px;
    left: 720px;
    opacity: 1;
}

#pop09.active {
    z-index: 999;
    display: block;
    background: url("../images/top_09_flow_pop09_bg.png") no-repeat;
    width: 341px;
    height: 529px;
    position: relative;
    bottom: 350px;
    left: 840px;
    opacity: 1;
}

#stylist h2 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
}

#stylist p {
    line-height: 1.3em;
}

#top_10_stylist {
    text-align: center;
    padding-bottom: 5%;
    padding-top: 10%;
    width: 100%;
}

#top_10_stylist_btn {
    cursor: pointer;
    background: url("../images/top_btn_03.jpg") top left no-repeat;
    width: 39px;
    height: 39px;
    padding-left: 50px;
    padding-top: 14px;
    padding-bottom: 14px;
    margin-top: 50px;
}

#top_11_movie {
    text-align: center;
    padding-bottom: 5%;
    padding-top: 10%;
    width: 100%;
}

#moviebox ul li {
    width: 300px;
    float: left;
    margin-right: 45px;
    margin-bottom: 45px;
    margin-top: 20px;
    list-style-type: none;
}

#moviebox ul li:nth-of-type(3) {
    margin-right: 0px;
}

#moviebox ul {
    margin: 0 auto;
    width: 990px;
}

#moviebox {
    clear: both;
}

#top_11_movie_btn {
    clear: both;
}

#top_11_movie_btn_01 {
    cursor: pointer;
    background: url("../images/top_btn_01.jpg") top left no-repeat;
    width: 39px;
    height: 39px;
    margin-left: 70px;
    padding-left: 50px;
    padding-top: 12px;
    padding-bottom: 8px;
    vertical-align: center;
}

#top_12_access {
    text-align: center;
    padding-bottom: 5%;
    padding-top: 3%;
    width: 100%;
}

#header {
    color: white;
    position: absolute;
}

#logo {
    line-height: 2em;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 2em;
    font-weight: 400;
}

#logo h1 {
    display: inline-block;
    margin: 0;
    padding: 0;
}

#logo a {
    color: inherit;
}

#nav {
    position: absolute;
    top: 0;
    right: 0;
}

#nav>ul {
    margin: 0;
}

#nav>ul>li {
    border-radius: 4px;
    display: inline-block;
    margin-left: 0.5em;
    padding: 0 0.5em;
}

#nav>ul>li a {
    color: inherit;
    line-height: 4em;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1em;
}

#nav>ul>li:first-child {
    margin-left: 0;
}

#nav>ul>li.active a {
    color: white;
}

#nav>ul>li>ul {
    display: none;
}

#top_04_location>div.bx-wrapper>div.bx-viewport {
    height: 395px !important;
    z-index: 5;
}

#logo_mark {
    position: relative;
    top: -700px;
    left: 620px;
}


/* Main */

#main {
    padding: 4em 0;
}

#main #content .major,
#main #sidebar .major {
    text-align: left;
}

#main #sidebar section {
    margin-top: 4em;
}

#main #sidebar section:first-child {
    margin-top: 0;
}

#main #sidebar .major {
    padding-bottom: 2em;
}

#main #sidebar .major h2 {
    font-size: 1.8em;
}


/* Footer */

#footer {
    padding: 3em 0 2em 0;
    text-align: center;
    color: white;
    background-color: #827c5a;
    width: 930px;
    margin: 0 auto;
}

.icons {
    margin: 0 auto;
    clear: both;
    width: 161px;
}

.icons img:hover {
    opacity: 0.5;
}

#footer_menu li {
    width: 100px;
    margin-left: 8px;
    padding-right: 10px;
    border-right: solid 1px #fff;
    list-style-type: none;
    float: left;
}

#footer_menu li:nth-of-type(3) {
    padding-right: 0px;
    border-right: none;
}

#footer_menu li a {
    color: #fff;
}

footer .copyright {
    margin-top: 3em;
    text-align: center;
}


/* Copyright */

#copyright {
    position: relative;
    text-transform: uppercase;
    text-align: center;
    padding: 3em 0em 3em 0em;
    color: inherit;
    opacity: 0.4;
}

#copyright a {
    text-decoration: none;
    color: inherit;
}

.top_02_menu {
    display: block;
}

#top_13_footer {
    padding-top: 10%;
    text-align: center;
    color: white;
    background-color: #827c5a;
    width: 100%;
}

.icons {
    margin: 0 auto;
    clear: both;
    width: 161px;
}

.icons img:hover {
    opacity: 0.5;
}

#footer_menu {
    width: 400px;
    margin: 0 auto;
    padding-bottom: 33px;
}

#footer_menu li {
    width: 100px;
    margin-left: 8px;
    padding-right: 10px;
    border-right: solid 1px #fff;
    float: left;
}

#footer_menu li:nth-of-type(3) {
    padding-right: 0px;
    border-right: none;
}

footer .copyright {
    margin-top: 3em;
    text-align: center;
}


/* Copyright */

#copyright {
    position: relative;
    text-transform: uppercase;
    text-align: center;
    padding: 3em 0em 3em 0em;
    color: inherit;
    opacity: 0.4;
}

#copyright a {
    text-decoration: none;
    color: inherit;
}

.top_02_menu ul {
    max-width: 740px;
    margin: 0 auto;
    clear: both;
}

.top_02_menu ul li {
    float: left;
    list-style-type: none;
    max-width: 148px;
    min-width: 10px;
}

.top_02_menu ul li img {
    width: 100%;
}


/*エントランスページここから*/

#ent_box {
    width: 700px;
    margin: 10% auto;
    color: #3e3a39;
}

.ent_box_co {
    text-align: center;
    width: 350px;
    float: left;
}

.ent_box_co h2 {
    font-size: 16pt;
    margin-bottom: 1.2em;
}

.ent_box_co h3 {
    color: #3e3a39;
}

.ent_box_co p {
    font-size: 14px;
    color: #3e3a39;
}

.ent_box_co #ent_one {
    float: left;
    margin-left: 20px;
    margin-right: 0px;
}

.ent_box_co #ent_two {
    float: left;
    margin-left: 20px;
    margin-right: 20px;
}

#ent_bottom {
    clear: both;
    text-align: center;
    padding-top: 6%;
}

#ent_pin {
    margin-left: 5px;
}

.ent_page {
    background: url("../images/ent_bg.jpg") no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
}


/*エントランスページここまで*/


/*追加css (GP)*/

.br-sp {
    display: none;
}

@media (max-width: 420px) {
    .br-sp {
        display: inline;
    }
}


/* 新 アクセス ここから */

.access-header {
    background-color: #827c5a;
    width: 100%;
    padding: 50px 0px;
}

.access-base {
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
    padding: 50px 0px;
    display: block;
}

.access-l {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

.access-l ul {
    text-align: left;
    color: #827c5a;
    font-size: 16px;
    font-family: inherit;
    margin-bottom: 0px;
}

.access-l li {
    min-height: 30px;
    padding-left: 34px;
    background-repeat: no-repeat;
    background-size: 24px;
    margin-bottom: 10px;
    line-height: 1.5;
    letter-spacing: 2px;
}

.access-l li:nth-child(1) {
    font-size: 24px;
    line-height: 1.1;
    background-image: url(../../images/access/access-1.png);
    background-size: 24px;
    margin-bottom: 20px;
}

.access-l li:nth-child(2) {
    background-image: url(../../images/access/access-2.png);
}

.access-l li:nth-child(3) {
    background-image: url(../../images/access/access-3.png);
}

.access-l li:nth-child(4) {
    background-image: url(../../images/access/access-4.png);
}

.access-l li:nth-child(5) {
    background-image: url(../../images/access/access-5.png);
}

.access-l li:nth-child(6) {
    background-image: url(../../images/access/access-6.png);
}

.access-l li:nth-child(7) {
    background-image: url(../../images/access/access-7.png);
}

.access-l li:nth-child(8) {
    background-image: url(../../images/access/access-8.png);
}

.bgy_center {
    background-position-y: center;
}

a.map-link {
    display: inline-block;
    padding: 4px 20px;
    border: 1px solid #827c5a;
    letter-spacing: 2px;
    transition: 0.3s;
}

a.map-link:hover {
    background: #827c5a;
    color: #fff;
}

.access-r {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

.mb50 {
    padding: 100px 0px 50px;
}

@media screen and (max-width: 1000px) {
    .access-base {
        width: 800px;
    }
}

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

    .access-base,
    .access-l,
    .access-r {
        width: 100%;
    }

    .access-base {
        padding: 100px 20px;
    }

    .access-l,
    .access-l ul {
        text-align: center;
    }

    .access-l li {
        padding-left: 0px;
        background-image: none !important;
    }

    .access-l a {
        display: inline-block;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 40px;
    }

    .access-r img {
        max-width: 440px;
    }
}

@media screen and (max-width: 550px) {
    .access-r img {
        max-width: 100%;
    }
}


/* 新 アクセス ここまで */


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

追加サブページ 201801

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

body.subpage {
    background: #ffebe4;
    color: #827c5a;
}

#sub-page-tilte .sub-page-container {
    padding-top: 150px;
    padding-bottom: 80px;
}

.sub-page-container h1 {
    text-align: center;
    margin-bottom: 30px;
    padding-top: 120px;
}

.Wrap-sub-page:after {
    background: #ffebe4 !important;
}

.contents-main-image {
    text-align: center;
    margin-bottom: 40px;
}

.sub-page-contents {
    margin-bottom: 80px;
}

.sub-page-contents h2 {
    text-align: center;
}

@media screen and (max-width: 767px) {
    .sub-page-contents h2 img {
        margin: 0 20px;
        width: 80%;
    }
}

.item-list-container {
    width: 650px;
    margin: 0 auto;
    letter-spacing: 1px;
    margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
    .item-list-container {
        width: 100%;
        padding: 0 15px;
    }
}

.item-list-container ul li {
    line-height: 1.5;
    margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
    .item-list-container ul li {
        line-height: 1.5;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px dotted;
    }

    .item-list-container ul li:last-child {
        border-bottom: none;
    }
}

ul.item-list-left {
    border-right: 1px solid;
    width: 50%;
    margin: 0;
}

@media screen and (max-width: 767px) {
    ul.item-list-left {
        border-right: none;
        width: 100%;
    }
}

ul.item-list-right {
    padding-left: 5%;
    width: 45%;
    margin: 0;
}

@media screen and (max-width: 767px) {
    ul.item-list-right {
        border-right: none;
        width: 100%;
        margin: 0;
        padding: 0;
    }
}

ul.item-list-center {
    display: block;
    margin: 0 auto;
    width: 180px;
}

@media screen and (max-width: 767px) {
    ul.item-list-center {
        display: block;
        margin: 0;
        width: 100%;
    }
}

.item-list-container-kinen ul li:first-child {
    font-size: 18px;
    font-weight: bold;
}

.attention-container {
    text-align: center;
}

.attention-container h3 {
    padding-bottom: 10px;
    border-bottom: 1px solid;
    max-width: 250px;
    margin: 0 auto 10px;
    font-size: 15px;
}

.btn-box {
    max-width: 650px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

@media screen and (max-width: 767px) {
    .btn-box {
        max-width: 650px;
        margin: 0 auto;
        display: block;
        margin-top: 30px;
    }
}

.btn-box li {
    text-align: center;
    margin-bottom: 15px;
}

.btn-box a {
    color: #d63239;
    width: 250px;
    border: 1px solid;
    border-radius: 5px;
    padding: 10px;
    font-size: 24px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    margin: 0 10px;
    -webkit-transition: 0.15s ease-in-out;
    -moz-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
}

@media screen and (max-width: 767px) {
    .btn-box a {
        color: #d63239;
        width: 80%;
        margin: 0 15px;
        border: 1px solid;
        border-radius: 5px;
        padding: 10px;
        font-size: 24px;
        font-weight: bold;
        display: inline-block;
        text-align: center;
        margin: 0 10px;
        font-size: 18px;
    }
}

.btn-box a:hover {
    background: #d63239;
    color: #fff;
    opacity: 1;
    -webkit-transition: 0.15s ease-in-out;
    -moz-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
}

.kinen-page.shichigosan-page h2,
.kinen-page.sotsugyou-pege h2 {
    margin-bottom: 25px;
}

.kinen-page-txt {
    max-width: 650px;
    margin: 0 auto 30px auto;
    letter-spacing: 2px;
}

@media screen and (max-width: 767px) {
    .kinen-page-txt {
        max-width: 100%;
        padding: 0 15px;
        letter-spacing: 0;
    }
}

.kinen-page .item-list-container.kinen-sotsugyou ul li {
    text-align: center;
    letter-spacing: 2px;
}

@media screen and (max-width: 767px) {
    .kinen-page .item-list-container.kinen-sotsugyou ul li {
        text-align: left;
    }
}

.kinen-page-txt {
    text-align: center;
}

.seijinshiki-page .kinen-page-txt {
    font-size: 25px;
}

@media screen and (max-width: 439px) {
    .kinen-page-txt {
        text-align: left;
    }
}

.last-li {
    margin-bottom: 25px !important;
}

@media screen and (max-width: 439px) {
    .last-li {
        margin-bottom: 0 !important;
        border-bottom: none;
    }
}

.seijinshiki-table-arera {
    max-width: 650px;
    margin: 0 auto 45px auto;
}

@media screen and (max-width: 767px) {
    .seijinshiki-table-arera {
        padding: 15px;
        margin: 0 auto 0px auto;
    }
}

.seijinshiki-table-arera td {
    border: 1px solid #595959;
    border-collapse: collapse;
}

.seijinshiki-table-arera th {
    border: none;
    background: none !important;
    border-collapse: collapse;
    color: #000;
}

.seijinshiki-table-arera td,
.seijinshiki-table-arera th {
    padding: 10px 5px;
    width: 33%;
    height: 25px;
    text-align: center;
}

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

    .seijinshiki-table-arera td,
    .seijinshiki-table-arera th {
        -ms-text-align-last: left;
        text-align-last: left;
        padding: 10px 5px;
        width: 30%;
    }

    .seijinshiki-table-arera td:first-child,
    .seijinshiki-table-arera th:first-child {
        width: 40%;
    }
}

.seijinshiki-table-arera td:first-child {
    color: #000;
}

.seijinshiki-table-arera td:first-child span {
    font-weight: bold;
}

.seijinshiki-table-arera th {
    background: #f0e6cc;
}

.seijinshiki-table-arera .even {
    background: #fbf8f0;
}

.seijinshiki-table-arera .odd {
    background: #fefcf9;
}

.seijinshiki-bottom-txt {
    max-width: 260px;
    text-align: center;
    padding: 7px;
    margin: 25px auto 0 auto;
    border-top: 1px solid #807c5b;
    border-bottom: 1px solid #807c5b;
}

.kinen-menu {
    max-width: 500px;
    margin: 25px auto;
}

@media screen and (max-width: 520px) {
    .kinen-menu {
        width: 100%;
    }
}

.kinen-menu a {
    display: inline-block;
    width: 32%;
    line-height: 1;
    text-align: center;
    border-right: 1px solid #807c5b;
    font-size: 17px;
}

.kinen-menu a:last-child {
    border-right: none;
}

.kinen-page h1 {
    margin-bottom: 10px !important;
}

.under-line {
    text-decoration: underline;
}


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

追加トップページ 201801

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

.link-arrow {
    display: inline-block;
    min-height: 33px;
    padding-top: 3px;
    padding-left: 43px;
    color: #fff;
    line-height: 33px;
    background: url(../images/common/icon_arrow-right.png) no-repeat;
}

.link-arrow-white {
    display: inline-block;
    min-height: 33px;
    padding-top: 3px;
    padding-left: 43px;
    color: #fff;
    line-height: 33px;
    background: url(../images/common/icon_arrow-right-wh.png) no-repeat;
}

.top-contents-container-fluid {
    padding: 40px 0;
    text-align: center;
}

.top-contents-container {
    margin: 20px 0;
    font-size: 20px;
    font-weight: normal;
}

.top-contents-container h3 {
    font-size: 20px;
    margin: 20px 0;
    font-weight: normal;
}

.top-contents-container h3+p {
    font-size: 14px;
}

.top-contents-text-area {
    padding: 0 15px;
}

#odekake-container-fluid {
    background-color: #827c5a;
    color: #fff;
}

.odekake-container a {
    color: #fff;
}

#kinen-container-fluid {
    background-color: #fff;
    color: #827c5a;
}

.kinen-container a {
    color: #827c5a;
}

#este-container-fluid {
    background-color: #827c5a;
    color: #fff;
}

.este-container a {
    color: #fff;
}

.este-container .link-tsubaki {
    margin-bottom: 20px;
}

.este-container .link-tsubaki a {
    display: inline-block;
}

.este-container .link-sub-text {
    font-size: 13px;
    line-height: 1.5;
}

.staff-list-container {
    margin-top: 20px;
    max-width: 800px;
}

@media screen and (max-width: 520px) {
    .staff-list-container {
        padding: 0 10px;
    }
}

.staff-list-container ul {
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
}

.staff-list-container ul li {
    width: 25%;
}

@media screen and (max-width: 520px) {
    .staff-list-container ul li {
        width: 50%;
    }
}

.staff-list-container ul li h4 {
    margin-top: 10px;
    font-weight: normal;
}

.staff-list-container ul li p {
    font-size: 12px;
}

#este-container-fluid-link,
#kinen-container-fluid-link,
#odekake-container-fluid-link {
    padding-top: 80px;
    margin-top: -80px;
}

.odekake-menu-txt {
    text-align: center;
    padding: 0 15px;
}

.omiyamairi-plan-area {
    width: 650px;
    margin: 0 auto 30px auto;
    letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
    .omiyamairi-plan-area {
        width: 100%;
        padding: 0 15px;
    }
}

.omiyamairi-plan {
    margin-bottom: 40px;
}

.omiyamairi-plan-area h3 {
    max-width: 500px;
    display: block;
    color: #827c59;
    font-size: 16px;
    text-align: center;
    background: #ffebe5;
    padding: 8px 15px;
    border-radius: 30px;
    margin: 0 auto 20px auto;
    border: 2px solid #827c59;
}

.omiyamairi-price {
    font-size: 20px;
    margin: 0;
    text-align: center;
    margin: 0 0 15px 0;
}

.omiyamairi-plan-area .plan-txt {
    text-align: center;
    margin-bottom: 0px;
}

.omiyamairi-plan h4 {
    max-width: 120px;
    font-size: 15px;
    text-align: center;
    color: #827c59;
    padding: 5px 10px;
    margin: 0 auto;
    border-top: 1px solid #827c59;
    border-bottom: 1px solid #827c59;
    margin-bottom: 20px;
}

.omiyamairi-plan ul {
    max-width: 210px;
    margin: 0 auto;
}

.omiyamairi-page .attention-container p {
    margin: 0;
    padding-bottom: 5px;
}

.omiyamairi-page .attention-container p:first-child {
    border-bottom: 1px solid #827c59;
    display: inline-block;
    margin-bottom: 5px;
}


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

コラム css調整 2018-11

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

#indexEntry {
    max-width: 800px;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    #indexEntry {
        margin-right: 15px;
        margin-left: 15px;
        max-width: 100%;
    }
}

#indexEntry figure {
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    #indexEntry figure {
        margin-right: -15px;
        margin-left: -15px;
    }
}

#indexEntry p {
    font-size: 16px;
    text-align: left;
}

#indexEntry h2 {
    margin-bottom: 30px;
    margin-top: 60px;
}

@media screen and (max-width: 767px) {
    #indexEntry h2 {
        font-size: 18px;
        text-align: left;
        line-height: 1.5;
        margin-bottom: 15px;
        margin-top: 30px;
        font-weight: bold;
    }

    #indexEntry p {
        font-size: 14px;
    }
}

#indexEntry .column_link {
    background: #eeede4 !important;
    padding: 40px 40px 10px;
    margin-bottom: 30px;
    max-width: 100%;
}

@media screen and (max-width: 767px) {
    #indexEntry .column_link {
        padding: 40px 20px 10px;
        margin-bottom: 30px;
    }
}

#indexEntry .column_link ul li {
    width: 49%;
    border: 1px solid #827c5a;
    margin-bottom: 15px;
    text-align: left;
    background: #fff;
    float: left;
    margin-right: 1%;
}

@media screen and (max-width: 767px) {
    #indexEntry .column_link ul li {
        width: 100%;
        border: 1px solid #827c5a;
        margin-bottom: 10px;
        text-align: left;
        background: #fff;
        margin-right: 0;
    }
}

#indexEntry .column_link ul li a {
    padding: 10px;
    min-height: 70px;
}

@media screen and (max-width: 767px) {
    #indexEntry .column_link ul li a {
        min-height: auto;
    }
}

#indexEntry .column_link h3 {
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 3px;
}

#indexEntry .column_link h3 span {
    font-size: 13px;
}


/* For modern browsers */

.cf:before,
.cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}


/* For IE 6/7 (trigger hasLayout) */

.cf {
    zoom: 1;
}


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

    コロナ対策

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

#attention-container p {
    text-align: left !important;
    margin: 15px 0 !important;
    color: #666666 !important;
}

@media (min-width: 768px) {
    #attention-container p {
        font-size: 16px !important;
        font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif !important;
    }
}

#attention-container {
    border: 1px solid #ccc;
    padding: 15px !important;
    background: #fff;
    margin: 30px 15px;
}

@media (min-width: 768px) {
    #attention-container {
        padding: 40px !important;
        width: 70%;
        margin: 30px auto;
    }
}

#attention-container section.attention-cont {
    padding: 0 !important;
    border-bottom: 1px solid #827c5a;
    padding-bottom: 10px !important;
}

@media (min-width: 768px) {
    #attention-container section.attention-cont {
        padding-bottom: 30px !important;
        margin-bottom: 30px !important;
    }
}

#attention-container section.attention-cont h3 {
    color: #666666 !important;
    font-size: 18px !important;
    margin: 20px 0;
    text-align: left;
}

@media (min-width: 768px) {
    #attention-container section.attention-cont h3 {
        font-size: 25px !important;
        margin: 35px 0;
    }
}

#attention-container .attention-list {
    margin: 0 !important;
}

#attention-container .attention-list li {
    color: #666666 !important;
    font-size: 14px !important;
    margin-bottom: 0 !important;
    padding-left: 1em !important;
    text-indent: -1em !important;
    color: #b2a374;
    text-align: left !important;
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif !important;
    line-height: 1.5;
}

@media (min-width: 768px) {
    #attention-container .attention-list li {
        font-size: 16px !important;
    }
}

#attention-container .attention-list li:not(:last-child) {
    margin-bottom: 10px !important;
}

@media (min-width: 768px) {
    #attention-container .attention-list li:not(:last-child) {
        margin-bottom: 5px !important;
    }
}

#attention-container .information-list {
    margin: 0 !important;
}

#attention-container .information-list li {
    color: #666666 !important;
    font-size: 14px !important;
    margin-bottom: 0 !important;
    text-align: left !important;
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif !important;
    line-height: 2;
}

#attention-container .information-list li span.waku {
    color: #666666 !important;
    border: 1px solid #333 !important;
    padding: 3px 10px !important;
    display: inline-block !important;
    margin-right: 10px !important;
    line-height: 1.5 !important;
}

@media (min-width: 768px) {
    #attention-container .information-list li {
        font-size: 18px !important;
        line-height: 2 !important;
        text-align: left !important;
    }
}

#attention-container .information-list li:not(:last-child) {
    margin-bottom: 10px !important;
}

#attention-container .name {
    text-align: right !important;
    margin-top: 30px !important;
}

#attention-container section.attention-cont .mail-link-text a {
    text-decoration: underline !important;
    color: #74c4be;
}