/* CSS Document */

@font-face {
    font-family: "Malina-Regular";
    src: url(/import/tenant_28/bamboo-salon.work/akamon_bamboo_clinic/static/page/main/font/Malina-Regular.eot);
    src: url(/import/tenant_28/bamboo-salon.work/akamon_bamboo_clinic/static/page/main/images.f8cd24a76eabd581bbae133d28872f74/Malina-Regular.eot) format("embedded-opentype"), url(/import/tenant_28/bamboo-salon.work/akamon_bamboo_clinic/static/page/main/font/Malina-Regular.woff) format("woff"), url(/import/tenant_28/bamboo-salon.work/akamon_bamboo_clinic/static/page/main/font/Malina-Regular.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: 14px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    font-family: "游ゴシック", YuGothic, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    line-height: 160%;
    color: #333
    }
.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 {
    text-decoration: none;
    color: #333
    }
a:hover {
    opacity: 0.6
    }
a[href*="tel"] {
    pointer-events: none;
}
@media (max-width: 768px) {
    a[href*="tel"] {
    pointer-events: initial !important;
    }
}
ul {
    list-style: none
    }
#wrapper {
    min-width: 1200px;
    overflow: hidden
    }
#header {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    z-index: 100
    }
#header.fixed {
    background: rgba(0, 0, 0, 0.6)
    }
#header .inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 4px 0 4px 0;
    min-width: 1080px
    }
#header .inner h1 {
    float: left;
    padding: 0 0 0 20px
    }
    #header .inner h1 img{
    height: 90px;
    }
#header .inner ul {
    float: right;
    text-align: right;
    letter-spacing: -5px;
    padding: 32px 0 0 0
    }
#header .inner li ul {
    text-align: center;
    letter-spacing: 0;
    float: none;
    width: 150px;
    position: absolute;
    padding-top: 10px;
    margin-left: -50px;
    display: none
    }
#header .inner li ul li {
    display: block !important;
    padding: 0 0 1px 0
    }
#header .inner li ul li a {
    display: block;
    background: #494949;
    font-weight: normal;
    line-height: 36px
    }
#header .inner li ul li a:hover {
    opacity: 1
    }
#header .inner li ul li.s1 a:hover, #header .inner li ul li.s1.st a {
    background: #e71f26
    }
#header .inner li ul li.s2 a:hover, #header .inner li ul li.s2.st a {
    background: #8e60a9
    }
#header .inner li ul li.s3 a:hover, #header .inner li ul li.s3.st a {
    background: #583117
    }
#header .inner li ul li.s4 a:hover, #header .inner li ul li.s4.st a {
    background: #edcc22
    }
#header .inner li:hover ul {
    display: block
    }
#header .inner li {
    display: inline-block !important;
    letter-spacing: 0;
    font-weight: bold;
    padding: 0 10px 0 40px
    }
#header .inner li a, #header .inner li .b {
    color: #fff
    }
#header .inner li .b img {
    vertical-align: middle;
    margin-left: 5px
    }
#footer {
    background: #252524;
    padding: 54px 0 0 0
    }
#footer .inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 0 65px 0
    }
#footer .inner dl {
    float: left;
    padding-left: 110px
    }
#footer .inner dt {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 25px 0
    }
#footer .inner dd {
    color: #fff
    }
.footinfo dd {
    font-size: 12px;
    padding: 0 0 15px 10px
    }
.footinfo dd a {
    color: #fff;
}
.footinfo dd img {
    vertical-align: middle;
    margin-right: 1em
    }
.footinfo {
    padding-left: 35px
    }
.foottime dd {
    background: #30302f
    }
.foottime ul {
    padding: 10px;
    margin-top: -10px
    }
.foottime li {
    color: #fff;
    font-size: 12px
    }
.footnav ul {
    float: left;
    padding: 0 10px 0 10px
    }
.footnav li a {
    color: #fff;
    font-size: 12px
    }
.copy {
    background: #000;
    text-align: center;
    padding: 20px 0 0 0
    }
.copy h3 {
    color: #fff;
    font-weight: normal;
    font-size: 18px
    }
.copy h3 img {
    vertical-align: middle;
    margin-left: 12px;
    margin-right: 12px
    }
.copy p {
    color: #fff;
    font-size: 12px;
    padding: 6px 0 6px 0
    }
/*home*/
.w12 {
    max-width: 1200px;
    margin: 0 auto
    }
.mainimg {
    position: relative;
    background: #000
    }
.mainimg img {
    width: 100%;
    height: auto;
    opacity: 0.6
    }
.mainimg h2 img {
    width: auto;
    opacity: 1
    }
.mainimg h2 {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    text-align: center;
    z-index: 100;
    margin-top: -70px
    }
.mainimg h2 strong {
    display: block;
    font-weight: normal;
    color: #fff;
    padding-top: 10px
    }
.main_image .bx-wrapper {
    width: 100% !important;
}
.main_image .bx-wrapper .bx-window {
    width: 100% !important;
    height: auto !important;
}
.main_image .bx-wrapper .bx-window:after {
    padding-top: 57%;
    content: "";
    display: block;
}
.main_image .bx-wrapper .bx-window .managed_gallery > div {
    width: 100% !important;
    height: 100% !important;
}
.h3h {
    text-align: center;
    font-size: 36px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    padding-bottom: 35px
    }
.h3h:before {
    content: url(/import/tenant_28/bamboo-salon.work/akamon_bamboo_clinic/static/page/main/images.810581553e5b623635f5451745beb19e/frame_left.png);
    padding-right: 57px
    }
.h3h:after {
    content: url(/import/tenant_28/bamboo-salon.work/akamon_bamboo_clinic/static/page/main/images.810581553e5b623635f5451745beb19e/frame_right.png);
    padding-left: 57px
    }
.home-info {
    padding: 50px 0 110px 0
    }
.home-info .table {
    width: 850px;
    height: auto;
    margin: 0 auto 20px auto
    }
.home-info .table dt {
    float: left
    }
.home-info .table dd {
    padding: 0 0 0 200px
    }
.home-info .table dl {
    border-bottom: 2px solid #ff668e;
    padding: 10px 18px 10px 18px
    }
.home-info .table dt .s {
    display: inline-block !important;
    line-height: 18px;
    width: 80px;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 9px;
    margin-left: 8px;
    color: #fff;
    padding: 0 2px 0 4px
    }
.home-info .table dt .s img {
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 2px
    }
.home-info .table dt .s1 {
    background: #ff1a56
    }
.home-info .table dt .s2 {
    background: #583117
    }
.home-info .table dt .s3 {
    background: #ffc61a
    }
.home-info .table dt .s4 {
    background: #6a4485
    }
.hmore {
    text-align: center
    }
.hmore a {
    display: inline-block !important;
    background: #ff1a56 url(/import/tenant_28/bamboo-salon.work/akamon_bamboo_clinic/static/page/main/images.810581553e5b623635f5451745beb19e/hmore.gif) 173px 16px no-repeat;
    width: 190px;
    height: auto;
    line-height: 48px;
    text-align: center;
    color: #fff;
    font-weight: bold
    }
.home-style li {
    width: 285px;
    height: auto;
    float: left;
    padding: 0 20px 20px 0
    }
.home-style ul {
    width: 1220px;
    height: auto
    }
.home-style li img {
    opacity: 0.6
    }
.home-style li a {
    position: relative;
    background: #000
    }
.home-style li a:hover {
    opacity: 1
    }
.home-style li a:hover img {
    opacity: 1
    }
.home-style li a strong {
    position: absolute;
    width: 100%;
    height: auto;
    text-align: center;
    bottom: 0;
    left: 0;
    line-height: 58px;
    font-size: 24px;
    color: #fff;
    z-index: 1
    }
.home-style li:nth-child(1) strong {
    background: rgba(92, 198, 71, 0.6)
    }
.home-style li:nth-child(2) strong {
    background: rgba(244, 208, 9, 0.6)
    }
.home-style li:nth-child(3) strong {
    background: rgba(255, 26, 86, 0.6)
    }
.home-style li:nth-child(4) strong {
    background: rgba(122, 54, 165, 0.6)
    }
.home-style {
    padding: 20px 0 100px 0
    }
.home-blog .box {
    width: 299px;
    height: auto;
    min-height: 370px;
    background: url(/import/tenant_28/bamboo-salon.work/akamon_bamboo_clinic/static/page/main/images.810581553e5b623635f5451745beb19e/blogbk.gif) center top no-repeat;
    float: left;
    margin: 0 0 20px 0
    }
.home-blog .box dl {
    width: 247px;
    height: auto;
    margin: 0 auto;
    padding: 30px 0 0 0
    }
.home-blog .box dl .pic .blog_thumb {
    width: 247px;
    height: 200px;
    background: no-repeat center;
    background-size: cover;
}
.home-blog .box dl .pic .blog_thumb .thumb_logo {
    width: 247px;
    height: 200px;
    background: url(/import/tenant_28/bamboo-salon.work/akamon_bamboo_clinic/static/page/main/images/dummy.jpg) no-repeat center;
    background-size: cover;
}
.home-blog .box dd ul {
    letter-spacing: -5px;
    padding: 5px 0 5px 0
    }
.home-blog .box dd li {
    display: inline-block !important;
    letter-spacing: 0;
    padding-right: 25px;
    font-weight: bold
    }
.home-blog .box dd li img {
    vertical-align: middle;
    margin-right: 10px
    }
.home-blog .box dt a {
    color: #ff1a56;
    font-weight: bold
    }
.home-blog .box dt + dd {
    font-size: 12px;
    line-height: 1.5;
    height: 54px;
    overflow: hidden;
    }
.home-blog {
    padding: 20px 0 100px 0
    }
.home-staff .wrap {
    padding: 25px 20px 57px 20px;
    /*border: #c6c4c4 2px solid;*/
    margin-bottom: 20px
    }
.home-staff .wrap li {
    letter-spacing: 0;
    display: inline-block !important
    }
.home-staff .wrap ul {
    letter-spacing: -5px;
    text-align: center
    }
.home-staff .wrap h4 {
    text-align: center;
    font-size: 36px;
    font-weight: normal;
    color: #5a4d5d;
    padding-bottom: 50px
    }
.home-staff .wrap h4:before {
    content: "";
    width: 25px;
    height: 25px;
    background: #5a4d5d;
    display: inline-block !important;
    border-radius: 50%;
    margin-right: 110px
    }
.home-staff .wrap h4:after {
    content: "";
    width: 25px;
    height: 25px;
    background: #5a4d5d;
    display: inline-block !important;
    border-radius: 50%;
    margin-left: 110px
    }
.home-staff {
    padding-bottom: 80px
    }
.home-product li {
    letter-spacing: 0;
    display: inline-block !important;
    border: 2px solid #c6c4c4;
    border-radius: 4px;
    overflow: hidden;
    vertical-align: top;
    margin: 0 17px 38px 17px
    }
.home-product ul {
    text-align: center;
    letter-spacing: -5px
    }
.home-product {
    padding-bottom: 50px
    }
.home-shop .box {
    width: 250px;
    height: auto;
    float: left;
    padding: 0 66px 40px 0
    }
.home-shop .wrap {
    width: 1266px
    }
.home-shop .box h4 strong {
    display: block;
    font-weight: normal;
    font-size: 18px
    }
.home-shop .box h4 strong:after {
    content: "";
    background: #5e5e5e;
    width: 44px;
    height: 2px;
    display: block;
    margin: 8px auto 0 auto
    }
.home-shop .box h4 {
    text-align: center;
    margin-top: -48px;
    margin-bottom: 12px
    }
.home-shop .box h4 img {
    border-radius: 50%
    }
.home-shop .box p {
    text-align: center;
    font-size: 11px
    }
.home-shop .box dl {
    padding: 5px 0 0 0
    }
.home-shop .box dt {
    text-align: center;
    padding-bottom: 8px
    }
.home-shop .box dt .w {
    display: inline-block !important;
    text-align: left;
    vertical-align: middle;
    font-size: 11px;
    line-height: 130%;
    padding-left: 6px
    }
.home-shop .box dt img {
    vertical-align: middle
    }
.home-shop .box dt + dd {
    text-align: center;
    padding-bottom: 12px
    }
.home-shop .box dt + dd .tel img {
    vertical-align: middle;
    margin-right: 8px
    }
.home-shop .box dt + dd .tel {
    display: inline-block !important;
    padding-right: 4px
    }
.home-shop .box dt + dd ul {
    display: inline-block !important;
    letter-spacing: -5px
    }
.home-shop .box dt + dd li {
    letter-spacing: 0;
    vertical-align: middle;
    display: inline-block !important;
    padding-left: 9px
    }
.home-shop .box dt + dd li img {
    vertical-align: middle;
    margin-top: -3px
    }
.home-shop .box dd + dd a {
    display: inline-block !important;
    min-width: 108px;
    font-weight: bold;
    color: #615f5f;
    font-size: 12px;
    border: 2px solid #c4c1c1;
    line-height: 20px
    }
.home-shop .box dd + dd {
    text-align: center
    }
.home-shop {
    padding-bottom: 50px
    }
/*annex*/
.titimg {
    text-align: center;
    position: relative
    }
.titimg h2 {
    position: absolute;
    width: 100%;
    height: auto;
    text-align: center;
    bottom: 70px;
    left: 0;
    z-index: 1
    }
.titimg .bkimg {
    background: #000
    }
.titimg .bkimg img {
    width: 100%;
    height: auto;
    opacity: 0.8
    }
.h3s {
    text-align: center;
    font-size: 30px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    padding-bottom: 30px
    }
.w112 {
    width: 1120px;
    height: auto;
    margin: 0 auto
    }
.annex .h3s:before {
    content: url(/import/tenant_28/bamboo-salon.work/akamon_bamboo_clinic/static/page/main/images.9108ccf85606138e36841651911d6a14/bird_left.gif);
    margin-right: 20px
    }
.annex .h3s:after {
    margin-left: 20px;
    content: url(/import/tenant_28/bamboo-salon.work/akamon_bamboo_clinic/static/page/main/images.9108ccf85606138e36841651911d6a14/bird_right.gif)
    }
.salon1 .wrap {
    max-width: 850px;
    height: auto;
    margin: 0 auto
    }
.salon1 {
    padding: 50px 0 110px 0
    }
.salon2 .pic {
    float: left;
    width: 517px
    }
.salon2 .pic li + li {
    text-align: right;
    padding: 10px 0 25px 0
    }
.salon2 .tbox {
    float: right;
    width: 580px
    }
.salon2 .tbox p {
    padding: 0 0 25px 0;
    line-height: 200%
    }
.salon2 {
    padding: 0 0 100px 0
    }
.salon3 .right {
    float: right;
    width: 640px;
    padding-bottom: 10px
    }
.salon3 .left {
    float: left;
    width: 460px;
    height: auto
    }
.salon3 .left dt {
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 5px 0
    }
.salon3 dl {
    padding: 0 0 30px 0
    }
.salon3 .right .map {
    margin-bottom: 10px
    }
.salon3 .right p {
    padding: 0 0 20px 0
    }
.salon3 {
    padding: 0 0 100px 0
    }
.annex .salon3 .left dt {
    color: #d7151a
    }
.salon4 ul {
    text-align: center;
    letter-spacing: -5px;
    max-width: 876px;
    margin: 0 auto
    }
.salon4 ul li {
    padding: 0 12px 12px 12px;
    letter-spacing: 0;
    display: inline-block !important
    }
.salon4 ul li img {
    width: 195px;
    height: 195px;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
.salon4 {
    padding-bottom: 100px
    }
.annex .salon5 {
    background: #f7d2d2
    }
.salon5 {
    padding: 65px 0 30px 0;
    text-align: center;
    letter-spacing: -5px
    }
.salon5 li {
    letter-spacing: 0;
    border-radius: 50% 0 50% 50%;
    overflow: hidden;
    display: inline-block !important;
    margin: 0 60px 30px 60px;
    background: #000
    }
.salon5 li a {
    position: relative;
    display: inline-block !important;
    vertical-align: top
    }
.salon5 li a:hover {
    opacity: 1
    }
.salon5 li a:hover img {
    opacity: 0.6
    }
.salon5 li a:hover .w img {
    opacity: 1
    }
.salon5 li .w {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 55px;
    text-align: center;
    z-index: 1
    }
.salon5 li .w strong {
    display: block;
    font-size: 50px;
    font-weight: normal;
    font-family: "Malina-Regular";
    padding-top: 15px;
    text-shadow: 0 0 6px #fff, 0 0 6px #fff
    }
.salon5 li .w img {
    opacity: 0
    }
/*menu*/
.w85 {
    max-width: 850px;
    margin: 0 auto
    }
.menu .w85 {
    padding: 50px 0 0 0
    }
.menunav {
    border: #888 1px solid;
    border-left: none;
    border-right: none;
    text-align: center;
    padding: 20px 0
    }
.menunav li {
    display: inline-block !important;
    font-size: 16px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    font-weight: bold
    }
.menunav li + li:before {
    content: "／";
    padding: 0 1em
    }
.ac {
    position: relative
    }
.ac a {
    position: absolute;
    left: 0;
    top: -95px
    }
.menu .wrap {
    padding: 35px 0 0 0
    }
.menu .wrap h3 {
    text-align: center;
    padding: 0 0 30px 0;
    font-size: 20px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif
    }
.menu .wrap .box {
    display: inline-block !important;
    width: 373px;
    padding: 0 23px 60px 23px;
    vertical-align: top
    }
.menu .wrap .box:nth-child(2n + 2) {
    padding-left: 31px
    }
.menu .wrap .box h4 {
    font-size: 16px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    padding: 0 0 30px 0;
    letter-spacing: -0.5px
    }
.menu .wrap .box .box {
    padding-left: 0;
    padding-right: 0;
    padding-top: 80px
    }
.menu .wrap .box h5 {
    font-weight: normal;
    padding: 30px 0 20px 0
    }
.menu .wrap .box dt {
    float: left
    }
.menu .wrap .box dt + dd {
    text-align: right
    }
.menu .wrap .box dl {
    padding: 0 0 20px 0
    }
.menu .wrap .box p {
    padding: 0 0 20px 0
    }
.menu .wrap .txt {
    padding: 25px 95px 5px 95px;
    margin-top: -50px;
    margin-bottom: 80px
    }
.menu .wrap .txt p {
    padding: 0 0 20px 0;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    font-weight: bold;
    letter-spacing: -0.5px
    }
.annex.menu .wrap h3 {
    color: #d7151a
    }
.annex.menu .wrap .txt {
    background: #f2b7b8
    }
.menu .wrap .box dt .o {
    opacity: 0
    }
/*material*/
.material .salon3 .left dt {
    color: #6a4485
    }
.material .h3s:before {
    content: url(/import/tenant_28/bamboo-salon.work/akamon_bamboo_clinic/static/page/main/images.9108ccf85606138e36841651911d6a14/bird2_left.gif);
    margin-right: 20px
    }
.material .h3s:after {
    margin-left: 20px;
    content: url(/import/tenant_28/bamboo-salon.work/akamon_bamboo_clinic/static/page/main/images.9108ccf85606138e36841651911d6a14/bird2_right.gif)
    }
.material .salon5 {
    background: #d1c5d9
    }
.material.menu .wrap h3 {
    color: #6a4485
    }
.material.menu .wrap .txt {
    background: #d1c5d9
    }
/*classic*/
.classic .salon3 .left dt {
    color: #583117
    }
.classic .h3s:before {
    content: url(/import/tenant_28/bamboo-salon.work/akamon_bamboo_clinic/static/page/main/images.9108ccf85606138e36841651911d6a14/bird3_left.gif);
    margin-right: 20px
    }
.classic .h3s:after {
    margin-left: 20px;
    content: url(/import/tenant_28/bamboo-salon.work/akamon_bamboo_clinic/static/page/main/images.9108ccf85606138e36841651911d6a14/bird3_right.gif)
    }
.classic .salon5 {
    background: #cabfb7
    }
.classic.menu .wrap h3 {
    color: #583117
    }
.classic.menu .wrap .txt {
    background: #cabfb7
    }
/*clinic*/
.clinic .salon3 .left dt {
    color: #e1af17
    }
.clinic .h3s:before {
    content: url(/import/tenant_28/bamboo-salon.work/akamon_bamboo_clinic/static/page/main/images.9108ccf85606138e36841651911d6a14/bird4_left.gif);
    margin-right: 20px
    }
.clinic .h3s:after {
    margin-left: 20px;
    content: url(/import/tenant_28/bamboo-salon.work/akamon_bamboo_clinic/static/page/main/images.9108ccf85606138e36841651911d6a14/bird4_right.gif)
    }
.clinic .salon5 {
    background: #f5e5b8
    }
.clinic.menu .wrap h3 {
    color: #e1af17
    }
.clinic.menu .wrap .txt {
    background: #f5e6b8
    }
.m5 {
    display: inline-block !important;
    min-width: 5em
    }
/*staff*/
.subtit {
    position: relative;
    margin-top: 136px;
    text-align: center;
    margin-bottom: 45px
    }
.subtit:before {
    content: "";
    width: 256px;
    height: 1px;
    background: #000;
    display: block;
    margin: 0 auto
    }
.subtit:after {
    content: "";
    width: 256px;
    height: 1px;
    background: #000;
    display: block;
    margin: 0 auto
    }
.subtit h2 {
    font-size: 36px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    padding: 5px 0
    }
/*#header.bk {
    background: #000
    }*/
.bk #header {
    background: #000
    }
.stafflist h3 {
    text-align: center;
    font-size: 30px;
    padding-bottom: 50px
    }
.stafflist h3:after {
    content: "";
    background: #5e5e5e;
    width: 73px;
    height: 3px;
    display: block;
    margin: 8px auto 0 auto
    }
.stafflist .wrap div.clearfix {
    width: 1137px;
    height: auto
    }
.stafflist dl {
    width: 210px;
    height: auto;
    float: left;
    text-align: center;
    padding: 0 17px 30px 0
    }
.stafflist dl dd {
    width: 210px;
    height: 280px;
}
.stafflist dl dd a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(/import/tenant_28/bamboo-salon.work/akamon_bamboo_clinic/static/page/main/images/dummy.jpg) no-repeat center;
    background-size: cover;
}
.stafflist dl dd a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
.stafflist dt {
    font-size: 16px;
    font-weight: bold;
    line-height: 140%;
    padding: 15px 0 0 0
    }
.stafflist dt .p {
    display: block
    }
.stafflist .wrap {
    padding-bottom: 10px
    }
.staff1 {
    padding: 10px 0 40px 0
    }
.staff1 .pic {
    text-align: center;
    padding: 0 0 25px 0
    }
.staff1 .sns {
    text-align: center;
    letter-spacing: -5px;
    padding-bottom: 55px
    }
.staff1 .sns li {
    letter-spacing: 0;
    display: inline-block !important;
    padding: 0 3px 10px 3px;
    vertical-align: top
    }
.staff1 .left {
    width: 396px;
    height: auto;
    float: left
    }
.staff1 .right {
    float: right;
    width: 395px;
    height: auto
    }
.staff1 .left h3 {
    font-size: 16px;
    padding: 0 0 20px 0
    }
.staff1 .left .table dt {
    float: left;
    font-weight: bold
    }
.staff1 .left .table dl {
    padding-bottom: 3px
    }
.staff1 .left .table {
    padding-bottom: 50px
    }
.staff1 .left p {
    padding: 0 0 20px 0
    }
.staff1 .right dt {
    font-weight: bold
    }
.staff1 .right dd {
    padding: 0 0 20px 0
    }
.staff1 .right dl + dl {
    border-top: 1px #888 solid;
    padding-top: 20px
    }
.staff2 li {
    width: 196px;
    height: auto;
    text-align: center;
    padding: 0 22px 20px 0;
    float: left
    }
.staff2 li a {
    display: block;
    width: 100%;
}
.staff2 li a img {
    width: 196px;
    height: 196px;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
.staff2 ul {
    width: 872px;
    height: auto
    }
.staff2 h3 {
    text-align: center;
    font-size: 20px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    padding-bottom: 30px
    }
.staff2 {
    padding-bottom: 30px
    }
.back {
    font-size: 18px;
    font-weight: bold;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif
    }
.back .b {
    font-size: 20px
    }
.staff .back {
    padding: 0 0 90px 0
    }
/*product_cota*/
.product_cota .intro h3 .t {
    font-family: "Allura", cursive;
    font-size: 48px;
    display: block;
    font-weight: normal;
    padding-bottom: 55px;
    -moz-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-10deg)
    }
.product_cota .intro h3 {
    text-align: center;
    padding: 0 0 50px 0
    }
.product_cota .intro h3 .w {
    text-align: left;
    display: inline-block !important;
    background: url(/import/tenant_28/bamboo-salon.work/akamon_bamboo_clinic/static/page/main/images.5935c14294c1a836ff6333b4d11a5c6e/product_01.png) 0 30px no-repeat;
    padding: 0 34px
    }
.product_cota .intro h3 strong {
    font-size: 55px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    padding-left: 80px
    }
.product_cota .intro p {
    padding: 0 0 20px 0
    }
.product_cota .intro h3 + p {
    font-weight: bold
    }
.product_cota .intro {
    padding-bottom: 100px
    }
.cota1 h4 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    font-weight: normal;
    font-size: 12px;
    padding: 0 0 45px 0
    }
.cota1 h4 strong {
    font-size: 24px;
    margin-right: 2em;
    vertical-align: middle
    }
.cota1 .pic {
    text-align: center
    }
.pic{
    text-align: center;    
    }
.cota1 .box {
    padding: 0 0 30px 0
    }
.cota1 p {
    padding: 0 0 20px 0
    }
.cota1 {
    padding-bottom: 20px
    }
.cota2 h3 {
    font-size: 30px;
    color: #39c;
    font-weight: normal;
    padding-bottom: 20px
    }
.cota2 h3 rt {
    font-size: 10px;
    line-height: 1;
    margin-bottom: -4px
    }
.cota2 h3 strong {
    font-size: 32px
    }
.cota2 .box {
    box-sizing: border-box;
    background: #c1e0ee;
    width: 410px;
    float: left;
    padding: 25px 20px 0 20px;
    margin-bottom: 38px
    }
.cota2 .box .k {
    line-height: 1
    }
.cota2 .box:nth-child(2n + 2) {
    float: right
    }
.cota2 .box p {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    font-size: 16px;
    padding: 0 0 25px 0
    }
.cota2 .sec2 .pic {
    text-align: center;
    padding: 0 0 25px 0
    }
.cota2 .sec2 p {
    text-align: left;
    padding: 0 0 20px 0
    }
.cota2 {
    padding-bottom: 80px
    }
/*product*/
.product .box {
    border: 1px solid #888;
    margin-bottom: 28px;
    padding: 20px 23px 0 23px
    }
.product .pic {
    float: right;
    padding: 0 0 20px 0;
    }
.product .pic img {
    width: 357px;
    height: 330px;
    object-fit: contain;
    font-family: 'object-fit: contain;';
}
.product .tbox {
    width: 435px;
    height: auto;
    float: left
    }
.product .box .txt p {
    padding: 0 0 20px 0
    }
.product .tbox h3 {
    font-size: 25px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    padding: 0 0 20px 0
    }
.product .tbox .cat {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    font-size: 16px;
    color: #39f;
    font-weight: bold;
    padding: 0 0 30px 0
    }
.product .w85 {
    padding-top: 10px;
    padding-bottom: 80px
    }
/*style*/
.stylenav {
    text-align: center;
    padding: 10px 0 35px 0;
    letter-spacing: -5px
    }
.stylenav li {
    letter-spacing: 0;
    display: inline-block !important;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    font-size: 25px
    }
.stylenav li + li:before {
    content: "／"
    }
.stylenav li a {
    color: #777;
    font-weight: bold
    }
.stylelist li {
    float: left;
    padding: 0 25px 25px 0
    }
.stylelist li a {
    width: 100%;
    height: 100%;
}
.stylelist li a img {
    width: 204px;
    height: 255px;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
.stylelist {
    width: 1145px;
    height: auto;
    padding-bottom: 30px
    }
.pagenav {
    text-align: center;
    letter-spacing: -5px
    }
.pagenav .current a, .pagenav li a:hover {
    color: #8cbfde;
    opacity: 1
    }
.pagenav li {
    letter-spacing: 0;
    display: inline-block !important;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    font-weight: bold;
    font-size: 15px;
    padding: 0 0.5em
    }
.pagenav li.prev {
    padding-right: 1em
    }
.pagenav li.next {
    padding-left: 1em
    }
.style .pagenav {
    padding-bottom: 150px
    }
.style .w85 {
    padding: 10px 0 105px 0
    }
.style .w85 .tbox {
    width: 470px;
    height: auto;
    float: right
    }
.style .imgs {
    float: left;
    width: 364px
    }
.style .w85 .tbox h3 {
    font-size: 16px;
    border-bottom: 1px solid #000;
    font-weight: normal;
    padding: 10px 0;
    margin-bottom: 30px
    }
.style .w85 .tbox .box h4 {
    font-size: 16px;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #000;
    margin-bottom: 20px
    }
.style .w85 .tbox .box p {
    padding: 0 0 10px 0
    }
.style .w85 .tbox .box + .box {
    border-top: 1px solid #000;
    padding-top: 30px
    }
.style .w85 .imgs .pic {
    padding-bottom: 16px
    }
.style .w85 .imgs .pic img {
    width: 364px;
    height: 455px;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
.style .w85 .imgs li {
    float: left;
    padding: 0 5px 5px 0
    }
.style .w85 .imgs li img {
    width: 118px;
    height: 147px;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
.style .w85 .imgs ul {
    width: 369px;
    height: auto;
    padding-bottom: 45px
    }
.back2 a {
    font-weight: bold
    }
.style .back2 {
    margin-left: -1em
    }
.back2 a .m {
    font-size: 18px
    }
/*blog*/
.postwrap #side {
    float: right;
    width: 230px;
    height: auto;
    padding: 0 39px 0 0
    }
.postwrap #left {
    width: 900px;
    height: auto;
    float: left
    }
.postwrap #left .home-blog {
    padding-top: 0;
    padding-bottom: 40px
    }
.postwrap #side dt strong {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    font-size: 24px
    }
.postwrap #side dt .s {
    font-weight: bold;
    display: inline-block !important;
    float: right;
    padding-top: 5px
    }
.postwrap #side dt {
    border-bottom: #bbb solid 10px;
    padding: 0 0 4px 0;
    margin-bottom: 15px
    }
.postwrap #side dd {
    padding: 0 0 12px 24px;
    font-weight: bold
    }
.postwrap #side dl {
    padding: 0 0 40px 0
    }
.postwrap {
    padding-bottom: 95px
    }
.postwrap #left .in {
    width: 712px;
    height: auto;
    padding-left: 195px
    }
.single .postmeta {
    letter-spacing: -5px;
    padding: 0 0 10px 0
    }
.single .postmeta li {
    display: inline-block !important;
    letter-spacing: 0;
    padding-right: 25px;
    font-weight: bold
    }
.single .postmeta li img {
    vertical-align: middle;
    margin-right: 10px
    }
.single .pic {
    padding: 0 0 30px 0
    }
.single h3 {
    color: #ff1a56;
    font-weight: bold;
    font-size: 16px;
    padding: 0 0 15px 0
    }
.single .txt p {
    padding: 0 0 20px 0
    }
.single .txt {
    padding: 0 0 40px 0
    }
.single .singlenav {
    padding: 0 26px 85px 26px
    }
.single .singlenav li {
    display: inline-block !important
    }
.single .singlenav li.next {
    float: right
    }
.single .back {
    font-size: 14px;
    margin-left: -1em
    }
.news .in2 {
    padding: 0 0 0 40px
    }
.news .home-info .table dd h3 {
    font-weight: normal;
    padding-bottom: 10px
    }
.news .home-info .table dd h3 + .text {
    line-height: 1.5;
    height: 63px;
    overflow: hidden;
}
.news .home-info {
    padding: 0 0 40px 0
    }
/*campany*/
.campany .map iframe {
    width: 100%
    }
.campany .home-shop {
    padding-top: 65px
    }
.camp1 {
    padding: 45px 0 70px 0
    }
.camp1 h3 {
    padding-bottom: 60px
    }
.camp1 h4 {
    text-align: center;
    font-size: 18px;
    padding: 0 0 25px 0
    }
.camp1 p {
    padding: 0 0 20px 0;
    text-align: center;
    font-weight: bold
    }
.camp1 dl {
    text-align: right
    }
.camp1 dt {
    font-weight: bold;
    padding: 0 0 20px 0
    }
.camp2 {
    background: #f1b7b8;
    padding: 16px 0 0 0
    }
.camp2 .w85 {
    background: url(/import/tenant_28/bamboo-salon.work/akamon_bamboo_clinic/static/page/main/images.cb1414b2ed6ff409d1fd4fb6ecd8bdd5/recruit_02.png) center 0 no-repeat;
    padding: 25px 0 0 0;
    min-height: 360px
    }
.camp2 h3 {
    padding-bottom: 60px
    }
.camp2 h4 {
    text-align: center;
    font-size: 18px;
    padding: 0 0 25px 0
    }
.camp2 p {
    text-align: center;
    font-weight: bold;
    padding: 0 0 20px 0
    }
.camp3 {
    background: #bcdbc2;
    padding: 50px 0 45px 0
    }
.camp3 .table {
    width: 958px;
    height: auto;
    border: 1px solid #888;
    border-bottom: none;
    margin: 0 auto
    }
.camp3 h3 {
    padding-bottom: 60px
    }
.camp3 h4 {
    text-align: center;
    font-size: 18px;
    padding-bottom: 55px
    }
.camp3 dt {
    float: left;
    padding: 20px 15px 1020px 33px;
    width: 200px;
    margin-bottom: -1000px;
    font-weight: bold
    }
.camp3 dt + dd {
    float: left;
    padding: 20px 20px 1020px 42px;
    width: 647px;
    margin-bottom: -1000px;
    border-left: 1px solid #888
    }
.camp3 dl {
    overflow: hidden;
    border-bottom: 1px solid #888
    }
.torec {
    width: 873px;
    height: auto;
    margin: 0 auto;
    padding: 0 0 150px 0
    }
.torec a {
    display: inline-block !important;
    position: relative
    }
.torec a .w {
    position: absolute;
    top: 38px;
    left: 263px
    }
.torec a .w strong {
    display: block;
    font-size: 16px;
    font-weight: bold;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    padding: 0 0 10px 0
    }
/*coupon*/
.couponnav {
    text-align: center;
    letter-spacing: -5px;
    padding: 0 0 100px 0
    }
.couponnav li {
    letter-spacing: 0;
    display: inline-block !important;
    padding: 0 5px 10px 5px
    }
.couponnav li a {
    display: block;
    width: 205px;
    text-align: center;
    padding: 13px 0 4px 0;
    border-radius: 8px
    }
.couponnav li:nth-child(1) a {
    background: #e00
    }
.couponnav li:nth-child(2) a {
    background: #f9be0a
    }
.couponnav li:nth-child(3) a {
    background: #8e60a9
    }
.couponnav li:nth-child(4) a {
    background: #583117
    }
.coupon .wrap {
    padding: 23px 0 80px 0
    }
.coupon .wrap h3 {
    text-align: center;
    padding: 0 0 10px 0;
    border-bottom: 6px solid;
    margin-bottom: 60px
    }
.coupon .wrap .box {
    border: 1px solid #d4d4d4;
    background: url(/import/tenant_28/bamboo-salon.work/akamon_bamboo_clinic/static/page/main/images.90b0718dc492e319489b994a230e58cb/line.jpg) 0 0 repeat;
    margin-bottom: 22px;
    padding: 10px 0 16px 0;
    text-align: center
    }
.coupon .wrap .chead {
    padding: 0 0 0 18px;
    letter-spacing: -5px;
    text-align: left
    }
.coupon .wrap .chead .type {
    display: inline-block !important;
    width: 200px;
    height: auto;
    line-height: 40px;
    color: #fff;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    vertical-align: middle;
    text-align: center;
    letter-spacing: 0;
    margin-right: 16px
    }
.coupon .wrap .chead h4 {
    letter-spacing: 0;
    display: inline-block !important;
    background: url(/import/tenant_28/bamboo-salon.work/akamon_bamboo_clinic/static/page/main/images.90b0718dc492e319489b994a230e58cb/titbk.png) center top no-repeat;
    width: 453px;
    height: auto;
    padding: 50px 0 0 0;
    vertical-align: middle
    }
.coupon .wrap .chead h4 .n {
    font-size: 16px;
    text-align: center;
    padding-top: 18px;
    display: block
    }
.coupon .wrap .chead h4 strong {
    display: block;
    text-align: center;
    font-size: 36px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif
    }
.coupon1.wrap .chead .type {
    background: #e00
    }
.coupon .wrap .chead p.logo {
    letter-spacing: 0;
    display: inline-block !important;
    vertical-align: middle
    }
.coupon .wrap .txt {
    display: inline-block !important;
    text-align: left;
    padding: 0 18px 5px 18px
    }
.coupon .wrap .txt p {
    padding: 0 0 20px 0
    }
.coupon .wrap .cinfo dl {
    display: inline-block !important;
    width: 470px;
    height: auto
    }
.coupon1.wrap h3 {
    border-color: #e00
    }
.coupon .wrap .cinfo dt {
    vertical-align: middle;
    display: inline-block !important;
    font-size: 21px;
    color: #555;
    font-weight: bold;
    position: relative
    }
.coupon .wrap .cinfo dt .w:before {
    content: "";
    width: 120%;
    height: 2px;
    background: #f30;
    position: absolute;
    top: 50%;
    left: 0;
    margin-left: -10%;
    margin-top: -1px
    }
.coupon .wrap .cinfo dt:after {
    content: "→";
    padding: 0 0.5em
    }
.coupon .wrap .cinfo dd {
    display: inline-block !important;
    vertical-align: middle;
    font-size: 43px;
    font-weight: bold;
    color: #f6264a
    }
.coupon .wrap .cinfo dt .w {
    position: relative;
    display: inline-block !important
    }
.coupon .wrap ul {
    display: inline-block !important;
    text-align: left;
    box-sizing: border-box;
    width: 310px;
    height: auto;
    background: #bbb;
    padding: 5px 14px 5px 14px
    }
.coupon .wrap ul li {
    color: #fff
    }
.coupon2.wrap .chead .type {
    background: #e1af17
    }
.coupon2.wrap h3 {
    border-color: #e1af17
    }
.coupon3.wrap .chead .type {
    background: #8e60a9
    }
.coupon3.wrap h3 {
    border-color: #8e60a9
    }
.coupon4.wrap .chead .type {
    background: #583117
    }
.coupon4.wrap h3 {
    border-color: #583117
    }
.totop {
    position: fixed;
    z-index: 99;
    bottom: 10px;
    right: 10px
    }
.totop strong {
    display: block;
    text-align: center;
    text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0 0 3px #fff, 0 0 3px #fff;
    font-size: 12px
    }
.totop .t {
    display: block;
    padding: 5px;
    width: 60px;
    height: auto;
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 4px
    }
.totop .t img {
    max-width: 100%;
    height: auto
    }

/*ブログ、ギャラリー機能用*/
/*ブログ機能用*/
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;
}


/*index_staff*/
.home-staff .stafflist .staff_flex {
    /*display: flex;
    justify-content: space-around;
    display: -webkit-flex;
    -webkit-justify-content: space-around;*/
    width: 1050px;
    margin: 0 auto;
}
.home-staff .stafflist dl {
    width: 210px;
    height: auto;
    /*float: left;*/
    text-align: center;
    padding: 0 10px;
    box-sizing: border-box;
}
.home-staff .stafflist dl dd {
    width: 100%;
    height: 250px;
}
.bookf li{
    width: 18%;
    float: left;
    padding: 12px 3%;
    text-align: center;
    }
.bookf li a{
    display: block;
    /*background: #ffc61a;*/
    line-height: 44px;
    color: #fff;
    vertical-align: middle;
    font-size: 16px;
    font-weight: bold;
    }   
.yoyaku_1 a{
    background: #ffc61a;
    }
.yoyaku_2 a{
    background: #583117;
    }
.yoyaku_3 a{
    background: #6a4485;
    }
.yoyaku_4 a{
    background: #ff1a56;
    }        
.bookf{
    width: 100%;
    height: auto;
    background: rgba(255, 255, 255, 0.8);
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 88;
    min-width: 1200px;
    }

/**/

.main_visual_zone {
		position: relative;
		overflow: hidden;
		height: 60%;
	}
	.main_visual_zone img {
		width: 100%;
	}
	.main_visual_zone .photo:after {
		padding-top: 60%;
		content: '';
		display: block;
		position: absolute;
		top: 0;
	}
	.main_visual_zone .text_box{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	.trimmingInner {
		width: 100%;
		position: relative;
		display: block;
		overflow: hidden;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}