@import url('https://fonts.googleapis.com/css?family=Tangerine');


@charset "utf-8";
/* CSS Document */
img {
    max-width: 100% !important;
    height: auto !important;
}


.managed_gallery div{
    width:100%;
}

.mainimg .slide img {
    width: 100%;
    height: auto
    }
    

.bx-window{
    width: 100% !important;
    position: relative !important;
    overflow: hidden !important;
    height:auto !important;
}
.bx-window:after {
    display: block !important;
    content: "" !important;
    padding-top: 45% !important;
}
.bx-window img {
    position:absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: auto !important;
    width: 100% !important;
}
   
.mainimg .slidenav {
    text-align: center;
    letter-spacing: -5px;
    padding: 20px 0 0 0
    }
.mainimg .slidenav li {
    width: 8px !important;
    height: 8px !important;
    display: inline-block !important;
    text-indent: -9999px !important;
    letter-spacing: 0 !important;
    background: #b2b2b2 !important;
    cursor: pointer !important;
    margin: 0 3px !important;
    font-size: 2px !important;
    vertical-align: top !important;
    padding:0px !important;
    }
.mainimg .slidenav li.st, .mainimg .slidenav li:hover {
    background: #b09d7c;
    }
    
.bx-pager{
    text-align: center !important;
    letter-spacing: -5px !important;
    padding: 20px 0 0 0 !important;
    z-index: 50 !important;
    }    

.bx-pager .pager-active{
    background: #b09d7c !important;
}
 
.bx-pager .pager-link{
    padding: 0px !important;
    width: 8px !important;
    height: 8px !important;
    display: inline-block !important;
    text-indent: -9999px !important;
    letter-spacing: 0 !important;
    background: #b2b2b2 !important;
    cursor: pointer !important;
    margin: 0 3px !important;
    font-size: 2px !important;
    vertical-align: top !important;
    }
a.pager-link:hover{
    background: #b09d7c !important;
}  
    
a.pager-link.pager-active {
    background: #b09d7c !important;
}
a.pager-link.pager-active:hover{
    background: #b09d7c !important;
}

#akamon_managed_gallery_c8eac240-48f6-4355-9f5f-987dc2510167 .pager-link.pager-active{
    background:none !important;
}
#akamon_managed_gallery_211222e4-8eb3-496a-9149-99e0c793a39d .pager-link {
    padding: 0px !important;
    color: none !important;
    text-indent: -999999px !important;
    background:none !important;
}
#akamon_managed_gallery_c835cd4c-3106-46e2-a796-b13e1d57d837 .pager-link{
    margin:100px;
}

@font-face {
    font-family: "fontawesome-webfont";
    src: url(/import/tenant_28/www.aikamuster.com/unisoncms_aikamu/static/page/main/font/fontawesome-webfont.eot);
    src: url(/import/tenant_28/www.aikamuster.com/unisoncms_aikamu/static/page/main/font/fontawesome-webfont.eot) format('embedded-opentype'),
         url(/import/tenant_28/www.aikamuster.com/unisoncms_aikamu/static/page/main/font/fontawesome-webfont.woff) format('woff'),
         url(/import/tenant_28/www.aikamuster.com/unisoncms_aikamu/static/page/main/font/fontawesome-webfont.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: 0px;
    padding: 0px;
    font-size:16px;
    font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック",YuGothic,'ＭＳ Ｐゴシック',sans-serif;
    font-family:"游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝", serif;
    line-height:160%;
    color:#4c4339;
    
}
.i {
    font-family: "fontawesome-webfont";
    font-weight: normal
    }
.clearfix:after {
    content: "";
    display: block;
    clear: both;
    }
.clearfix {
    display: inline-block
    }
* html .clearfix {
    height: 1%
    }
.clearfix {
    display: block
    }
.clear {
    clear: both
    }
img {
    vertical-align: top;
    border: none
    }
a {
    text-decoration: none;
    color: #4c4339
    }
a:hover {
    opacity: 0.6
    }
ul {
    list-style: none
    }
#wrapper {
    min-width: 1200px;
    overflow: hidden
    }
#header {
    position: relative;
    padding-bottom: 66px
    }
#header h1 {
    position: absolute;
    bottom: 100%;
    text-indent: -9999px;
}
#header h2 {
    text-align: center;
    padding: 28px 0 23px 0
    }
.mainimg img {
    width: 100%;
    height: auto
    }
#gnav {
    width: 100%;
    height: auto;
    text-align: center;
    letter-spacing: -5px;
    position: absolute;
    bottom: 0;
    left: 0
    }
#gnav ul {
    width: 1200px;
    height: auto;
    margin: 0 auto
    }
#gnav li {
    display: inline-block !important;
    letter-spacing: 0;
    font-size: 16px;
    padding: 0 11px
    }
#gnav li a {
    display: block;
    padding: 0 14px;
    line-height: 56px;
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff
    }
#gnav li a:hover {
    border-bottom: 5px solid #b09d7c;
    opacity: 1
    }
#gnav li a.current {
    border-bottom: 5px solid #b09d7c;
    opacity: 1
    }
#gnav li.fb a.current {
    border-bottom: none !important;
} 
#gnav.fixed {
    position: absolute;
    bottom: auto;
    top: 0;
    left: 0;
    z-index: 100;
    background: #fff;
    box-shadow: 0 2px 3px 0 #b8b8b8;
    -moz-box-shadow: 0 2px 3px 0 #b8b8b8;
    -webkit-box-shadow: 0 2px 3px 0 #b8b8b8
    }
#pnav {
    background: #f3f1ec
    }
#pnav p {
    width: 1170px;
    height: auto;
    margin: 0 auto;
    font-size: 16px;
    line-height: 63px
    }
#pnav p img {
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 0.5em
    }
#pnav p .n {
    padding: 0 0.5em
    }
#pnav p strong {
    font-weight: normal
    }
.foot-sitemap {
    width: 1170px;
    height: auto;
    margin: 0 auto;
    padding: 66px 0 45px 0
    }
.h3h {
    text-align: center;
    font-size: 32px;
    font-weight: normal
    }
.foot-sitemap h3 {
    padding-bottom: 30px
    }
.foot-sitemap li {
    width: 170px;
    height: auto;
    float: left;
    padding: 0 30px 30px 0;
    font-size: 14px
    }
.foot-sitemap ul {
    width: 1200px
    }
.foot-sitemap li a {
    display: block;
    border: 1px solid #ad9a79;
    line-height: 44px;
    padding: 0 0 0 16px;
    color: #ad9a79;
    border-radius: 4px;
    /* CSS3草案 */
    -webkit-border-radius: 4px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 4px;
    /* Firefox用 */
    }
.foot-sitemap li a:hover {
    background: #ad9a79;
    color: #fff;
    opacity: 1
    }
.foot-sitemap li .i {
    padding-right: 0.5em
    }
.foot-sitemap li a.current {  
    background: #ad9a79;
    color: #fff
    }
    
.foot-sitemap li:last-child a:hover {
    background: #fff;
    color: #ad9a79
    }
.totop {
    text-align: center
    }
.totop a {
    display: block;
    background: #f3f1ec;
    line-height: 70px;
    font-size: 32px
    }
#footer .inner {
    width: 1170px;
    height: auto;
    margin: 0 auto
    }
#footer .inner ul {
    float: left;
    letter-spacing: -5px
    }
#footer .inner ul li {
    display: inline-block !important;
    letter-spacing: 0;
    line-height: 64px;
    padding: 0 45px 0 0
    }
#footer .inner ul li img {
    vertical-align: middle;
    margin-right: 0.5em;
    margin-top: -5px
    }
#footer .inner p {
    float: right;
    line-height: 64px
    }
/*home*/
.home-concept {
    position: relative;
    overflow: hidden;
    background: #000
    }
.home-concept .bkimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    min-width: 1600px
    }
    
.home-concept .bkimg span{
    width: 100%;
    position: relative;
    overflow: hidden;
    display:block;
}
.home-concept .bkimg span:after {
    display: block;
    content: "";
    padding-top: 30%;
}
.home-concept .bkimg span img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
}    
    
    
    
.home-concept .bkimg img {
    width: 100%;
    height: auto;
    opacity: 0.5;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px)
    }
.home-concept .inner {
    position: relative;
    z-index: 1;
    padding: 80px 0 40px 0
    }
.home-concept h3 {
    color: #fff;
    padding-bottom: 25px
    }
.home-concept p {
    text-align: center;
    color: #fff;
    line-height: 210%;
    font-size: 16px;
    padding: 0 0 64px 0
    }
.hmore a {
    display: inline-block !important;
    width: 296px;
    height: auto;
    line-height: 52px;
    background: #ad9a79;
    color: #fff;
    text-align: center;
    position: relative;
    border: 2px solid #ad9a79
    }
    
.hmore a:hover {
    background: #fff;
    color: #ad9a79;
    opacity: 1
    }
.hmore a:before {
    content: "";
    font-family: "fontawesome-webfont";
    font-weight: normal;
    position: absolute;
    top: 0;
    right: 19px
    }
.bk0 {
    width: 1170px;
    height: auto;
    margin: 0 auto
    }
.home-posts .wrap {
    width: 570px;
    height: auto;
    float: left;
    padding: 90px 0 100px 0
    }
.home-posts .right {
    float: right
    }
.home-posts h3 {
    padding-bottom: 30px;
    border-bottom: 1px solid #f3f1ec
    }
.home-posts .box {
    border-bottom: 1px solid #f3f1ec;
    padding: 20px 0
    }
.home-posts .box .pic {
    float: left
    }

.home-posts .box .pic img:not([src*="."]){
     display:none !important;
}
.home-posts .box .pic img:not([src*="."]) ~ span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background: url(/import/tenant_28/www.aikamuster.com/unisoncms_aikamu/static/page/main/images/logo.png) center center no-repeat;
    display: block;
    background-size: 90%;
    background-color: #fff;
    border: solid 1px #999;
    box-sizing: border-box;
}
  
.home-posts .box .pic{
    position: relative;
    overflow: hidden;
    display:block;
    width:200px
}
.home-posts .box .pic:after {
    display: block;
    content: "";
    padding-top: 62%;
}
.home-posts .box .pic img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
}    
    
.home-posts .box dl {
    float: right;
    width: 352px;
    height: auto
    }
.home-posts .box dl .cat {
    display: inline-block !important;
    border: 1px solid #ad9a79;
    color: #a7926d;
    font-size: 14px;
    line-height: 28px;
    padding: 0 10px;
    margin-bottom: 13px
    }
.home-posts .box dl .date {
    font-size: 14px;
    color: #ad9a79;
    padding-bottom: 13px
    }
.home-posts .hmore {
    text-align: center;
    padding: 34px 0 0 0
    }
.bk1 {
    background: #f3f1ec
    }
.bk1 .inner {
    width: 1170px;
    height: auto;
    margin: 0 auto
    }
.home-gallery {
    padding: 90px 0 70px 0
    }
.home-gallery h3 {
    padding-bottom: 45px
    }
.home-gallery .clearfix {
    width: 1170px;
    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;
    }
#akamon_managed_gallery_89b8a3dd-2f9a-42e2-8bc2-dd5bfa29f80f a[rel=lightbox] img {
    margin-left: 0;
    margin-right:30px !important;
    border-style: none;
    border-color: none !important;
    border-width: 0px !important;
}
.home-gallery a:nth-child(3n){
    margin-right:0px !important;
}   
    
.home-gallery a{
    width: 370px;
    position: relative;
    overflow: hidden;
    display:block;
    float: left;
    margin-bottom: 30px;
    margin-right:30px !important;
}

.home-gallery a img{
    margin-left: 0px !important;
    margin-bottom: 20px;
    border-style: none !important;
    border-color: #aaaaaa !important;
    border-width: 3px !important;
}

.home-gallery a:after {
    display: block;
    content: "";
    padding-top: 60%;
}
.home-gallery a img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
}    
    
    
.home-style {
    padding: 90px 0 100px 0;
    }
.home-style h3 {
    padding-bottom: 45px;
    }
.home-style li {
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;    
    width: 20%;
    height: 300px;
    overflow: hidden;
    }
.home-style li:nth-child(4n) {
    margin-right: 0;
}
    
.home-style li a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.home-style li a span.af{
    width: 270px;
    position: relative;
    display: block;
    overflow: hidden;

    
}
.home-style li a span.af:after {
    display: block;
    content: "";
    padding-top: 117%;
}
.home-style li a span.af img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
}        
.lb-outerContainer {
    max-width: 500px !important;
    height: auto !important;
}  
.lb-outerContainer img {
    width: 100% !important;
    height: auto !important;
}
.home-style li a:hover {
    opacity: 1
    }
.home-style li a .w {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transform: rotatex(-180deg);
    transform: rotatex(-180deg);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 0;
    color: #fff
    }
.home-style li a:hover .w {
    -webkit-transform: rotatex(0);
    transform: rotatex(0);
    opacity: 1
    }
.home-style li a .w strong {
    display: block;
    padding-top: 150px;
    text-align: center;
    font-weight: normal;
    font-size: 18px;
    padding-bottom: 30px
    }
.home-style li a .w .s {
    display: block;
    text-align: center;
    font-size: 14px
    }
.home-style li a .w .s .i {
    padding-right: 0.5em
    }
.home-style ul {
    width: 1170px;
    height: auto;
    padding-bottom: 46px
    }
.home-style .hmore {
    text-align: center
    }
.home-staff {
    text-align: center;
    padding: 90px 0 100px 0
    }
.home-staff .inner2 {
    width: 1200px;
    height: auto;
    margin: 0 auto
    }
.home-staff h3 {
    padding-bottom: 45px
    }
.home-staff ul {
    letter-spacing: -5px;
    padding-bottom: 46px;
    }
.home-staff li {
    letter-spacing: 0;
    display: inline-block !important;
    width: 270px;
    height: auto;
    margin: 0 15px 30px 15px;
    background: #79633d
    }
    
.home-staff li a {
    display: block;
    position: relative
    }

.home-staff li a span.af{
    width: 270px;
    position: relative;
    overflow: hidden;
    display:block;
}
.home-staff li a span.af:after {
    display: block;
    content: "";
    padding-top: 59%;
}
.home-staff li a span.af img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
}    
    
.home-staff li .w {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    height: auto;
    font-size: 20px;
    color: #fff;
    z-index: 1;
    display: none
    }
.home-staff li .e {
    display: block;
    font-size: 12px;
    padding-bottom: 15px
    }
.home-staff li .w:after {
    content: "";
    display: block;
    width: 30px;
    height: 1px;
    background: #fff;
    margin: 0 auto 0 auto
    }
.home-staff li a {
    opacity: 1
    }
.home-staff li a:hover img {
    opacity: 0.5
    }
.home-staff li a:hover .w {
    display: block
    }
.home-menu {
    width: 1170px;
    padding: 30px 0 100px 0;
    letter-spacing: -5px;
    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;
    }
.home-menu .box {
    width: 370px;
    height: auto;
    float:left;
    letter-spacing: 0;
    box-sizing: border-box;
    margin-right:30px;
    }
.home-menu .box:nth-child(3n)  {
    margin-right:0px;
    }
.home-menu .box h3 {
    padding: 60px 15px 25px 15px;
    letter-spacing: 0;
    }
.home-menu .box .pic {
    margin-bottom: 25px;
    }

.home-menu .box .pic {
    width: 370px;
    height: 250px;
    position: relative;
    overflow: hidden;
}

    
.home-menu .box .txt {
    padding: 0 15px 0 15px;
    min-height: 100px;
    letter-spacing: 0;
    }
.home-menu .box .txt p {
    padding: 0 0 20px 0
    }
.home-menu .hmore {
    text-align: center
    }
.home-salon {
    overflow: hidden
    }
.home-salon .left {
    background: #000;
    width: 50%;
    float: left;
    position: relative;
    overflow: hidden;
    height: 576px;
    }
.home-salon .left .bkimg {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%
    }
    
.home-salon .left .bkimg span {
    width: 100%;
    position: relative;
    overflow: hidden;
    display:block;
}
.home-salon .left .bkimg span:after {
    display: block;
    content: "";
    padding-top: 70%;
}
.home-salon .left .bkimg span img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
}


    
.home-salon .left .bkimg img {
    width: 100%;
    height: auto;
    opacity: 0.55;
    min-width: 800px
    }
.home-salon .left .in {
    float: right;
    width: 585px;
    height: auto;
    position: relative;
    z-index: 1;
    padding: 65px 0 50px 0
    }
.home-salon .left dt {
    float: left;
    color: #fff
    }
.home-salon .left dd {
    padding: 0 0 20px 200px;
    color: #fff
    }
.home-salon .map {
    width: 50%;
    height: 576px;
    overflow: hidden;
    float: right;
    }
.home-salon .map iframe{
   height: 100%;
   width: 100%;
    }
.home-sns .left {
    float: left;
    width: 570px;
    height: auto
    }
.home-sns .left .fb {
    width: 500px;
    height: auto;
    margin: 0 auto
    }
.home-sns .right {
    float: right;
    width: 570px;
    height: auto
    }
.home-sns h3 {
    padding: 85px 0 25px 0
    }
.home-sns .right li{
    float: left;
    margin: 0 30px 30px 0;
}
    
.home-sns .right li a{
    width:170px;
    position: relative;
    overflow: hidden;
    display:block;
}

.home-sns .right li:nth-child(3n) {
    margin-right:0px;
}

.home-sns .right li a:after {
    display: block;
    content: "";
    padding-top: 100%;
}
.home-sns .right li a img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
}    
    
.home-sns .right ul {
    width: 600px;
    height: auto
    }
.home-sns {
    padding-bottom: 70px
    }
.subtit {
    background: #000;
    position: relative
    }
.subtit .bkimg img {
    width: 100%;
    height: auto;
    opacity: 0.45
    }
.subtit .bkimg span {
    width: 100%;
    position: relative;
    overflow: hidden;
    display:block;
}
.subtit .bkimg span:after {
    display: block;
    content: "";
    padding-top: 15%;
}
.subtit .bkimg span img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
}    

.concept .subtit .bkimg span:after {
    padding-top: 40% !important;
}
    
    
    
.subtit h2 {
    width: 100%;
    height: auto;
    line-height: 1;
    color: #fff;
    font-size: 32px;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 0;
    margin-top: -16px;
    z-index: 1
    }
/*menu*/
.menu .mhead h3 {
    font-size: 32px;
    font-weight: normal;
    display: inline-block !important;
    line-height: 120%
    }
.menu .mhead h3 .n {
    font-size: 16px;
    margin-left: 1em
    }
.menu .mhead p {
    display: inline-block !important;
    float: right;
    padding-top: 14px
    }
.menu .mhead {
    border-bottom: 1px solid #f3f1ec;
    margin-bottom: 10px;
    padding-top: 50px
    }
.menu .bk1 .mhead {
    border-color: #4c4339
    }
.menu .table {
    width: 570px;
    height: auto;
    float: left
    }
.menu .table.right {
    float: right
    }
.menu .table dl {
    border-bottom: 1px solid #f3f1ec;
    padding: 16px 0 8px 0
    }
.menu .bk1 .table dl {
    border-color: #4c4339
    }
.menu .table dt {
    float: left
    }
.menu .table dt + dd {
    text-align: right
    }
.menu .table dd + dd {
    font-size: 14px
    }
.menu .etc {
    text-align: right;
    padding: 50px 0 0 0
    }
    
.menu .bk{
    padding-bottom: 45px
}

.menu .bk:nth-child(odd){
    background: #f3f1ec;
}
.menu .bk:nth-child(odd) .table dl {
    border-color: #4c4339;
}



.menu .bk .inner {
    width: 1170px;
    height: auto;
    margin: 0 auto;
}
    
.menu .subtit {
    margin-bottom: 20px
    }
.menu {
    padding-bottom: 50px
    }
/*staff*/
.stafflist {
    padding: 120px 0 105px 0
    }
.stafflist div.clearfix {
    width: 1170px;
        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;
    
    }
.stafflist dl {
    width: 270px;
    height: auto;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
    }
.stafflist dl:nth-child(4n)   {
    margin-right: 0;
}

.stafflist dt {
    background: #79633d;
    overflow: hidden
    }
.stafflist dt a {
    display: block;
    position: relative
    }
.stafflist dt a span.af{
    width: 270px;
    position: relative;
    overflow: hidden;
    display:block;
}
.stafflist dt a span.af:after {
    display: block;
    content: "";
    padding-top: 59%;
}
.stafflist dt a span.af img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
}    
    
    
    
    
.stafflist dt a:hover {
    opacity: 1
    }
.stafflist dt .w {
    position: absolute;
    width: 100%;
    height: auto;
    color: #fff;
    text-align: center;
    font-size: 18px;
    top: 50%;
    line-height: 1;
    margin-top: -9px;
    z-index: 1
    }
.stafflist dt img {
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
    }
.stafflist dt a:hover img, .stafflist dt a:focus img {
    opacity: 0.4;
    -webkit-filter: blur(3px);
    filter: blur(3px);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
    }
.stafflist dt .m {
    display: inline-block;
    -webkit-transition: 0.9s ease-in-out;
    transition: 0.9s ease-in-out;
    opacity: 0
    }
.stafflist dt .m:nth-child(1) {
    -webkit-transform: perspective(2000px) translatey(-29px) translatex(-38px) translatez(144px) rotatex(585deg) rotatey(574deg);
    transform: perspective(2000px) translatey(-29px) translatex(-38px) translatez(144px) rotatex(585deg) rotatey(574deg)
    }
.stafflist dt .m:nth-child(2) {
    -webkit-transform: perspective(2000px) translatey(-39px) translatex(89px) translatez(3px) rotatex(539deg) rotatey(1016deg);
    transform: perspective(2000px) translatey(-39px) translatex(89px) translatez(3px) rotatex(539deg) rotatey(1016deg)
    }
.stafflist dt .m:nth-child(3) {
    -webkit-transform: perspective(2000px) translatey(61px) translatex(-49px) translatez(-21px) rotatex(1078deg) rotatey(880deg);
    transform: perspective(2000px) translatey(61px) translatex(-49px) translatez(-21px) rotatex(1078deg) rotatey(880deg)
    }
.stafflist dt .m:nth-child(4) {
    -webkit-transform: perspective(2000px) translatey(12px) translatex(-20px) translatez(10px) rotatex(802deg) rotatey(914deg);
    transform: perspective(2000px) translatey(12px) translatex(-20px) translatez(10px) rotatex(802deg) rotatey(914deg)
    }
.stafflist dt .m:nth-child(5) {
    -webkit-transform: perspective(2000px) translatey(29px) translatex(25px) translatez(69px) rotatex(578deg) rotatey(962deg);
    transform: perspective(2000px) translatey(29px) translatex(25px) translatez(69px) rotatex(578deg) rotatey(962deg)
    }
.stafflist dt .m:nth-child(6) {
    -webkit-transform: perspective(2000px) translatey(24px) translatex(117px) translatez(17px) rotatex(731deg) rotatey(490deg);
    transform: perspective(2000px) translatey(24px) translatex(117px) translatez(17px) rotatex(731deg) rotatey(490deg)
    }
.stafflist dt .m:nth-child(7) {
    -webkit-transform: perspective(2000px) translatey(111px) translatex(112px) translatez(130px) rotatex(935deg) rotatey(1031deg);
    transform: perspective(2000px) translatey(111px) translatex(112px) translatez(130px) rotatex(935deg) rotatey(1031deg)
    }
.stafflist dt .m:nth-child(8) {
    -webkit-transform: perspective(2000px) translatey(-3px) translatex(-39px) translatez(14px) rotatex(529deg) rotatey(829deg);
    transform: perspective(2000px) translatey(-3px) translatex(-39px) translatez(14px) rotatex(529deg) rotatey(829deg)
    }
.stafflist dt a:hover .m:nth-child(-n + 8), .stafflist dt a:focus .m:nth-child(-n + 8) {
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    -webkit-transform: perspective(0) translatey(0) translatex(0) translatez(0) rotatex(0) rotatey(0);
    transform: perspective(0) translatey(0) translatex(0) translatez(0) rotatex(0) rotatey(0);
    opacity: 1
    }
.stafflist dt + dd {
    text-align: center;
    font-size: 20px;
    line-height: 130%;
    padding: 16px 0 17px 0
    }
.stafflist dt + dd .e {
    display: block;
    font-size: 12px
    }
.stafflist dt + dd:after {
    width: 30px;
    height: 1px;
    background: #4c4339;
    content: "";
    display: block;
    margin: 13px auto 0 auto
    }
.stafflist dd + dd {
    text-align: center
    }
.stafflist dd + dd li {
    display: inline-block !important;
    padding: 0 5px
    }
.staff1 {
    padding: 67px 0 65px 0
    }
.staff1 .left {
    width: 570px;
    height: auto;
    float: left
    }
.staff1 .right {
    float: right;
    width: 570px;
    height: auto
    }
.staff1 .right .post {
    padding: 0 0 5px 0;
    font-size: 14px
    }
.staff1 .right h3 {
    font-size: 26px;
    font-weight: normal;
    padding: 0 0 45px 0
    }
.staff1 .right h3 .e {
    font-size: 16px;
    padding-left: 24px
    }
.staff1 .right h3:after {
    width: 30px;
    height: 1px;
    background: #4c4339;
    content: "";
    display: block;
    margin-top: 5px
    }
.staff1 .right .txt p {
    padding: 0 0 20px 0
    }
.staff1 .right .txt {
    padding: 0 0 15px 0
    }
.staff1 .right dl.clearfix dt {
    float: left;
    width: 150px;
    margin-right: 20px;
    }
.staff1 .right dl.clearfix dd {
    padding: 0 0 0 132px
    }
.staff1 .right dl.clearfix {
    padding: 18px 0 5px 0
    }
.staff1 .right dl {
    border-bottom: 1px solid #f3f1ec;
    padding: 18px 0 5px 0
    }
.staff1 .right dt {
    font-weight: bold;
    padding-bottom: 3px
    }
.staff1 .left .pic {
    padding: 0 0 10px 0;
    width: 570px;
    }
.staff1 .left .sns {
    text-align: right;
    letter-spacing: -5px;
    padding: 0 0 19px 0
    }
.staff1 .left .sns li {
    display: inline-block !important;
    letter-spacing: 0;
    padding: 0 0 0 14px
    }
.staff1 .left .tokui {
    background: #f3f1ec;
    padding: 8px 8px 0 8px;
    margin-bottom: 30px
    }
.staff1 .left .tokui h4 {
    border-bottom: 1px solid #4c4339;
    padding: 0 12px 5px 12px
    }
.staff1 .left .tokui p {
    padding: 12px 12px 20px 12px
    }
.staff1 .left .hmore {
    text-align: center;
    margin-top: 15px;
    }
.staff1 .left .wrap {
    padding: 62px 0 0 0
    }
.staff1 .left .wrap h3 .n {
    display: block;
    font-size: 16px;
    line-height: 1;
    padding: 8px 0 0 0
    }
.staff1 .left .wrap h3 {
    padding-bottom: 18px;
    border-bottom: 1px solid #f3f1ec
    }
.staff1 .left .wrap .box {
    border-bottom: 1px solid #f3f1ec;
    padding: 20px 0
    }
.staff1 .left .wrap .box dl {
    float: right;
    width: 352px;
    height: auto
    }
.staff1 .left .wrap .box .pic {
    float: left;
    width: 200px;
    }

.staff1 .left .wrap .box .pic img:not([src*="."]){
     display:none !important;
}
.staff1 .left .wrap .box .pic img:not([src*="."]) ~ span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background: url(/import/tenant_28/www.aikamuster.com/unisoncms_aikamu/static/page/main/images/logo.png) center center no-repeat;
    display: block;
    background-size: 90%;
    background-color: #fff;
    border: solid 1px #999;
    box-sizing: border-box;
}

    
.staff1 .left .wrap .box .pic a {
    width: 200px;
    position: relative;
    overflow: hidden;
    display:block;
}
.staff1 .left .wrap .box .pic a:after {
    display: block;
    content: "";
    padding-top: 62%;
}
.staff1 .left .wrap .box .pic a img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
}    
    
.staff1 .left .wrap .box dl .cat {
    display: inline-block !important;
    border: 1px solid #ad9a79;
    color: #a7926d;
    font-size: 14px;
    line-height: 28px;
    padding: 0 10px;
    margin-bottom: 13px
    }
.staff1 .left .wrap .box dl .date {
    font-size: 14px;
    color: #ad9a79;
    padding-bottom: 13px
    }
.staff1 .left .wrap .box + .hmore {
    padding-top: 40px
    }
    
.staff1 .left .blogList li{
    display:none;
}   
    
    
.staff .back {
    text-align: center;
    padding: 50px 0 95px 0
    }
.staff .home-style {
    padding: 50px 0 9px 0
    }
.back a:before {
    content: "";
    font-family: "fontawesome-webfont";
    font-weight: normal;
    position: absolute;
    top: 0;
    left: 19px;
    right: auto
    }
.h3h .f {
    display: block;
    font-size: 16px;
    line-height: 1;
    padding-top: 5px
    }
/*salon1*/
.salon1 {
    padding: 67px 0 67px 0
    }
.salon1 h3 {
    padding: 0 0 50px 0
    }
.salon1 .right {
    float: right;
    width: 570px;
    height: auto
    }
.salon1 .pic {
    width: 570px;
    float: left;
    }
.salon1 .right dt {
    float: left;
    font-weight: bold
    }
.salon1 .right dd {
    padding: 0 0 0 132px
    }
.salon1 .right dl {
    padding: 18px 0 5px 0;
    border-bottom: 1px solid #f3f1ec
    }
.salon3 {
    padding: 67px 0 70px 0
    }
.salon3 h3 {
    padding-bottom: 40px
    }
.salon3 li {
    text-align: center;
    padding: 0 0 1em 0
    }
.salon3 ul {
    padding: 0 0 10px 0
    }
.salon3 .map iframe {
    width: 100%
    }
/*concept*/
.concept .subtit .bkimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0
    }
.concept .subtit .bkimg img {
    min-width: 1599px;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px)
    }
.concept .subtit {
    overflow: hidden;
    padding: 95px 0 195px 0
    }
.concept .subtit h2 {
    position: relative;
    top: auto;
    left: auto;
    margin-top: 0;
    padding: 0 0 55px 0
    }
.concept .subtit p {
    position: relative;
    z-index: 1;
    text-align: center;
    color: #fff;
    line-height: 180%
    }
.concept1 {
    padding: 67px 0 0 0
    }
.concept1 h3 {
    padding-bottom: 80px
    }
.concept1 .sec .left {
    float: left;
    width: 570px;
    height: auto
    }
.concept1 .sec {
    padding-bottom: 65px
    }
.concept1 .sec .pic {
    float: right;
    width: 570px;
    }
.concept1 .sec .right {
    float: right;
    width: 570px;
    height: auto
    }
.concept1 .sec .right + .pic {
    float: left
    }
.concept1 h4 {
    font-size: 32px;
    font-weight: normal;
    padding: 0 0 15px 0
    }
.concept1 .sec p {
    padding: 0 0 20px 0
    }
.concept1 .sec .hmore {
    text-align: center;
    padding-top: 20px
    }
/*recrutit*/
.recrutit .subtit {
    overflow: hidden;
    padding: 95px 0 95px 0
    }
.recrutit .subtit h2 {
    position: relative;
    top: auto;
    left: auto;
    margin-top: 0;
    padding: 0 0 110px 0
    }
.recrutit .subtit .bkimg img {
    min-width: 1600px
    }
.recrutit .subtit .bkimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0
    }
    
.recrutit .subtit .bkimg span {
    width: 100%;
    position: relative;
    overflow: hidden;
    display:block;
}
.recrutit .subtit .bkimg span:after {
    display: block;
    content: "";
    padding-top: 52%;
}
.recrutit .subtit .bkimg span img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
}    
    
    
    
.recrutit .subtit .in {
    width: 1170px;
    height: auto;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
    min-height: 400px
    }
.recrutit .subtit h3 {
    color: #fff;
    font-weight: normal;
    font-size: 26px;
    padding: 0 0 50px 0
    }
.recrutit .subtit .in p {
    color: #fff;
    padding: 0 0 30px 0;
    line-height: 240%
    }
.rec1 {
    padding: 75px 0 20px 0
    }
.rec1 h3 {
    padding-bottom: 50px
    }
.rec1 .left {
    float: left;
    width: 570px;
    height: auto
    }
.rec1 .pic {
    float: right;
    width: 570px;
    }
.rec1 .right {
    float: right;
    width: 570px;
    height: auto
    }
.rec1 .right + .pic {
    float: left;
    width: 570px;
    }
.rec1 p {
    padding: 0 0 20px 0
    }
.rec1 .sec {
    padding-bottom: 42px
    }
.rec1 h4 {
    font-size: 25px;
    height: auto;
    padding: 0 0 30px 60px;
    position: relative
    }
.rec1 h4 .n {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    line-height: 40px;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    background: #4c4339;
    text-align: center
    }
.rec2 {
    padding: 40px 0 70px 0
    }
.rec2 h3 {
    padding: 0 0 50px 0
    }
.rec2 .left {
    width: 570px;
    height: auto;
    float: left
    }
.rec2 .pic {
    float: right;
    width: 570px;
    }
.rec2 p {
    padding: 0 0 20px 0
    }
.rec2 .left h4 {
    font-size: 25px;
    padding: 0 0 25px 0;
    font-weight: normal
    }
.rec3 {
    padding: 70px 0 100px 0
    }
.rec3 h3 {
    padding: 0 0 35px 0
    }
.rec3 .box {
    width: 1086px;
    height: auto;
    margin: 0 auto;
    border: 1px solid #ad9a79
    }
.rec3 .box + .box {
    margin-top: 76px;
    position: relative
    }
.rec3 .box .pic {
    float: right;
    padding: 17px 45px 20px 0;
    width: 335px;
    }
.rec3 .box .left {
    float: left;
    width: 580px;
    height: auto;
    padding: 17px 0 0 80px
    }
.rec3 .box .left h4 {
    position: relative;
    font-size: 25px;
    font-weight: normal;
    padding: 0 0 20px 0
    }
.rec3 .box .left h4 .n {
    position: absolute;
    top: 0;
    left: -58px;
    width: 40px;
    line-height: 40px;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    background: #4c4339;
    text-align: center
    }
.rec3 .box p {
    padding: 0 0 20px 0
    }
.rec3 .box + .box:before {
    content: url(/import/tenant_28/www.aikamuster.com/unisoncms_aikamu/static/page/main/images.90cbfef27444652f2d5aea4514c331eb/next.gif);
    top: -58px;
    left: 50%;
    margin-left: -61px;
    position: absolute
    }
.rec4 {
    padding: 60px 0 98px 0
    }
.rec4 h3 {
    padding-bottom: 40px
    }
.rec4 .table {
    width: 1000px;
    height: auto;
    margin: 0 auto
    }
.rec4 dt {
    float: left;
    font-weight: bold
    }
.rec4 dd {
    padding: 0 0 0 167px
    }
.rec4 dl {
    border-bottom: 1px solid #f3f1ec;
    padding: 18px 0 10px 0
    }
.bk1 .rec4 dl {
    border-color: #4c4339
    }
/*blog*/
.postwrap {
    padding: 80px 0 110px 0
    }
.postwrap #side {
    float: right;
    width: 270px;
    height: auto
    }
.postwrap #left {
    width: 870px;
    height: auto;
    float: left
    }
.postwrap #side dt {
    font-size: 28px;
    text-align: center;
    border-bottom: 1px solid #f3f1ec;
    padding: 0 0 8px 0;
    margin-bottom: 20px
    }
.postwrap #side dd {
    padding: 0 0 10px 0;
    font-weight: bold
    }
.postwrap #side dd a:before {
    content: "";
    font-weight: normal;
    font-family: "fontawesome-webfont";
    padding-right: 1em
    }
.postwrap #side dd a {
    color: #4c4339
    }
.postwrap #side dl {
    padding-bottom: 65px
    }
.postlist {
    border-top: 1px solid #f3f1ec
    }
.postlist .box {
    border-bottom: 1px solid #f3f1ec;
    padding: 20px 0 20px 0;
    }

.postlist .box .pic {
    float: left;
    width: 200px;
    position: relative;
    overflow: hidden;
    padding: 0;
}
.postlist .box .pic:after {
    display: block;
    content: "";
    padding-top: 65%;
}
.postlist .box .pic img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
}    

.postlist .box .pic img:not([src*="."]){
     display:none !important;
}
.postlist .box .pic img:not([src*="."]) ~ span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background: url(/import/tenant_28/www.aikamuster.com/unisoncms_aikamu/static/page/main/images/logo.png) center center no-repeat;
    display: block;
    background-size: 90%;
    background-color: #fff;
    border: solid 1px #999;
    box-sizing: border-box;
}

    
.postlist .box .right {
    float: right;
    width: 650px
    }
.postlist .box .right .txt img{
    display:none;
}    

.postlist .box p {
    padding: 0 0 20px 0
    }
.postlist .box h3 {
    font-weight: bold;
    padding-bottom: 5px
    }
.postlist .box .right p {
    line-height: 130%;
    padding-bottom: 10px
    }
.postlist .box .right ul {
    letter-spacing: -5px;
    padding-bottom: 20px
    }
.postlist .box .right li {
    letter-spacing: 0;
    display: inline-block !important;
    vertical-align: middle
    }
.postlist .box .right li.date {
    color: #ad9a79;
    font-size: 14px;
    padding: 0 20px 0 0
    }
.postlist .box .right li.cat {
    border: 1px solid #ad9a79;
    color: #a7926d;
    font-size: 14px;
    line-height: 28px;
    padding: 0 10px;
    margin-right: 5px;
    }
.postlist .box .right li.read {
    float: right;
    padding-top: 7px
    }
.postlist .box .right li.read a {
    display: inline-block !important;
    border: 2px solid #ad9a79;
    font-size: 14px;
    width: 144px;
    height: auto;
    text-align: center;
    line-height: 26px;
    position: relative;
    color: #fff;
    background: #ad9a79
    }
.postlist .box .right li.read a:before {
    content: "";
    font-family: "fontawesome-webfont";
    position: absolute;
    top: 0;
    right: 10px
    }
.postlist .box .right li.read a:hover {
    background: #fff;
    color: #ad9a79;
    opacity: 1
    }
.postlist {
    padding-bottom: 67px
    }
.pagenav {
    margin-top: 15px;
    text-align: center;
    letter-spacing: -5px
    }
.pagenav li {
    display: inline-block !important;
    letter-spacing: 0;
    font-weight: bold;
    padding: 0 4px
    }
.pagenav li a {
    display: block;
    line-height: 28px;
    border: 1px solid #ad9a79;
    padding: 0 10px
    }
.postsingle h3 {
    font-size: 28px;
    border-bottom: 1px solid #f3f1ec;
    padding-bottom: 8px;
    margin-bottom: 18px
    }
.postsingle .pmeta {
    text-align: right;
    letter-spacing: -5px;
    padding-bottom: 25px
    }
.postsingle .pmeta li {
    display: inline-block !important;
    letter-spacing: 0
    }
.postsingle .pmeta li.date {
    font-size: 14px;
    color: #ad9a79;
    margin-right:20px;
    }
.postsingle .pmeta li.cat {
    border: 1px solid #ad9a79;
    color: #a7926d;
    font-size: 14px;
    line-height: 28px;
    padding: 0 10px;
    margin-left: 5px
    }
    
    
.postsingle .txt p {
    padding: 0 0 25px 0
    }
.postsingle .txt .pic {
    text-align: center
    }
.postsingle .txt {
    padding-bottom: 25px
    }
.postsingle .writer h4 {
    font-size: 32px;
    font-weight: normal;
    border-bottom: 1px solid #f3f1ec;
    margin-bottom: 28px
    }
.postsingle .writer h4 .n {
    font-size: 16px;
    padding-left: 20px
    }
.postsingle .writer .pic {
    float: left;
    margin: 0 0 0 16px
    }
.postsingle .writer .pic img {
    border-radius: 50%;
    /* CSS3草案 */
    -webkit-border-radius: 50%;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 50%;
    /* Firefox用 */
    }
.postsingle .writer .right {
    float: right;
    width: 680px;
    height: auto
    }
.postsingle .writer {
    padding-bottom: 27px;
    border-bottom: 1px solid #f3f1ec;
    margin-bottom: 20px
    }
.postsingle .writer h5 {
    padding-bottom: 12px
    }
.postsingle .sns {
    text-align: center;
    letter-spacing: -5px
    }
.postsingle .sns li {
    display: inline-block !important;
    letter-spacing: 0;
    padding: 0 10px
    }
.blog .back {
    padding: 70px 0 0 0;
    text-align: center
    }
.blog .postsingle .txt img{
    width: 80% !important;
    display: block !important;
    margin: 10px auto !important;
}    
/*news*/
.news .postlist .box .right li.date {
    display: block !important;
    padding-top: 12px
    }
.news .postlist .box .right ul {
    padding-bottom: 10px
    }
.news .postsingle .txt {
    border-bottom: 1px solid #f3f1ec;
    margin-bottom: 20px
    }
.news .postsingle .txt img{
    width: 80% !important;
    display: block !important;
    margin: 10px auto !important;
}
.news .back {
    padding: 70px 0 0 0;
    text-align: center
    }
/*style*/
.stylenav {
    padding: 62px 0 0 0
    }
.stylenav .sec {
    position: relative
    }
.stylenav .sec li {
    width: 274px;
    height: auto;
    float: left;
    padding: 0 0 0 15px
    }
.stylenav .sec li a {
    display: block;
    text-align: center;
    background: #f3f1ec;
    padding: 12px 0 0 0;
    height: 44px
    }
.stylenav .sec li a:after {
    content: "";
    font-family: "fontawesome-webfont";
    font-weight: normal;
    display: block;
    margin: 0 auto;
    line-height: 110%
    }
.stylenav .sec:before {
    width: 1140px;
    height: 1px;
    background: #f3f1ec;
    content: "";
    position: absolute;
    bottom: -1px;
    left: 15px
    }
.stylenav .sec li a:hover, .stylenav .sec li.st a {
    background: #ad9a79;
    color: #fff;
    opacity: 1
    }
.stylenav .sps {
    padding: 47px 0 60px 0;
    text-align: center;
}
.stylenav .sps li {
    display: inline-block !important;
    padding: 0 10px 0 10px;
    width: 90px;
    margin-bottom: 15px;
}
.stylenav .sps li a{
    position: relative;
    overflow: hidden;
    display:block;
}
.stylenav .sps li a:after {
    display: block;
    content: "";
    padding-top: 135%;
}
.stylenav .sps li a img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
}    
    
    
.stylenav .sps li strong {
    display: block;
    text-align: center;
    padding: 12px 0 0 0;
    font-weight: normal;
    color: #4c4339
    }

    
.style .home-style {
    padding-bottom: 0;
    padding-top: 50px
    }
.style .bk0 .pagenav {
    padding: 48px 0
    }
.style .home-style li dl {
    text-align: center;
    padding-top: 10px;
    min-height: 80px;
    padding-bottom: 10px
    }
.style .home-style li dt {
    font-size: 14px;
    padding-bottom: 10px
    }
.style .home-style li dd .i {
    padding-right: 0.5em
    }
.style .home-style li dd a:hover {
    opacity: 0.6
    }
.style .home-style li dd {
    font-size: 14px
    }
.style .home-style li {
    width: 270px;
}
.style .home-style ul {
    padding-bottom: 0;
    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;
    width: 1170px;    
    }
.style1 {
    padding: 72px 0 50px 0
    }
.style1 .right {
    width: 570px;
    height: auto;
    float: right
    }
.style1 .left {
    width: 530px;
    height: auto;
    float: left
    }
.style1 h3 {
    font-size: 30px;
    font-weight: normal;
    padding: 0 0 35px 0
    }
.style1 .txt p {
    padding: 0 0 20px 0
    }
.style1 .txt {
    padding: 0 0 25px 0
    }
.style1 .right h4 {
    font-size: 25px;
    font-weight: normal;
    border-bottom: 1px solid #f3f1ec
    }
.style1 .right .table h4 {
    margin-bottom: 20px
    }
.style1 .right .table dl {
    letter-spacing: -5px;
    padding-bottom: 20px
    }
    
.style1 .right .table dl .hidden {
    display:none;
}
    
.style1 .right .table dt {
    display: inline-block !important;
    letter-spacing: 0;
    width: 70px
    }
.style1 .right .table dd {
    display: inline-block !important;
    letter-spacing: 0;
    width: 109px;
    line-height: 27px;
    text-align: center;
    color: #fff;
    background: #f0ede8;
    margin-right: 27px
    }
.style1 .right .table dd.on {
    background-color: #a5916e
    }
.style1 .right .table .shape dd {
    width: 73px;
    height: 100px;
    margin-right: 4px;
    padding: 14px 0 0 0;
    vertical-align: top;
    }
.style1 .right .table .shape dd strong {
    display: block;
    font-weight: normal
    }
.style1 .right .table .shape dt {
    vertical-align: top
    }
.style1 .right .table {
    padding-bottom: 30px
    }
.style1 .right .comm h4 {
    margin-bottom: 25px
    }
.style1 .right .comm p {
    padding: 0 0 20px 0
    }
.style1 .left .pic {
    margin: 0 0 30px 0;
    width: 530px;
    position: relative;
    overflow: hidden;
    }
.style1 .left .pic:after {
    display: block;
    content: "";
    padding-top: 115%;
}
.style1 .left .pic img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
}   
    
.style1 .left .stnv li {
    float: left;
    margin: 0 13px 45px 0
    }
    
.style1 .left .stnv li{
    width: 168px;
    position: relative;
    overflow: hidden;
    display:block;
}
.style1 .left .stnv li:after {
    display: block;
    content: "";
    padding-top: 125%;
}
.style1 .left .stnv li img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
}
    
.style1 .left .stnv {
    width: 543px
    }
.style1 .left .sns {
    text-align: center;
    letter-spacing: -5px
    }
.style1 .left .sns li {
    display: inline-block !important;
    letter-spacing: 0;
    padding: 0 10px
    }
.style2 {
    padding: 50px 0 65px 0
    }
.style2 h4 {
    border-bottom: 1px solid #4c4339;
    font-size: 25px;
    font-weight: normal;
    margin-bottom: 20px
    }
.style2 h4 .n {
    font-size: 16px;
    padding-left: 30px
    }
.style2 .pic {
    float: left;
    margin: 0 0 20px 16px;
    width: 140px;
    }
.style2 .pic a {
    width: 140px;
    position: relative;
    overflow: hidden;
    display:block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}
.style2 .pic a:after {
    display: block;
    content: "";
    padding-top: 100%;
}
.style2 .pic a img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
}    
.style2 .right {
    float: right;
    width: 974px
    }
.style2 .right h5 {
    font-size: 20px;
    padding-bottom: 10px
    }
.style2 .right h5 .e {
    font-weight: normal;
    font-size: 16px;
    padding-left: 1em
    }
.style2 .right p {
    padding: 0 0 20px 0
    }
.style2 .hmore {
    padding: 50px 0 0 0;
    text-align: center
    }
.style .bk0.home-style .hmore {
    padding: 100px 0 105px 0
    }
/*zakka*/
.zakka1 {
    padding: 85px 0 110px 0
    }
.zakka1 h3 {
    padding-bottom: 40px
    }
.zakka1 .sec1 .pic {
    width: 400px;
    float: right;
    padding: 0 0 20px 0;
    }
.zakka1 .sec1 .left {
    float: left;
    width: 753px;
    height: auto;
    }
.zakka1 .sec1 .left p {
    padding: 0 0 20px 0;
    }
.zakka1 .sec1 {
    padding-bottom: 36px;
    }
.zakkalist {
    width: 1170px;
    height: auto;
    letter-spacing: -5px;
    padding-bottom: 30px;
    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;
    
    }
.zakkalist dl {
    width: 370px;
    height: auto;
    display: inline-block !important;
    margin-right: 30px;
    margin-bottom: 20px;
    letter-spacing: 0;
    vertical-align: top;
    min-height: 425px;
    }
.zakkalist dl:nth-child(3n) {
    margin-right: 0;
}
}
.zakkalist dd ul {
    letter-spacing: -5px;
    padding: 17px 0 0 0;
    }
.zakkalist dd li {
    border: 1px solid #ad9a79;
    color: #a7926d;
    font-size: 14px;
    line-height: 28px;
    padding: 0 10px;
    display: inline-block !important;
    letter-spacing: 0;
    margin-right: 9px;
    margin-bottom: 5px;
    }
.zakkalist dd p {
    line-height: 140%
    }  
.zakkalist dd p.ttl{
    font-weight:bold;
}
.zakkalist dt span.af {
    width: 370px;
    position: relative;
    overflow: hidden;
    display:block;
}


.zakkalist dt span.af img:not([src*="."]){
     display:none !important;
}
.zakkalist dt span.af img:not([src*="."]) ~ span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background: url(/import/tenant_28/www.aikamuster.com/unisoncms_aikamu/static/page/main/images/logo.png) center center no-repeat;
    display: block;
    background-size: 90%;
    background-color: #fff;
    border: solid 1px #999;
    box-sizing: border-box;
}


.zakkalist dt span.af:after {
    display: block;
    content: "";
    padding-top: 65%;
}
.zakkalist dt span.af img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
}
    
.zakkalist dt {
    -webkit-animation-name:fuwafuwa; 
    -webkit-animation-duration:2s;
    -webkit-animation-iteration-count:infinite;
    /*-webkit-animation-direction:alternate;*/
    -webkit-animation-timing-function:ease;    
    -moz-animation-name:fuwafuwa;
    -moz-animation-duration:2s;
    -moz-animation-iteration-count:infinite;
    /*-moz-animation-direction:alternate;*/
    -moz-animation-timing-function:ease;
    margin-bottom: 20px;
}

@-webkit-keyframes fuwafuwa {
    0% {-webkit-transform:translate(0, 0);}
    50% {-webkit-transform:translate(0, -10px);}
    100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes fuwafuwa {
    0% {-moz-transform:translate(0, 0);}
    50% {-moz-transform:translate(0, -10px);}
    100% {-moz-transform:translate(0, 0);}
}
.zakkalist dl:nth-child(3n+2) dt {
    margin-top:-10px;
    -webkit-animation-name:fuwafuwa2; 
    -webkit-animation-duration:2s;
    -webkit-animation-iteration-count:infinite;
    /*-webkit-animation-direction:alternate;*/
    -webkit-animation-timing-function:ease;
    
    -moz-animation-name:fuwafuwa2;
    -moz-animation-duration:2s;
    -moz-animation-iteration-count:infinite;
    /*-moz-animation-direction:alternate;*/
    -moz-animation-timing-function:ease;
}

@-webkit-keyframes fuwafuwa2 {
    0% {-webkit-transform:translate(0, 0);}
    50% {-webkit-transform:translate(0, 10px);}
    100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes fuwafuwa2 {
    0% {-moz-transform:translate(0, 0);}
    50% {-moz-transform:translate(0, 10px);}
    100% {-moz-transform:translate(0, 0);}
}
/*faq*/
.faqnav {
    margin-top: 54px;
    margin-bottom: 36px;
    border: 1px solid #f3f1ec;
    padding-bottom: 9px
    }
.faqnav h3 {
    font-size: 24px;
    font-weight: normal;
    padding: 12px 0 18px 15px
    }
.faqnav h3 .n {
    font-size: 16px;
    padding-left: 1em
    }
.faqnav li {
    width: 274px;
    height: auto;
    float: left;
    padding-left: 15px;
    text-align: center;
    padding-bottom: 20px
    }
.faqnav li a {
    background: #ad9a79;
    color: #fff;
    opacity: 1;
    display: block;
    text-align: center;
    padding: 12px 0 0 0;
    height: 44px;
    letter-spacing: -0.5px
    }
.faqnav li a:hover {
    opacity: 1;
    background: #f3f1ec;
    color: #4c4339
    }
.faqnav li a:after {
    content: "";
    font-family: "fontawesome-webfont";
    font-weight: normal;
    display: block;
    margin: 0 auto;
    line-height: 110%
    }
    
.faq .faq1 .inner{
    width: 1170px;
    height: auto;
    margin: 0 auto;
    
}

    
.faq1 {
    padding: 72px 0 65px 0
    }
.faq1 h3 {
    text-align: center;
    font-size: 20px;
    font-weight: normal;
    padding-bottom: 5px;
    border-bottom: 1px solid #f3f1ec
    }

.faq .faq1:nth-child(odd){
    background: #f3f1ec !important;
}        
    
.faq .faq1:nth-child(odd) h3 {
    border-bottom: 1px solid #ccc;
}   
    
.faq .faq1:nth-child(odd) dl {
    border-bottom: 1px solid #ccc;
    }  
    
.faq1 dl {
    padding: 20px 29px 0 29px;
    border-bottom: 1px solid #f3f1ec
    }
.faq1.inner dl {
    border-color: #4c4339
    }
.faq1.inner h3 {
    border-color: #4c4339
    }
.faq1 dt {
    position: relative;
    padding: 5px 0 30px 60px;
    font-size: 20px;
    font-weight: bold
    }
.faq1 dt .q {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    line-height: 40px;
    height: auto;
    background: #4c4339;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: bold
    }
.faq1 dd {
    position: relative;
    padding: 8px 0 30px 60px;
    min-height: 32px
    }
.faq1 dd .a {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    line-height: 40px;
    height: auto;
    background: #ad9a79;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: bold
    }
/*voice*/
.voice .bk .inner {
    width: 1170px;
    height: auto;
    margin: 0 auto;
}
.voice .bk:nth-child(odd){
    background: #f3f1ec;
}

.voice .box {
    padding: 70px 0 75px 0;
    }
    
.voice .box .pic {
    float: left;
    width: 555px;
    height: auto;
    border: 1px solid #f3f1ec;
    background: #fff
    }
.voice .box .right {
    float: right;
    width: 572px;
    height: auto
    }
.voice .box .right h3 {
    font-size: 20px;
    font-weight: normal;
    padding-bottom: 40px
    }
.voice .box .right dt {
    font-weight: bold;
    padding-bottom: 5px
    }
.voice .box .right dl {
    border-bottom: 1px solid #f3f1ec;
    padding: 10px 0 10px 0
    }
.voice .bk1 .box dl {
    border-color: #4c4339
    }
.voice .bk1 .box .pic {
    box-shadow: 0 0 0 5px #fff;
    -moz-box-shadow: 0 0 0 5px #fff;
    -webkit-box-shadow: 0 0 0 5px #fff
    }
.voice .bk0 .pagenav {
    padding: 48px 0
    }
/*b1*/
.b11 {
    padding: 72px 0 20px 0
    }
.b11 .pic {
    width: 570px;
    float: right;
    padding: 0 0 20px 0
    }
.b11 .left {
    float: left;
    width: 570px;
    height: auto
    }
.b11 h3 {
    font-size: 32px;
    padding: 0 0 18px 0;
    font-weight: normal
    }
.b11 .left p {
    padding: 0 0 20px 0
    }
.b1list{
    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;
}    
    
.b1list .box {
    float: left;
    width: 550px;
    padding: 75px 0 64px 0;
    margin-right:70px;
    margin:bottom:50px;
    }
.b1list .box:nth-child(even){
    margin-right:0px;
    }

.b1list .box .pic {
    width: 180px;
    float: left;
    padding-top: 32px;
    }
.b1list .box .right {
    width: 338px;
    height: auto;
    float: right
    }
.b1list .box .right h4 .s {
    display: block;
    font-size: 14px;
    font-weight: normal
    }
.b1list .box .right h4 {
    font-size: 18px;
    padding-bottom: 10px
    }
.b1list .box .right li {
    font-size: 14px
    }
.b1list .box .right ul {
    min-height: 67px;
    padding-bottom: 10px
    }
.b1list .box .right .txt {
    background: #f3f1ec;
    padding: 5px 2px 0 2px
    }
.b1list .box .right .txt p {
    font-size: 14px;
    padding: 10px 15px;
    }
.b1list + .b1list {
    border-top: 1px solid #f3f1ec
    }
.b1 {
    padding-bottom: 45px
    }
    

/*ブログ機能用*/
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;    
    width: 100%;
    z-index:10000;
    position:absolute;
}
div[content_type="gallery"]:hover img{}


/*コレクション機能用、注意書きが必要なところ用*/


div[onclick] .style .style1:hover:before{
    content:"※こちらは見たまま編集ができません。左下（もしくは左上）のUNISON CMSのロゴをクリックして、「記事を投稿する」ボタン→「ヘアーカタログ」から編集をしてください";
    display:block;
    line-height:1.8;
    font-weight:bold;
    color:red;
    font-size:0.8em;
    clear:both;    
    width: 100%;
}
div[onclick] .style .style2:hover:before{
    content:"※こちらは見たまま編集ができません。左下（もしくは左上）のUNISON CMSのロゴをクリックして、「記事を投稿する」ボタン→「スタッフ」から編集をしてください";
    display:block;
    line-height:1.8;
    font-weight:bold;
    color:red;
    font-size:0.8em;
    clear:both;    
    width: 100%;
}

 div[onclick] .catalog .catalog1:hover:before{
    content:"※こちらは見たまま編集ができません。左下（もしくは左上）のUNISON CMSのロゴをクリックして、「記事を投稿する」ボタン→「スタイルギャラリー」から編集をしてください";
    display:block;
    line-height:1.8;
    font-weight:bold;
    color:red;
    font-size:0.8em;
    clear:both;    
    width: 100%;
}

div[onclick] .stafflist:hover:before {
    content:"※こちらは見たまま編集ができません。左下（もしくは左上）のUNISON CMSのロゴをクリックして、「記事を投稿する」ボタン→「スタッフ」から編集をしてください";
    display:block;
    line-height:1.8;
    font-weight:bold;
    color:red;
    font-size:0.8em;
    clear:both;
}
div[onclick] .staff1:hover:before {
    content:"※こちらは見たまま編集ができません。左下（もしくは左上）のUNISON CMSのロゴをクリックして、「記事を投稿する」ボタン→「スタッフ」から編集をしてください";
    display:block;
    line-height:1.8;
    font-weight:bold;
    color:red;
    font-size:0.8em;
    clear:both;
}
div[onclick] .voice1:hover:before {
    content:"※こちらは見たまま編集ができません。左下（もしくは左上）のUNISON CMSのロゴをクリックして、「記事を投稿する」ボタン→「お客様の声」から編集をしてください";
    display:block;
    line-height:1.8;
    font-weight:bold;
    color:red;
    font-size:0.8em;
    clear:both;
}



div[onclick] .stylenav:hover:before {
    content:"※こちらは見たまま編集ができません。左下（もしくは左上）のUNISON CMSのロゴをクリックして、「記事を投稿する」ボタン→「スタイルギャラリー」から編集をしてください";
    display:block;
    line-height:1.8;
    font-weight:bold;
    color:red;
    font-size:0.8em;
    clear:both;
}
div[onclick] .home-style:hover:before {
    content:"※こちらは見たまま編集ができません。左下（もしくは左上）のUNISON CMSのロゴをクリックして、「記事を投稿する」ボタン→「スタイルギャラリー」から編集をしてください";
    display:block;
    line-height:1.8;
    font-weight:bold;
    color:red;
    font-size:0.8em;
    clear:both;
}
div[onclick] .home-staff:hover:before {
    content:"※こちらは見たまま編集ができません。左下（もしくは左上）のUNISON CMSのロゴをクリックして、「記事を投稿する」ボタン→「スタッフ」から編集をしてください";
    display:block;
    line-height:1.8;
    font-weight:bold;
    color:red;
    font-size:0.8em;
    clear:both;
}
/*ラフマ用メインビジュアル*/
	.main_visual_zone {
		position: relative;
		overflow: hidden;
		height: 500px;
	}
	.main_visual_zone img {
		width: 100%;
	}
	.main_visual_zone .photo:after {
		padding-top: 500px;
		content: '';
		display: block;
		position: absolute;
		top: 0;
	}
	.main_visual_zone .text_box{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}