/* CSS Document */
@import url(../images.pc.0b41aa011e589ac18c2aea4a431c3a25/css.bb4523e87eb63a106944bcbc06e17dd5._);
@font-face {
    font-family: "yasashisa";
    src: url(../font/yasashisa.eot);
    src: url(../images.f8cd24a76eabd581bbae133d28872f74/yasashisa.eot) format("embedded-opentype"), url(../font/yasashisa.woff) format("woff"), url(../font/yasashisa.otf) format("opentype");
    font-weight: normal;
    font-style: normal
    }
@font-face {
    font-family: "UtsukushiMincho";
    src: url(../font/UtsukushiMincho.eot);
    src: url(../images.f8cd24a76eabd581bbae133d28872f74/UtsukushiMincho.eot) format("embedded-opentype"), url(../font/UtsukushiMincho.woff) format("woff"), url(../font/UtsukushiMincho.ttf) format("truetype");
    font-weight: normal;
    font-style: normal
    }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button, p {
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", YuGothic, "游ゴシック", "ＭＳ Ｐゴシック", sans-serif;
    line-height: 160%;
    color: #857972
    }
.i {
    font-family: "fontawesome-webfont"
    }
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
    }
.clearfix {
    display: inline-block
    }
* html .clearfix {
    height: 1%
    }
.clearfix {
    display: block
    }
.clearfix {
    /*
        overflow: hidden;
    */
    }
.clear {
    clear: both
    }
img {
    vertical-align: top;
    border: none
    }
a {
    color: #857972;
    text-decoration: none
    }
a:hover {
    opacity: 0.6
    }
ul {
    list-style: none
    }
body {
    background: url(../images.9108ccf85606138e36841651911d6a14/bodybk.jpg) 0 0 repeat
    }
#wrapper {
    min-width: 1024px;
    overflow: hidden
    }
#header {
    width: 1024px;
    height: 99px;
    background: url(../images.9108ccf85606138e36841651911d6a14/headflower.png) 0 0 no-repeat;
    margin: 0 auto
    }
#header h1 {
    font-size: 12px;
    font-weight: normal;
    padding: 7px 0 0 0;
    height: 21px
    }
#header h2 {
    float: left;
    padding: 13px 0 0 0;
    width: 589px;
    height: auto;
    text-align: right
    }
#header h2 .s {
    display: inline-block !important;
    vertical-align: bottom;
    font-size: 18px;
    color: #476C34;
    font-family: Arial, Helvetica, sans-serif;
    padding-right: 46px
    }
#header .right {
    float: right;
    text-align: right;
    padding: 0 9px 0 0;
    max-width: 430px
    }
#header .right dl {
    padding-top: 6px
    }
#header .right dt {
    display: inline-block !important;
    font-size: 16px;
    font-family: "yasashisa", sans-serif
    }
#header .right dd {
    display: inline-block !important;
    font-size: 20px;
    font-family: "yasashisa", sans-serif;
    color: #486C35;
    width: 197px
    }
#header .right dd img {
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 7px
    }
#gnav ul {
    width: 1024px;
    height: auto;
    margin: 0 auto;
    background: url(../images.9108ccf85606138e36841651911d6a14/line.gif) right 0 no-repeat
    }
#gnav li {
    float: left;
    padding: 0 0 0 2px;
    background: url(../images.9108ccf85606138e36841651911d6a14/line.gif) 0 0 no-repeat
    }
#gnav li a {
    display: block;
    text-align: center;
    font-family: "yasashisa", sans-serif;
    font-size: 16px;
    color: #756A67;
    line-height: 35px;
    height: 45px;
    padding-bottom: 4px
    }
#gnav li a:hover, #gnav li.st a {
    opacity: 1;
    padding-bottom: 0;
    border-bottom: 4px solid #6C992D;
    color: #486C35
    }
#gnav li.b7 a {
    color: #900;
    width: 102px
    }
#gnav li.b6 {
    width: 144px
    }
#gnav li.b5 {
    width: 136px
    }
#gnav li.b4 {
    width: 210px
    }
#gnav li.b3 {
    width: 148px
    }
#gnav li.b2 {
    width: 165px
    }
#gnav li.b1 {
    width: 103px
    }
#footer {
    background: url(../images.9108ccf85606138e36841651911d6a14/foottopbk.png) 0 0 repeat-x
    }
#footer .inner {
    width: 1024px;
    height: auto;
    margin: 0 auto;
    background: url(../images.9108ccf85606138e36841651911d6a14/footflower.png) 120px 0 no-repeat;
    padding: 59px 0 0 0;
    position: relative
    }
#footer .left {
    width: 220px;
    height: auto;
    float: left;
    padding: 0 42px 0 0
    }
#footer .left h3 {
    text-align: center;
    padding: 0 0 26px 0
    }
#footer .left li {
    float: left;
    width: 130px;
    padding: 0 0 12px 0
    }
#footer .left li:nth-child(even) {
    width: 90px
    }
#footer .left li a {
    background: url(../images.9108ccf85606138e36841651911d6a14/footmk.png) 3px 3px no-repeat;
    padding: 0 0 0 23px;
    font-size: 12px
    }
#footer .left li dd a {
    background: url(../images.9108ccf85606138e36841651911d6a14/footmk2.png) 0 3px no-repeat;
    padding-left: 12px;
    font-size: 12px
    }
#footer .left li dd {
    width: 113px;
    padding: 0 0 0 23px
    }
#footer .left li dt {
    background: url(../images.9108ccf85606138e36841651911d6a14/footmk.png) 3px 3px no-repeat;
    padding: 0 0 12px 23px;
    font-size: 12px
    }
#footer .left li:last-child {
    text-align: right
    }
#footer .left li:last-child a {
    background: none
    }
#footer .center {
    width: 284px;
    height: auto;
    float: left
    }
#footer .center dt {
    font-size: 16px;
    font-family: "yasashisa", sans-serif;
    padding: 0 0 0 49px
    }
#footer .center dd {
    padding: 0 0 15px 12px;
    font-size: 20px;
    font-family: "yasashisa", sans-serif;
    color: #486C35
    }
#footer .center dd img {
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 7px
    }
#footer .right {
    float: right;
    width: 420px;
    height: auto;
    padding: 25px 28px 0 0
    }
#footer .right .add .w {
    display: inline-block !important;
    vertical-align: middle;
    color: #736A66;
    line-height: 140%;
    padding-left: 12px
    }
#footer .right .add img {
    vertical-align: middle
    }
#footer .right .add {
    padding-bottom: 8px
    }
#footer .right #map {
    width: auto;
    height: 396px;
    margin: 1px;
    border: 1px solid #fff;
    box-shadow: 0 0 0 1px #D4C1B6;
    -moz-box-shadow: 0 0 0 1px #D4C1B6;
    -webkit-box-shadow: 0 0 0 1px #D4C1B6
    }
#footer .copy {
    margin-top: 53px;
    background: url(../images.9108ccf85606138e36841651911d6a14/copybk.gif) 0 0 repeat;
    line-height: 60px;
    text-align: center;
    color: #fff;
    font-size: 14px
    }
#footer .totop {
    position: fixed;
    bottom: 20px;
    right: 8px;
    z-index: 999;
    }
.h3h {
    text-align: center;
    font-size: 28px;
    font-weight: normal;
    font-family: "yasashisa", sans-serif;
    color: #5B8127
    }
.h3h .e {
    font-family: "Cinzel Decorative", cursive;
    display: block;
    color: #80926B;
    font-size: 16px;
    line-height: 1
    }
.fr {
    background-image: url(../images.9108ccf85606138e36841651911d6a14/titfr.png);
    background-position: 563px 0;
    background-repeat: no-repeat
    }
.fl {
    background-image: url(../images.9108ccf85606138e36841651911d6a14/titfl.png);
    background-position: 298px 0;
    background-repeat: no-repeat
    }
.bk1 {
    background: url(../images.9108ccf85606138e36841651911d6a14/bk2.gif) 0 0 repeat
    }
.bkw {
    background-image: url(../images.9108ccf85606138e36841651911d6a14/topbk.png), url(../images/bkwb30.jpg);
    background-repeat: repeat-x, repeat
    }
#main .inner {
    width: 1024px;
    height: auto;
    margin: 0 auto
    }
h4 {
    color: #5A8026
    }
/*home*/
.homewrap {
    width: 1022px;
    height: 518px;
    border: 1px solid #D4C1B6;
    margin: 0 auto;
    background: #fff;
    margin-bottom: 16px;
    position: relative
    }
.homewrap:after, .homewrap:before {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 25px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 20px 20px #777;
    -moz-box-shadow: 0 20px 20px #777;
    box-shadow: 0 20px 20px #777;
    -webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
    -o-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    transform: rotate(-8deg)
    }
.homewrap:after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto
    }
.homewrap .mainimg {
    margin: 9px
    }
.home-messa {
    position: absolute;
    top: 180px;
    left: -65px;
    background: url(../images.07ebe8d5214f9bfa34ce843fcaa18845/main-messa.png) 0 0 no-repeat;
    width: 200px;
    height: 137px;
    text-align: center;
    color: #fff;
    font-family: "yasashisa", sans-serif;
    font-size: 20px;
    line-height: 140%;
    padding: 63px 0 0 0;
    border-radius: 50%;
    /* CSS3草案 */
    -webkit-border-radius: 50%;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 50%;
    /* Firefox用 */
    }

.home-concept h3 {
    padding-top: 60px
    }
.home-concept .pic {
    float: left
    }
.home-concept .right {
    width: 655px;
    height: auto;
    float: right;
    padding: 60px 52px 0 0
    }
.home-concept h4 {
    font-size: 24px;
    font-weight: normal;
    font-family: "yasashisa", sans-serif;
    padding-bottom: 28px
    }
.home-concept .right p {
    padding: 0 0 20px 0
    }
.home-concept .right p.more {
    text-align: right
    }
.home-concept {
    padding-bottom: 40px
    }
.home-concept .right p.more a {
    display: inline-block !important;
    border: 1px solid #6C992D;
    width: 148px;
    height: 38px;
    text-align: center;
    color: #597F26;
    font-family: "Cinzel Decorative", cursive;
    font-size: 20px;
    line-height: 38px
    }
.home-concept .right p.more a .m {
    padding-left: 1.5em
    }
.home-menu h3 {
    padding: 67px 0 50px 0
    }
.home-menu dl {
    width: 221px;
    height: auto;
    float: left;
    padding: 0 0 47px 28px;
    text-align: center
    }
.home-menu dd a {
    display: block;
    width: 211px;
    height: 211px;
    padding: 5px;
    border-radius: 50%;
    /* CSS3草案 */
    -webkit-border-radius: 50%;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 50%;
    /* Firefox用 */
    background: url(../images.07ebe8d5214f9bfa34ce843fcaa18845/menulbk.gif) 0 0 repeat
    }
.home-menu dd a img {
    border-radius: 50%;
    /* CSS3草案 */
    -webkit-border-radius: 50%;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 50%;
    /* Firefox用 */
    }
.home-menu dt {
    font-size: 18px;
    font-family: "yasashisa", sans-serif;
    color: #6C992D
    }
.home-menu dt .e {
    color: #80926B;
    font-size: 14px;
    display: block;
    font-family: "Cinzel Decorative", cursive
    }
.home-menu dt + dd {
    font-size: 12px;
    color: #5A8026
    }
.home-menu li {
    border-top: 2px dotted #A0B681;
    border-bottom: 2px dotted #A0B681;
    width: 240px;
    height: auto;
    padding: 2px 0;
    display: inline-block !important;
    vertical-align: top;
    text-align: left;
    letter-spacing: 0;
    margin: 0 39px
    }
.home-menu ul {
    text-align: center;
    letter-spacing: -5px
    }
.home-menu li a {
    display: block;
    background-color: rgba(181, 203, 149, 0.2);
    padding: 0 0 0 16px;
    height: 58px;
    line-height: 58px;
    font-size: 17px;
    font-family: "yasashisa", sans-serif;
    color: #5B8127;
    background-image: url(../images.07ebe8d5214f9bfa34ce843fcaa18845/menumore.png);
    background-repeat: no-repeat;
    background-position: 214px 25px
    }
.home-menu li a img {
    vertical-align: middle;
    margin-right: 9px
    }
.home-menu {
    padding-bottom: 25px
    }
.home-salon {
    width: auto;
    height: 600px;
    background: #F9F4EF;
    position: relative
    }
.home-salon .bkimg {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -640px;
    background: #fff
    }
.home-salon .bkimg img {
    opacity: 0.5;
    position: relative;
    z-index: 0
    }
.home-salon .bkimg:before {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: -moz-linear-gradient(left, rgba(249, 244, 239, 1) 0%, rgba(249, 244, 239, 0.8) 17%, rgba(249, 244, 239, 0.1) 49%, rgba(249, 244, 239, 0.8) 82%, rgba(249, 244, 239, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(249, 244, 239, 1) 0%, rgba(249, 244, 239, 0.8) 17%, rgba(249, 244, 239, 0.1) 49%, rgba(249, 244, 239, 0.8) 82%, rgba(249, 244, 239, 1) 100%);
    background: linear-gradient(to right, rgba(249, 244, 239, 1) 0%, rgba(249, 244, 239, 0.8) 17%, rgba(249, 244, 239, 0.1) 49%, rgba(249, 244, 239, 0.8) 82%, rgba(249, 244, 239, 1) 100%);
    z-index: 1
    }
.home-salon .inner {
    position: relative;
    z-index: 2
    }
.home-salon .inner:before {
    content: url(../images.9108ccf85606138e36841651911d6a14/titfr.png);
    position: absolute;
    top: 0;
    left: 563px
    }
.home-salon h3 {
    padding: 64px 0 37px 0;
    position: relative;
    z-index: 3
    }
.home-salon .left {
    float: left;
    width: 673px;
    height: auto
    }
.home-salon .saloninfo {
    width: 318px;
    height: 369px;
    background: url(../images.07ebe8d5214f9bfa34ce843fcaa18845/saloninfobk.gif) 0 0 no-repeat #fff;
    border: 2px solid #B6CD98;
    border-radius: 159px/185px;
    /* CSS3草案 */
    -webkit-border-radius: 159px/185px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 159px/185px;
    /* Firefox用 */
    float: right;
    overflow: hidden
    }
.home-salon .saloninfo h4 {
    text-align: center;
    padding: 56px 0 12px 0
    }
.home-salon .saloninfo h4 .e {
    display: block;
    line-height: 1;
    font-family: "Arial Black", Gadget, sans-serif;
    padding-bottom: 3px
    }
.home-salon .saloninfo dl {
    width: 282px;
    height: auto;
    margin: 0 auto;
    border-top: 2px dotted #D4E2C2;
    text-align: center
    }
.home-salon .saloninfo dt {
    text-align: center;
    font-family: "Cinzel Decorative", cursive;
    color: #6C992D;
    padding: 9px 0 5px 0
    }
.home-salon .saloninfo dt img {
    vertical-align: middle;
    margin-right: 6px
    }
.home-salon .saloninfo .tel dd {
    font-size: 20px;
    font-family: "yasashisa", sans-serif;
    color: #597E26;
    padding-bottom: 12px
    }
.home-salon .saloninfo .add dd {
    color: #6C992C;
    line-height: 140%
    }
.home-salon .box {
    width: 320px;
    height: auto
    }
.home-salon .left .box {
    padding-left: 27px
    }
.home-salon .right {
    float: left;
    margin-left: 3px
    }
.home-salon .box h4 {
    border-bottom: 2px solid #B5CC96;
    font-size: 18px;
    font-family: "yasashisa", sans-serif;
    font-weight: normal;
    padding: 0 0 7px 17px
    }
.home-salon .box h4 img {
    vertical-align: middle;
    margin-left: 22px;
    margin-top: -3px
    }
.home-salon .box li a {
    display: block;
    padding: 23px 0 19px 17px;
    color: #597E26
    }
.home-salon .box li {
    border-bottom: 2px dotted #D3DFBF
    }
.home-salon .box li .d {
    display: block;
    padding-bottom: 6px
    }
.home-3waku {
    background-image: url(../images.9108ccf85606138e36841651911d6a14/bk3.png), url(../images/home/home-3wakubk.jpg);
    background-repeat: repeat, repeat-x;
    background-position: 0 0, 0 0
    }
.home-3waku .inner {
    text-align: center;
    letter-spacing: -5px;
    padding-bottom: 65px
    }
.home-3waku dl {
    width: 296px;
    height: auto;
    letter-spacing: 0;
    display: inline-block !important;
    vertical-align: top;
    padding: 75px 20px 0 20px
    }
.home-3waku dt {
    font-size: 22px;
    font-family: "yasashisa", sans-serif;
    color: #6C992D;
    padding-bottom: 17px
    }
.home-3waku dt .e {
    color: #80926B;
    font-size: 16px;
    display: block;
    font-family: "Cinzel Decorative", cursive;
    line-height: 1;
    padding-top: 2px
    }
.home-3waku dt + dd {
    border: #D4C1B6 1px solid;
    width: auto;
    height: 342px;
    padding: 8px;
    background: url(../images.07ebe8d5214f9bfa34ce843fcaa18845/h3ddbk.gif) 0 0 repeat;
    box-shadow: 0 0 0 1px #fff inset;
    -moz-box-shadow: 0 0 0 1px #fff inset;
    -webkit-box-shadow: 0 0 0 1px #fff inset
    }
.home-3waku dt + dd .slide {
    position: relative;
    background: #fff;
    width: 276px;
    height: 341px;
    overflow: hidden
    }
.home-3waku dt + dd .slide img {
    position: relative;

    }
.home-3waku dt + dd .slide .w {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
    padding: 28px 0 0 0
    }
.home-3waku dt + dd .slide strong {
    display: block;
    text-align: center;
    font-weight: normal;
    font-size: 20px;
    padding-bottom: 8px;
    color: #333
    }
.home-3waku dt + dd ul {
    padding-top: 22px
    }
.home-3waku dt + dd li {
    text-indent: -9999px;
    width: 8px;
    height: 8px;
    background: #CCC;
    border-radius: 50%;
    /* CSS3草案 */
    -webkit-border-radius: 50%;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 50%;
    /* Firefox用 */
    display: inline-block !important;
    margin: 0 5px;
    cursor: pointer
    }
.home-3waku dt + dd li.st {
    background: #6C992D
    }
.home-3waku dd + dd {
    width: 90px;
    height: 90px;
    float: right;
    padding: 5px;
    background: url(../images.07ebe8d5214f9bfa34ce843fcaa18845/menulbk.gif) 0 0 repeat;
    border-radius: 50%;
    /* CSS3草案 */
    -webkit-border-radius: 50%;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 50%;
    /* Firefox用 */
    margin-top: -46px;
    z-index: 99;
    position: relative
    }
.home-3waku dd + dd a {
    display: block;
    background: #fff url(../images.07ebe8d5214f9bfa34ce843fcaa18845/h3more.gif) 73px 40px no-repeat;
    border-radius: 50%;
    /* CSS3草案 */
    -webkit-border-radius: 50%;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 50%;
    /* Firefox用 */
    width: auto;
    font-family: "yasashisa", sans-serif;
    line-height: 130%;
    padding-top: 25px;
    height: 65px
    }
.home-3waku dd + dd strong {
    display: block;
    font-weight: normal;
    color: #6C992D
    }
/*下層共通*/
.subtit {
    width: 1022px;
    height: 198px;
    border: 1px solid;
    border: 1px solid #D4C1B6;
    margin: 0 auto;
    background: #fff;
    margin-bottom: 35px;
    position: relative;
    margin-top: 10px
    }
.subtit:after, .subtit:before {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 25px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 20px 20px #777;
    -moz-box-shadow: 0 25px 30px #777;
    box-shadow: 0 30px 15px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg)
    }
.subtit:after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto
    }
.subtit h2 {
    position: absolute;
    width: 660px;
    height: 80px;
    text-align: center;
    background: rgba(108, 153, 45, 0.56);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -330px;
    z-index: 2;
    color: #fff;
    font-size: 28px;
    font-weight: normal;
    line-height: 78px;
    font-family: "yasashisa", sans-serif
    }
.subtit .bkimg {
    width: 1004px;
    height: 179px;
    margin: 9px;
    position: relative;
    overflow: hidden;
    }
    
.subtit .bkimg img {
    width: 100% !important;

    }    
    
.subtit .btn1 {
    top: -8px;
    right: -64px
    }
.subtit .btn2 {
    bottom: -59px;
    right: -69px
    }
.subtit .bkimg:before {
    content: url(../images.9108ccf85606138e36841651911d6a14/subtittop.png);
    position: absolute;
    top: 0;
    left: 9px
    }
.subtit .bkimg:after {
    content: url(../images.9108ccf85606138e36841651911d6a14/subtittbottom.png);
    position: absolute;
    bottom: 0;
    right: 3px
    }
.h3s {
    font-size: 28px;
    line-height: 130%;
    text-align: center;
    padding-top: 72px;
    font-family: "yasashisa", sans-serif;
    font-weight: normal;
    color: #5A8026
    }
.h4s {
    font-size: 20px;
    font-weight: normal;
    font-family: "yasashisa", sans-serif;
    text-align: center;
    line-height: 150%
    }
.h4s .w {
    display: inline-block !important;
    padding-left: 40px;
    padding-right: 40px;
    background-image: url(../images.9108ccf85606138e36841651911d6a14/h4sl.png), url(../images/h4sr.png);
    background-position: 0 0, right 0;
    background-repeat: no-repeat;
    min-width: 116px
    }
.bkg {
    background: #fff url(../images.9108ccf85606138e36841651911d6a14/bk3.png) 0 0 repeat
    }
/*visitor*/
.visit1 h3 {
    padding-bottom: 18px
    }
.visit1 .intro {
    text-align: center;
    min-height: 80px;
    padding-bottom: 20px
    }
.visit1 .intro p {
    padding: 0 0 16px 0
    }
.visit1 .sec1 h4 {
    padding-bottom: 35px
    }
.visit1 .sec1 p {
    text-align: center;
    padding: 0 0 16px 0
    }
.visit1 .sec1 {
    padding-bottom: 90px
    }
.visit1 .sec2 h4 {
    padding-bottom: 35px
    }
.visit1 .sec2 div.clearfix {
    text-align: center;
    letter-spacing: -5px
    }
.visit1 .sec2 .box {
    width: 296px;
    height: auto;
    display: inline-block !important;
    padding: 0 20px 0 20px;
    letter-spacing: 0;
    vertical-align: top
    }
.visit1 .sec2 .box h5 {
    font-size: 18px;
    font-family: "yasashisa", sans-serif;
    color: #6C992C;
    padding-bottom: 10px;
    font-weight: normal
    }
.visit1 .sec2 .box dl {
    background: #fff;
    border: #D4C1B6 1px solid;
    padding: 4px 7px 4px 7px;
    min-height: 385px
    }
.visit1 .sec2 .box dt img {
    border-left: 1px solid #CFCFCE;
    border-right: 1px solid #CFCFCE
    }
.visit1 .sec2 .box dt {
    padding-bottom: 16px
    }
.visit1 .sec2 .box dd {
    padding: 0 0 16px 0;
    text-align: left
    }
.visit1 .sec2 {
    padding-bottom: 90px
    }
.visit1 .sec3 h4 {
    padding-bottom: 40px
    }
.visit1 .sec3 .box {
    border-bottom: #B5CC96 2px dotted;
    padding: 0 0 14px 66px
    }
.visit1 .sec3 .box + .box {
    padding-top: 40px
    }
.visit1 .sec3 .box .pic {
    float: right;
    max-width: 319px;
    padding-right: 12px
    }
.visit1 .sec3 .box .left {
    float: left;
    width: 510px;
    height: auto
    }
.visit1 .sec3 h5 {
    font-family: "yasashisa", sans-serif;
    font-weight: normal;
    color: #6C992C;
    font-size: 18px;
    padding-bottom: 14px
    }
.visit1 .sec3 h5 .w {
    display: inline-block !important;
    vertical-align: middle;
    width: 90px;
    height: auto;
    text-align: center;
    padding: 5px;
    border-radius: 50%;
    /* CSS3草案 */
    -webkit-border-radius: 50%;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 50%;
    /* Firefox用 */
    background: url(../images.07ebe8d5214f9bfa34ce843fcaa18845/menulbk.gif) 0 0 repeat;
    margin-right: 19px
    }
.visit1 .sec3 h5 .u {
    background: #fff;
    display: block;
    font-size: 18px;
    color: #6C992C;
    padding-top: 10px;
    height: 80px;
    border-radius: 50%;
    /* CSS3草案 */
    -webkit-border-radius: 50%;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 50%;
    /* Firefox用 */
    }
.visit1 .sec3 h5 strong {
    display: block;
    font-size: 36px;
    font-weight: normal;
    padding-top: 3px
    }
.visit1 .sec3 p {
    padding: 0 0 16px 0
    }
.visit1 .sec3 .box .left dl dt {
    display: inline-block !important;
    padding: 0 13px 0 46px;
    font-size: 18px;
    color: #6C992C;
    font-family: "yasashisa", sans-serif
    }
.visit1 .sec3 .box .left dl dd {
    display: inline-block !important;
    font-size: 20px;
    font-family: "yasashisa", sans-serif;
    color: #486C35
    }
.visit1 .sec3 .box .left dl dd img {
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 7px
    }
.visit1 .sec3 .box .left dl {
    padding-bottom: 16px
    }
.visit1 .sec3 .box .left .more a {
    display: block;
    background-color: rgba(181, 203, 149, 0.2);
    padding: 0 0 0 19px;
    font-size: 17px;
    font-family: "yasashisa", sans-serif;
    color: #5B8127;
    height: 58px;
    line-height: 58px;
    background-image: url(../images.07ebe8d5214f9bfa34ce843fcaa18845/menumore.png);
    background-repeat: no-repeat;
    background-position: 214px 25px
    }
.visit1 .sec3 .box .left .more {
    border-top: 2px dotted #A0B681;
    border-bottom: 2px dotted #A0B681;
    width: 240px;
    height: auto;
    padding: 2px 0;
    vertical-align: top;
    text-align: left;
    letter-spacing: 0;
    margin: 10px 0 16px 115px
    }
.visit1 .sec3 .box2 dl {
    float: left;
    width: 655px;
    height: auto
    }
.visit1 .sec3 .box2 .pic2 {
    float: right;
    max-width: 199px;
    padding-right: 22px
    }
.visit1 .sec3 .box2 dt {
    font-size: 18px;
    font-family: "yasashisa", sans-serif;
    padding: 0 0 16px 0
    }
.visit1 .sec3 .box2 dd {
    padding: 0 0 16px 0
    }
.visit1 .sec3 .box2 {
    padding-bottom: 35px
    }
.visit1 .sec3 .box2 + .box2 {
    padding-top: 10px
    }
.visit1 {
    padding-bottom: 90px
    }
.visit2 .h3s {
    padding-bottom: 75px
    }
.visit2 .h4s {
    padding-bottom: 20px
    }
.visit2 .box {
    border: 5px solid #D4C1B6;
    background: #fff;
    padding: 14px 33px 14px 29px;
    margin-bottom: 50px;
    height: auto;
    }
.visit2 .box h5 {
    font-size: 28px;
    font-family: "yasashisa", sans-serif;
    color: #597F26;
    font-weight: normal;
    padding-bottom: 25px
    }
.visit2 .box h5 .s {
    vertical-align: top;
    font-size: 18px
    }
.visit2 .box .pic {
    float: left;
    width: 474px;
    }
.visit2 .box .pic img {
    width: 100%;
    height: auto; 
    }
.visit2 .box .right {
    float: right;
    width: 436px;
    height: auto
    }
.visit2 .box .right dl {
    text-align: center;
    letter-spacing: -5px
    }
.visit2 .box .right dt {
    display: inline-block !important;
    font-family: "yasashisa", sans-serif;
    letter-spacing: 0;
    color: #900;
    font-size: 20px;
    vertical-align: middle
    }
.visit2 .box .right dd {
    font-family: "yasashisa", sans-serif;
    display: inline-block !important;
    letter-spacing: 0;
    position: relative;
    color: #900;
    font-size: 40px;
    vertical-align: middle
    }
.visit2 .box .right dd .t {
    position: absolute;
    top: -36px;
    left: 0;
    text-align: left;
    display: block;
    width: 190px;
    font-size: 20px
    }
.visit2 .box .right .txt {
    min-height: 120px
    }
.visit2 .box .right .txt {
    padding: 0 0 16px 0
    }
.visit2 .box .right .more {
    text-align: right
    }
.visit2 .box .right .more a {
    display: inline-block !important;
    border: 1px solid #6C992D;
    width: auto;
    padding: 0 20px;
    height: 38px;
    text-align: center;
    color: #597F26;
    font-family: "UtsukushiMincho", serif;
    font-size: 20px;
    line-height: 38px
    }
.visit2 .box .right .more a .m {
    padding-left: 1.5em
    }
.visit2 .wrap + .wrap {
    padding-top: 80px
    }
.visit2 {
    padding-bottom: 22px
    }
.binfo {
    border: 2px solid #B5CC96;
    background: #fff url(../images.9108ccf85606138e36841651911d6a14/bottminfobk.gif) center top no-repeat;
    width: 719px;
    height: 325px;
    margin: 0 auto 73px auto
    }
.binfo h3 {
    text-align: right;
    padding: 27px 61px 0 0
    }
.binfo .co {
    width: 283px;
    height: auto;
    margin: 0 auto;
    text-align: center
    }
.binfo h4 {
    font-size: 18px;
    font-weight: normal;
    font-family: "yasashisa", sans-serif;
    border-bottom: #B5CC96 2px dotted;
    padding-bottom: 15px;
    margin-top: -32px;
    margin-bottom: 14px;
    color: #6C992C
    }
.binfo .time dt {
    color: #6C992C;
    font-family: "yasashisa", sans-serif;
    line-height: 140%
    }
.binfo .time dd {
    color: #6C992C;
    font-family: "yasashisa", sans-serif;
    line-height: 140%
    }
.binfo .tel dt {
    font-family: "Cinzel Decorative", cursive;
    color: #6C992C
    }
.binfo .tel dd {
    font-family: "yasashisa", sans-serif;
    font-size: 20px;
    color: #6C992C;
    padding-bottom: 20px
    }
.binfo p {
    color: #6C992C;
    font-family: "Cinzel Decorative", cursive;
    padding: 25px 0 0 0;
    border-top: #B5CC96 2px dotted
    }
.binfo p a {
    color: #6C992C
    }
.binfo p a img {
    margin-left: 15px
    }
/*concept*/
.concept .bk1 {
    padding-top: 42px
    }
#main .concept1 {
    position: relative;
    height: 516px;
    margin-bottom: 100px
    }
.concept1 .slidenav {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: -27px;
    text-align: center;
    letter-spacing: -5px
    }
.concept1 .slidenav li {
    letter-spacing: 0;
    display: inline-block !important;
    width: 15px;
    height: 15px;
    text-indent: -9999px;
    background: #857974;
    cursor: pointer;
    margin: 0 9px;
    line-height: 15px;
    vertical-align: bottom;
    border-radius: 50%;
    /* CSS3草案 */
    -webkit-border-radius: 50%;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 50%;
    /* Firefox用 */
    }
.concept1 .slidenav li.st, .concept1 .slidenav li:hover {
    background: #6C992D
    }
.concept2 h3 {
    padding-bottom: 45px
    }
.concept2 h4 {
    padding-bottom: 12px
    }
.concept2 .pic {
    float: left;
    max-width: 302px
    }
.concept2 ul {
    float: right;
    width: 710px;
    height: auto;
    padding: 14px 0 0 0;
    float: right
    }
.concept2 li {
    font-size: 16px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    padding: 0 0 28px 0
    }
.concept2 li .w {
    display: inline-block !important;
    vertical-align: middle;
    width: 72px;
    height: 60px;
    background: #6C992D;
    color: #fff;
    margin-right: 18px;
    text-align: center;
    padding-top: 12px;
    border-radius: 50%;
    /* CSS3草案 */
    -webkit-border-radius: 50%;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 50%;
    /* Firefox用 */
    }
.concept2 li .w strong {
    display: block;
    font-size: 20px
    }
.concept2 {
    padding-bottom: 55px
    }
.concept3 h3 {
    padding-bottom: 50px
    }
.concept3 .pic {
    float: left;
    max-width: 367px;
    padding: 0 0 20px 0
    }
.concept3 .right {
    float: right;
    width: 535px;
    height: auto;
    padding: 94px 80px 0 0;
    text-align: center
    }
.concept3 .right p {
    font-size: 16px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    padding: 0 0 20px 0
    }
.concept3 {
    padding-bottom: 80px
    }
/*salon*/
.salon .bk1 {
    padding-bottom: 73px
    }
.salon .bk1 .binfo {
    margin-bottom: 0
    }
.salon1 {
    padding: 42px 0 42px 0
    }
.salon1 li {
    float: left;
    padding: 0 24px 20px 0
    }
.salon1 ul {
    width: 1048px;
    height: auto;
    padding-bottom: 18px
    }
.salon1 p {
    text-align: center;
    font-size: 16px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    padding: 0 0 20px 0
    }
.salon2 h3 {
    padding-bottom: 42px
    }
.salon2 #map2 {
    width: auto;
    height: 525px;
    margin-bottom: 50px
    }
.salon2 dt {
    background: url(../images.9108ccf85606138e36841651911d6a14/h4sl.png) 0 4px no-repeat;
    padding: 0 0 16px 38px;
    color: #597F26;
    font-size: 20px;
    font-family: "yasashisa", sans-serif
    }
.salon2 dd {
    padding-bottom: 30px
    }
.salon2 {
    padding-bottom: 75px
    }
.salon3 h3 {
    padding-bottom: 24px
    }
.salon3 .table {
    width: 867px;
    height: auto;
    border: 2px solid #B5CC96;
    margin: 0 auto 73px auto;
    background: #fff;
    padding: 30px 0
    }
.salon3 dl {
    margin: 0 60px;
    padding: 15px 16px 15px 75px
    }
.salon3 dl + dl {
    border-top: 2px dotted #D3DFBF
    }
.salon3 dt {
    font-size: 16px;
    color: #597F26;
    font-family: "yasashisa", sans-serif;
    float: left
    }

.salon3 dd a {    
     color: #597F26;
     }   
.salon3 dd {
    padding: 0 0 0 81px;
    font-size: 16px;
    color: #597F26;
    font-family: "yasashisa", sans-serif
    }
.salon3 .sec {
    width: 693px;
    height: auto;
    margin: 0 auto
    }
.salon3 .sec h4 {
    padding-bottom: 42px
    }
.salon3 .sec p {
    padding: 0 0 16px 0
    }
.salon3 {
    padding-bottom: 145px
    }
/*staff*/
.staff .box {
    background: url(../images.9108ccf85606138e36841651911d6a14/bk2.gif) 0 0 repeat
    }
.staff .box .inner {
    padding: 60px 0 45px 0;
    background: url(../images.9108ccf85606138e36841651911d6a14/titfr.png) 0 0 no-repeat
    }
.staff .box:nth-child(even) {
    background: #fff url(../images.9108ccf85606138e36841651911d6a14/bk3.png) 0 0 repeat
    }
.staff1 {
    padding-bottom: 68px
    }
    
.staff .box .left {
    float: left;
    width: 460px;
    height: auto
    }
.staff .box h3 {
    font-size: 28px;
    font-family: "yasashisa", sans-serif;
    color: #597F26;
    font-weight: normal;
    line-height: 1;
    padding-bottom: 65px
    }
.staff .box dt {
    background: url(../images.9108ccf85606138e36841651911d6a14/h4sl.png) 0 4px no-repeat;
    padding: 0 0 16px 38px;
    color: #597F26;
    font-size: 20px;
    font-family: "yasashisa", sans-serif
    }
.staff .box .staffmenu dd {
    text-align: center
    }
.staff .box dd {
    font-size: 16px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    padding: 0 0 20px 0
    }
/*faceial*/
.face1 {
    padding: 60px 0 30px 0
    }
.face1 p {
    text-align: center;
    font-size: 18px;
    color: #597F26;
    font-family: "yasashisa", sans-serif;
    line-height: 130%;
    padding: 0 0 22px 0;
    min-height: 100px
    }
.face2 {
    padding: 102px 0 16px 0
    }
.face2 li {
    background-color: rgba(181, 203, 149, 0.2);
    float: left;
    width: 240px;
    border-bottom: 2px dotted #A0B681;
    border-top: 2px dotted #A0B681;
    padding: 2px 0;
    margin: 0 21px 38px 0
    }
    
.face2 ul {
    width: 1045px
    }
    
.face2 ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    }    
    
.face2 li img {
    display: block;
    margin: 10px auto;
    width: 100%;
    }
.face2 li a {
    display: block;
    height: auto;
    width: auto
    }
    
.face2 li strong {
    display: block;
    padding: 18px 0 10px 15px;
    font-size: 17px;
    font-family: "yasashisa", sans-serif;
    font-weight: normal;
    background-image: url(../images.07ebe8d5214f9bfa34ce843fcaa18845/menumore.png);
    background-repeat: no-repeat;
    background-position: 198px 23px;
    color: #5A8026
    }
    
.face3 h3 {
    padding-bottom: 55px
    }
.face3 .left {
    float: left;
    width: 510px;
    height: auto
    }
.face3 .pic {
    width: 398px;
    height: auto;
    float: right
    }
.face3 .pic dt img {
    width: 100%;
    height: auto;
    }    
    
.h4f {
    background: url(../images.9108ccf85606138e36841651911d6a14/h4sl.png) 0 4px no-repeat;
    padding: 0 0 16px 38px;
    color: #597F26;
    font-size: 20px;
    font-family: "yasashisa", sans-serif;
    font-weight: normal
    }
.face3 p {
    padding: 0 0 16px 0
    }
.face3 .left .sec1 li {
    padding: 10px 0
    }
.face3 .left li a {
    display: inline-block !important;
    border: 1px solid #6C992D;
    width: auto;
    padding: 0 20px;
    height: 38px;
    text-align: center;
    color: #597F26;
    font-family: "UtsukushiMincho", serif;
    font-size: 20px;
    line-height: 38px
    }
.face3 .left .sec1 li a .m {
    padding-left: 1.5em
    }
.face3 .left .sec1 {
    padding-bottom: 20px
    }
.table1 .fhead li {
    background: #ECEEDF;
    color: #857973;
    line-height: 34px
    }
.table1 li {
    width: 136px;
    height: auto;
    background: #fff;
    float: left;
    text-align: center;
    border-left: 1px solid #D7CCB3;
    border-top: 1px solid #D7CCB3;
    line-height: 45px;
    color: #6C992D;
    font-size: 16px;
    font-family: "yasashisa", sans-serif;
    padding-bottom: 1000px;
    margin-bottom: -1000px
    }
.table1 ul {
    overflow: hidden
    }
.table1 ul li:last-child {
    border-right: 1px solid #D7CCB3
    }
.table1 {
    display: inline-block !important;
    border-bottom: 1px solid #D7CCB3
    }
.face3 .pic dt {
    padding-bottom: 22px
    }
.face3 .pic dd {
    width: 90px;
    height: 90px;
    float: right;
    padding: 5px;
    background: url(../images.07ebe8d5214f9bfa34ce843fcaa18845/menulbk.gif) 0 0 repeat;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    z-index: 2;
    position: relative;
    text-align: center
    }
.face3 .pic dd a {
    display: block;
    background: #fff url(../images.07ebe8d5214f9bfa34ce843fcaa18845/h3more.gif) 73px 40px no-repeat;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: auto;
    font-family: "yasashisa", sans-serif;
    line-height: 130%;
    padding-top: 25px;
    height: 65px
    }
.face3 .pic dd a strong {
    display: block;
    font-weight: normal;
    color: #6C992D
    }
.face3 {
    padding-bottom: 26px
    }
.face4 h3 {
    padding-bottom: 14px
    }
.face4 p {
    padding: 0 0 16px 0
    }
.face4 .list {
    padding: 10px 0 35px 0
    }
.face4 .list dt {
    font-size: 16px;
    color: #6C992C;
    font-family: "yasashisa", sans-serif;
    padding-bottom: 10px;
    min-height: 2em;
    line-height: 100%
    }
.face4 .list dl {
    width: 267px;
    padding: 0 7px 35px 50px;
    float: left
    }
.susume1 {
    border: #B5CC96 solid 2px;
    background: url(../images.4d69f123b19ff32c11659e44b7308e2b/susumetop.png) 4px 0 no-repeat;
    text-align: center;
    min-height: 200px;
    position: relative;
    padding-bottom: 14px
    }
.susume1:before {
    position: absolute;
    content: url(../images.4d69f123b19ff32c11659e44b7308e2b/susumebottom.png);
    bottom: 0;
    right: 4px
    }
#ac {
    padding-bottom: 75px
    }
#bc {
    padding-bottom: 75px
    }
.susume1 h5 {
    padding: 18px 0 35px 0;
    font-size: 16px;
    color: #6C992C;
    font-weight: normal;
    font-family: "yasashisa", sans-serif;
    position: relative;
    z-index: 1
    }
.susume1 p {
    padding: 0 25px 16px 25px;
    position: relative;
    z-index: 1
    }
.face5 h3 {
    padding-bottom: 65px
    }
.face5 .pic {
    float: right;
    width: 399px;
    height: auto
    }

.face5 .pic img {
    width: 100%;
    height: auto
    }    
    
.face5 .left {
    float: left;
    width: 578px;
    height: auto
    }
.face5 .left p {
    padding: 0 0 16px 0
    }
.susume1 ul {
    display: inline-block !important;
    text-align: left;
    padding: 0 25px 16px 25px;
    position: relative;
    z-index: 1
    }
.face5 .susume1 {
    margin: 12px 0 28px 0
    }
.face5 .left .susume1 p {
    text-align: left;
    display: inline-block !important;
    padding: 0 25px 16px 25px
    }
.face5 .table1 li {
    width: 191px
    }
.face5 .box {
    padding: 0 0 80px 0
    }
.face5 .box + .box {
    padding-top: 20px
    }
.face5 dl dt {
    background: #ECEEDF;
    color: #857973;
    line-height: 34px;
    font-family: "yasashisa", sans-serif;
    font-size: 16px;
    text-align: center
    }
.face5 dl {
    border: 1px solid #D7CCB3;
    margin-top: 12px
    }
.face5 dd {
    font-size: 16px;
    text-align: center;
    font-family: "yasashisa", sans-serif;
    background: #fff;
    border-top: 1px solid #D7CCB3;
    color: #6C992D;
    line-height: 45px
    }
.face5 .txt {
    min-height: 150px
    }
.faceial .binfo {
    margin-top: 60px
    }
/*relaxation*/
.relax1 .pic {
    float: right;
    padding: 0 137px 0 0
    }
.relax1 h3 {
    padding-bottom: 30px
    }
.relax1 .left {
    float: left;
    width: 705px;
    height: auto;
    text-align: center
    }
.relax1 .left ul {
    text-align: left;
    display: inline-block !important;
    padding: 20px 25px
    }
.relax1 .left ul li {
    background: url(../images.9108ccf85606138e36841651911d6a14/h4sl.png) 0 4px no-repeat;
    padding: 0 0 16px 38px;
    color: #597F26;
    font-size: 20px;
    font-family: "yasashisa", sans-serif;
    font-weight: normal
    }
.relax2 h3 {
    padding-bottom: 50px
    }
.relax2 .txt p {
    padding: 0 0 16px 0
    }
.relax2 .txt {
    padding-bottom: 30px
    }
.relax2 div.clearfix {
    text-align: center;
    letter-spacing: -5px
    }
.relax2 dl {
    width: 221px;
    height: auto;
    letter-spacing: 0;
    display: inline-block !important;
    vertical-align: top;
    padding: 0 41px 40px 41px
    }
.relax2 dt {
    font-size: 16px;
    color: #6C992C;
    padding-bottom: 16px;
    font-family: "yasashisa", sans-serif
    }
.relax2 dd {
    padding: 5px;
    background: url(../images.07ebe8d5214f9bfa34ce843fcaa18845/menulbk.gif) 0 0 repeat;
    border-radius: 50%;
    /* CSS3草案 */
    -webkit-border-radius: 50%;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 50%;
    /* Firefox用 */
    }
.relax2 dd img {
    border-radius: 50%;
    /* CSS3草案 */
    -webkit-border-radius: 50%;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 50%;
    /* Firefox用 */
    }
.relax2 {
    padding-bottom: 60px
    }
/*price*/
.price .home-menu {
    padding-top: 43px
    }
.price .home-menu dl {
    padding-bottom: 5px
    }
.price .wrap {
    padding: 70px 0 120px 0
    }
.price .wrap .pic {
    width: 163px;
    height: 163px;
    padding: 3px;
    background: url(../images.07ebe8d5214f9bfa34ce843fcaa18845/menulbk.gif) 0 0 repeat;
    margin: 0 auto 20px auto;
    border-radius: 50%;
    /* CSS3草案 */
    -webkit-border-radius: 50%;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 50%;
    /* Firefox用 */
    }
.price .wrap .pic img {
    border-radius: 50%;
    /* CSS3草案 */
    -webkit-border-radius: 50%;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 50%;
    /* Firefox用 */
    }
.price .wrap .h3h {
    padding-bottom: 35px
    }
.price .wrap + .wrap {
    border-top: #B5CC96 2px dotted
    }
.price .table {
margin: 0 34px 0 34px;
    border-left: 1px solid #D7CCB3;
    border-right: 1px solid #D7CCB3;
    background: #fff;
    border-top: 1px solid #D7CCB3;
    }
.price .table dt {
    float: left;
    font-family: "yasashisa", sans-serif;
    font-size: 16px;
    color: #6C992D;
    padding: 8px 40px 1008px 49px;
    width: 343px;
    margin-bottom: -1000px
    }
.price .table dl.phead dd {
    color: #857972;
    background: #ECEEDF;
    padding: 5px 0 1005px 0
    }
.price .table dl.phead dt {
    color: #857972;
    background: #ECEEDF;
    padding: 5px 0 1005px 17px;
    width: 415px
    }
.price .table dl.phead {
    border-bottom: 1px solid #D7CCB3
    }
.price .table dl {
    overflow: hidden;
    border-bottom: 1px dotted #D7CCB3
    }
.price .table dd {
    float: left;
    border-left: 1px solid #D7CCB3;
    font-size: 16px;
    color: #6C992D;
    width: 173px;
    font-family: "yasashisa", sans-serif;
    text-align: center;
    padding: 8px 0 1008px 0;
    margin-bottom: -1000px
    }
.price .table dl:last-child {

    }
.bk0 {
    background: #fff
    }
.price .bk0 {
    padding: 88px 0 120px 0
    }
.price .binfo {
    margin-top: 60px
    }
/*news*/
.post-wrap {
    padding-bottom: 90px
    }
.post-wrap #left {
    width: 802px;
    height: auto;
    float: left
    }
.post-wrap #side {
    width: 196px;
    text-align: right;
    height: auto;
    float: right;
    background: url(../images.9108ccf85606138e36841651911d6a14/titfl.png) 0 0 no-repeat;
    padding: 100px 0 0 0
    }
.post-wrap #side dt {
    font-size: 20px;
    font-family: "yasashisa", sans-serif;
    color: #6C992D;
    text-align: center;
    display: inline-block !important;
    padding-bottom: 28px
    }
.post-wrap #side dt .e {
    color: #80926B;
    font-size: 16px;
    display: block;
    font-family: "Cinzel Decorative", cursive;
    line-height: 150%
    }
.post-wrap #side dd {
    font-family: "yasashisa", sans-serif;
    font-size: 16px;
    padding-bottom: 20px
    }
.post-wrap #side dd a {
    color: #6C992D
    }
.post-wrap #side dl {
    padding-bottom: 50px
    }
.postlist {
    border-top: #B5CC96 3px solid;
    background: rgba(255, 255, 255, 0.5);
    margin-bottom: 47px
    }
.postlist li {
    border-bottom: #B5CC96 2px dotted
    }
.postlist li a {
    display: block;
    padding: 28px 0 28px 17px;
    color: #597E26
    }
.postlist li a .date {
    display: inline-block !important;
    width: 120px
    }
.pagenav {
    text-align: center;
    letter-spacing: -5px
    }
.pagenav li {
    letter-spacing: 0;
    display: inline-block !important;
    font-size: 16px;
    color: #597F26;
    font-family: "yasashisa", sans-serif;
    padding: 0 6px;
    vertical-align: middle
    }
.pagenav li a {
    color: #597F26;
    padding: 5px;
    display: block
    }
.pagenav li.prev {
    padding-right: 20px
    }
.pagenav li.next {
    padding-left: 20px
    }
.post-wrap .single {
    border-top: #B5CC96 3px solid;
    background: rgba(255, 255, 255, 0.5);
    margin-bottom: 47px
    }
.post-wrap .single .posthead {
    border-bottom: #B5CC96 2px dotted;
    margin-bottom: 35px
    }
.post-wrap .single .posthead .date {
    padding: 25px 0 12px 17px;
    color: #597E26
    }
.post-wrap .single .posthead h3 {
    padding: 0 0 25px 86px;
    font-size: 20px;
    color: #597E26;
    font-weight: normal
    }
.post-wrap .single .txt {
    padding: 0 60px 60px 60px
    }
.post-wrap .single .txt p {
    padding: 0 0 23px 0
    }
.post-wrap #left .back {
    text-align: center;
    font-size: 16px;
    font-family: "yasashisa", sans-serif
    }
.post-wrap #left .back a {
    color: #597E26;
    letter-spacing: 3px;
    display: inline-block !important
    }
.post-wrap .single .txt p.pic {
    text-align: center
    }
/*voice*/
.voice .wrap {
    background: url(../images.9108ccf85606138e36841651911d6a14/bk2.gif) 0 0 repeat;
    padding-bottom: 85px
    }
.voice .wrap .inner {
    background-image: url(../images.9108ccf85606138e36841651911d6a14/titfl.png);
    background-position: 298px 0;
    background-repeat: no-repeat
    }
.voice .wrap:nth-child(even) {
    background: none
    }
.voice .wrap:nth-child(even) .inner {
    background-image: url(../images.9108ccf85606138e36841651911d6a14/titfr.png);
    background-position: 563px 0;
    background-repeat: no-repeat
    }
.voice .wrap h3 {
    padding-bottom: 55px
    }
.voice .wrap dl {
    width: 325px;
    height: auto;
    float: left;
    padding: 0 24px 14px 0
    }
.voice .wrap .inner div.clearfix {
    width: 1048px
    }
.voice .wrap .inner dd {
    padding: 16px 12px 16px 12px
    }
/*product*/
.product .wrap h3 {
    padding-bottom: 37px
    }
.product .wrap .box {
    width: 472px;
    background: rgba(255, 255, 255, 0.6);
    float: left;
    margin: 30px 0 30px 0;
    padding-bottom: 30px;
    }
.product .wrap .box:nth-child(2n + 2) {
    float: right;
    margin-left: 80px;
    }
.product .wrap div.clearfix {
    overflow: hidden;
    margin-bottom: 76px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    }
.product .wrap .box h4 {
    padding: 14px 22px 14px 22px;
    font-size: 18px;
    color: #6C992C;
    font-family: "yasashisa", sans-serif;
    font-weight: normal
    }
.product .wrap .box h4 .e {
    display: block
    }
.pr {
    font-family: "UtsukushiMincho", serif;
    font-size: 18px;
    text-align: right;
    padding: 0 22px 14px 22px
    }
.product .wrap .box .txt {
    margin: 0 16px 0 16px;
    border-top: 1px solid #D7CCB3;
    padding: 16px 15px 0 15px
    }
.product .wrap .box .txt p {
    padding: 0 0 16px 0
    }
.product .wrap {
    padding-bottom: 49px
    }
.product .wrap + .wrap {
    border-top: 2px dotted #D3DFBF;
    padding-top: 67px
    }
/*contact*/
.contact .bk1 {
    padding: 42px 0 70px 0
    }
.contact .binfo {
    margin-bottom: 0;
    height: 410px;
    background-image: url(../images.260000898efab46bce3a88d80c8ab777/bk.gif)
    }
.contact .binfo p {
    border: none;
    text-align: center;
    font-size: 18px;
    font-family: "yasashisa", sans-serif;
    padding: 35px 0 23px 0
    }
.contact .binfo h3 {
    text-align: center;
    padding: 0 0 25px 0
    }
.contact .binfo dl {
    width: 283px;
    height: auto;
    margin: 0 auto;
    border-top: 2px dotted #D3DFBF;
    border-bottom: 2px dotted #D3DFBF;
    text-align: center;
    padding: 15px 0
    }
.contact .binfo dt {
    font-size: 23px;
    font-family: "Cinzel Decorative", cursive;
    color: #6C992D
    }
.contact .binfo dd {
    font-family: "yasashisa", sans-serif;
    font-size: 35px;
    color: #597E26
    }
/*eyelush*/
.eye1 h3 {
    padding-bottom: 45px
    }
.eye1 .box p {
    padding-bottom: 30px
    }
.eye1 .box li {
    float: left
    }
.eye1 .box {
    padding-bottom: 45px
    }
.eye1 {
    padding-bottom: 55px
    }
.eyelush .face4 h3 {
    padding-bottom: 63px
    }
.eyelush .face4 .list dt {
    min-height: 4em
    }
.eye1 .intro p {
    padding: 0 0 16px 0
    }
.eye1 .intro {
    padding-bottom: 20px
    }
.eyelush .face2, .body .face2 {
    padding-top: 50px
    }
.eyelush .face2 h3, .body .face2 h3 {
    text-align: center;
    font-family: "Cinzel Decorative", cursive;
    font-size: 28px;
    color: #6C992C;
    padding-bottom: 24px
    }
.eyelush .face5 .table1 {
    margin-top: 20px
    }
.face5 .table1.w4 li {
    width: 143px
    }
.eyelush .binfo {
    margin-top: 50px
    }
/*body*/
.face2 li strong {
    position: relative;
    text-indent: -1em;
    margin-left: 1em
    }
.face2 li strong .s {
    display: block;
    font-size: 12px;
    position: absolute;
    bottom: -5px;
    left: 2em
    }
.face2 li.w strong {
    line-height: 110%;
    padding-top: 5px
    }
.body .binfo {
    margin-top: 100px
    }
.face2 li strong .s2 {
    font-size: 13px
    }
    
 .post-wrap .single .txt img {
    max-width: 100% !important;
    height: auto !important;
    }
.voice .wrap dt img {
    max-width: 268px!important;
    height: auto !important;
    }

.voice .wrap dt {
    display: inline-block;
    }
.voice .wrap dt a .main_img {
    display: block;
    width: 268px;
    height: 379px;
    background-position: top center;
    background-size: cover;
    }

.voice .wrap .inner div.clearfix {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    }



.slide .pager-link.pager-active {
    background: url(../images/gray_pager1.png) no-repeat 0 0!important;
    background-size: 20px 40px;
    }

.slide .bx-pager {
    top: 13px !important;
    }
.slide .pager-link {
    padding: 0px 20px 20px 15px !important;
    }

.face4 .list dd {
    width: 267px !important;
    height: auto !important;
    }
.face4 .list dd img {
    width: 100% !important;
    height: auto !important;
    }

.face4 .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
     }
     
.face3 .pic {
    width: 398px !important;
    height: auto !important;
    }
.face3 .pic dt img {
    width: 100% !important;
    height: auto !important;
    } 

.product .wrap div.clearfix　{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
     }

.product .wrap .box .pic {
    width: 472px!important;
    height: auto !important;
    }
.product .wrap .box .pic img {
    width: 100% !important;
    height: auto !important;
    } 

/*PC css*/
.post-wrap .single .txt dl {
    font-size: 14px;
    line-height: 24px;
    padding:20px 20px 0;
    margin-top:40px;
    border-top:2px dashed #ddd;
}
.post-wrap .single .txt dl p {
    font-weight:bold;
    text-align:center;
    margin-bottom:15px;
}
.post-wrap .single .txt dl dt {
    float:left;
}
.post-wrap .single .txt dl dd {
    margin:0 0 10px 120px;
} 

.home-salon .box h4 a {
    color: #5A8026;
    }
    
    
    
.home-3waku .s-in .slide .pic {
    width: 276px;
    height: 341px;
    background: url(../images/sa.jpg) center center no-repeat;
    background-size: contain;
    }

.home-3waku .s-in .slide .pic .thum {
    display: block;
    width: 100%;
    height: 100%;
    background-position: top center;
    background-size: cover;
    } 
    
    
    
/*回るところ*/   

.home-menu dd {
    position: relative;
    } 
 
.home-menu dd figure {
    margin:0;
    padding:0;
    position:relative;
    cursor:pointer;
    }
.home-menu dd figure img {
    display:block;
    position:relative;
    z-index:10;
    margin: 0
    }
.home-menu dd figure figcaption {
    display:block;
    position:absolute;
    z-index:5;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
    } 
    
.home-menu dd figure figcaption {
top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 29px 44px;
    background-image:url(/unisoncms_salonbonte/static/page/main/images/memaru.png);
    text-align: center;
    backface-visibility: hidden;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
.home-menu dd figure img {
    backface-visibility:hidden;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}
.home-menu dd figure:hover img,figure.hover img {
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.home-menu dd figure:hover figcaption,figure.hover figcaption {
    -webkit-transform:rotateY(0);
    -moz-transform:rotateY(0);
    transform:rotateY(0)
}


#sticker {
    z-index: 199;
    }
#gnav {
    background: url(../images.9108ccf85606138e36841651911d6a14/bodybk.jpg) 0 0 repeat;
    height: 50px;
    z-index: 9999;
    }

.btn1 {
    width: 136px;
    height: 92px;
    position: relative;
    }
    
.btn1 a {
    display: block;
    background: url(../images/icon1.jpg) 0 0 no-repeat;
    color: #fff;
    font-size: 16px;
    font-family: "yasashisa", sans-serif;
    padding-top: 10px;
    text-align: center;
    height: 82px;
     position: absolute;
     width: 136px;
    }

.btn2 {
    width: 136px;
    height: 92px;
    position: relative;
    }
.btn2 a {
    display: block;
    background: url(../images.9108ccf85606138e36841651911d6a14/firstbtn.gif) 0 0 no-repeat;
    color: #fff;
    font-size: 16px;
    font-family: "yasashisa", sans-serif;
    padding-top: 38px;
    text-align: center;
    height: 54px;
   position: absolute;
   width: 136px;
    }
.btn3 {
    width: 136px;
    height: 92px;
    position: relative;
    background: url(../images/icon3.jpg) 0 0 no-repeat;
    }
    
.btn3 a {
    display: block;
    width: 136px;
    height: 92px;
    position: absolute;
    background: url(../images/icon3.jpg) 0 0 no-repeat;
    }
     
.btns {
    height: 276px;
    width: 136px;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 999;
    }
.slide {
    height: auto;
    width: 1024px;
    }   
.slide .bx-window {
    height: 516px!important;
    }  
.slide img {
    height: 516px!important;
    width: 1024px!important;
    }

div#body1 {
    padding: 8px;
    }

div#body2 {
    padding: 8px;
    }  
div#body3 {
    padding: 8px;
    }

div#body4 {
    padding: 8px;
}  
div#body5 {
    padding: 8px;
    }

div#body6 {
    padding: 8px;
} 
div#body7 {
    padding: 8px;
    }

div#body8 {
    padding: 8px;
}
.binfo .tel dd a {
        color: #6C992C;
        }

.face3 {
    padding: 8px;
    }
.face5 {
    padding: 8px;
    }
.contact .binfo dd a {
    color: #597E26;
    }

.home-3waku .slide img {
    width: 100% !important;
    height: 100%!important;
    }
    
div[onclick] .home-menu dd figure:hover{
    display: none;
   }


/*ブログ機能用*/
div[content_type="blog"] {
    display:block !important;
    }
div[content_type="blog"]:hover:before {
    content:"※こちらはブログ機能になります。左下（もしくは左上）のUNISON CMSのロゴをクリックして、「記事を投稿する」ボタンから記事を投稿してください。";
    display:block;
    line-height:1.8;
    font-weight:bold;
    color:red;
    font-size:0.8em;
}

/*ブログカテゴリー用*/
div[content_type="blog_category"] {
    display:block !important;
    }
div[content_type="blog_category"]:hover:before {
    content:"※こちらはブログのカテゴリー機能になります。カテゴリーを編集する場合は、左下（もしくは左上）のUNISON CMSのロゴをクリックして、「記事を投稿する」ボタンから「記事投稿」画面に行っていただき、「記事カテゴリ管理」から編集ができます。";
    display:block;
    line-height:1.8;
    font-weight:bold;
    color:red;
    font-size:0.8em;
}

/*ギャラリー用*/
div[content_type="gallery"] {
    display:block !important;
}
div[content_type="gallery"]:hover:before {
    content:"※ギャラリー機能になります。「設定」ボタンから編集ができます。「画像選択」から画像の追加ができ、画像の順番はドラッグ&ドロップで簡単に並び替えできます。";
    display:block;
    line-height:1.8;
    font-weight:bold;
    color:red;
    font-size:0.8em;
    clear:both;
    z-index: 10;
}
.staff .box .pic {
    float: right;
    padding: 0 0 20px 0;
    width: 280px !important;
    height: auto !important;
    }    
.staff .box .pic img {
    width: 100% important;
    height: auto important;
   }