@charset "utf-8";

body {
   position: relative;
    margin: 0;
    padding: 0;
    color: #333;
    font-family: "Lora Italic", "Open Sans", 游ゴシック, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
    border-top: 6px solid #4ca8e0;
    background: #fefefe
    }
p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd {
    margin: 0;
    padding: 0;
    font-weight: normal
    }
ul, ol, li {
    list-style-type: none
    }
p {
    line-height: 1.7
    }
h1, h2, h3, h4, h5, h6 {
    line-height: 1.3
    }
a {
    color: #333;
    text-decoration: none
    }
a:hover {
    opacity: 0.7
    }
img {
    vertical-align: bottom
    }
a img {
    border: none
    }
/* テーブル */
table {
    border-collapse: collapse
    }
th {
    font-weight: normal;
    text-align: left;
    vertical-align: top
    }
th, td {
    padding: 0.2em 1em
    }
/* テーブル */
/* *********************************** */
/* リセット ここまで ******************** */
/* *********************************** */
/* ******************************** */
/* 共通 ここから ******************** */
/* ******************************** */
/* sp/pcの切替 */
.sp, .sp-inline {
    display: none
    }
.pc {
    display: block
    }
.pc-inline {
    display: inline
    }
/* sp/pcの切替 */
/* display */
.inline {
    display: inline
    }
.block {
    display: block
    }
.inline-block {
    display: inline-block
    }
/* display */
/* 左右位置 */
.floatLeft, .floatLeftNone {
    float: left
    }
.floatRight, .floatRightNone {
    float: right
    }
.alignLeft {
    text-align: left
    }
.alignRight {
    text-align: right
    }
.alignCenter {
    text-align: center
    }
.blockCenter {
    display: block;
    margin-left: auto;
    margin-right: auto
    }
/* 左右位置 */
/* position */
.relative {
    position: relative
    }
.absolute {
    position: absolute
    }
/* position */
/* リストマーク右で行揃え indent */
.indent {
    margin: 1em;
    text-indent: -1em
    }
/* リストマーク右で行揃え indent */
.clear:after {
    content: "";
    clear: both;
    display: block;
    }
.underline {
    text-decoration: underline
    }
/* 左右2つの横並び（モバイルそのまま） */
.l-r {
    display:-webkit-box !important;
    display:-moz-box !important;
    display:-ms-box !important;
    display:-webkit-flexbox !important;
    display:-moz-flexbox !important;
    display:-ms-flexbox !important;
    display:-webkit-flex !important;
    display:-moz-flex !important;
    display:-ms-flex !important;
    display:flex !important;
    -webkit-box-lines:multiple !important;
    -moz-box-lines:multiple !important;
    -webkit-flex-wrap:wrap !important;
    -moz-flex-wrap:wrap !important;
    -ms-flex-wrap:wrap !important;
    flex-wrap:wrap !important;
}
.l-r > .float_xx:nth-of-type(odd) {
    width: 50%;
    display:block;
    height:100%;
    }
.l-r > .float_xx:nth-of-type(even) {
    width: 50%;
    display:block;
    height:100%;
    }
/* 左右2つの横並び（モバイルそのまま） */
/* 右左2つの横並び（モバイルそのまま） */
.r-l {
    overflow: hidden
    }
.r-l > *:first-of-type {
    float: right;
    width: 50%
    }
.r-l > *:last-of-type {
    float: left;
    width: 50%
    }
/* 右左2つの横並び（モバイルそのまま） */
/* 3つ以上の横並び（モバイルそのまま） */
.sbs {
    overflow: hidden
    }
.sbs > * {
    float: left
    }
.sbs > *:last-of-type {
    margin-right: 0
    }
/* 3つ以上の横並び（モバイルそのまま） */
/* 左右2つの横並び（モバイル縦左上右下） */
.l-r-none {
    overflow: hidden
    }
.l-r-none > *:first-of-type {
    float: left;
    width: 50%
    }
.l-r-none > *:last-of-type {
    float: right;
    width: 50%
    }
/* 左右2つの横並び（モバイル縦左上右下） */
/* 右左2つの横並び（モバイル縦右上左下） */
.r-l-none {
    overflow: hidden
    }
.r-l-none > *:first-of-type {
    float: right;
    width: 50%
    }
.r-l-none > *:last-of-type {
    float: left;
    width: 50%
    }
/* 右左2つの横並び（モバイル縦右上左下） */
/* 3つ以上の横並び（モバイル縦積み） */
.sbs-none {
    overflow: hidden
    }
.sbs-none > * {
    float: left
    }
.sbs-none > *:last-of-type {
    margin-right: 0
    }
/* 3つ以上の横並び（モバイル縦積み） */
/* 画像拡大・戻り zoom */
.zoom {
    -moz-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transition: transform 0.2s
    }
.zoom:hover {
    -moz-transform: scale3d(1.2, 1.2, 1.2);
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    -o-transform: scale3d(1.2, 1.2, 1.2);
    -ms-transform: scale3d(1.2, 1.2, 1.2);
    transition: transform 0.2s
    }
/* 画像拡大・戻り zoom */
/* 見出し */
.heading {
    position: relative;
    padding-top: 0.15em;
    font-size: 23px;
    font-weight: bold;
    line-height: 1;
    text-align: center
    }
.heading span {
    display: inline-block
    }
.heading:after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    margin: auto;
    width: 90px;
    border-bottom: 1px solid #333
    }
.icon {
    padding-left: 1.5em;
    background: url(/import/tenant_28/designfam.tokyo/akamon_beauty_flag_ship/static/page/main/images.9108ccf85606138e36841651911d6a14/icon.png) no-repeat left top;
    background-size: auto 100%;
    background-size: contain
    }
.page-title {
    position: absolute;
    bottom: 40px;
    left: 75px;
    font-size: 48px;
    color: #000203;
    line-height: 1.6
    }
.page-title:after {
    content: "";
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 80px;
    border-bottom: 1px solid #000203
    }
/* 見出し */
/* カッコ付リスト parentheses */
.parentheses li {
    list-style-position: inside;
    counter-increment: cnt
    }
.parentheses li:before {
    content: "(" counter(cnt) ") "
    }
/* カッコ付リスト parentheses */
/* margin */
.marginBottom05em {
    margin-bottom: 0.5em
    }
.marginBottom1em {
    margin-bottom: 1em
    }
.marginBottom2em {
    margin-bottom: 2em
    }
.marginBottom3em {
    margin-bottom: 3em
    }
.marginBottom4em {
    margin-bottom: 4em
    }
.marginBottom5em {
    margin-bottom: 5em
    }
.marginBottom10em {
    margin-bottom: 10em
    }
/* margin */
.back-inner {
    position: relative;
    height: 635px
    }
.salon-inner {
    position: relative;
    height: 557px
    }
/* 画像とテキストの共通配置関係 */
/* 半透明背景 */
.translucent {
    background: rgba(255, 255, 255, 0.9)
    }
.text-area {
    width: 530px;
    height: 380px
    }
.text-area .heading {
    margin-top: 70px;
    margin-bottom: 50px
    }
.text-area p {
    line-height: 2
    }
.right-text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 625px;
    margin: auto;
    z-index: 100
    }
.section-salon .right-text:not(#top) {
    padding-left: 80px
    }
.left-img {
    position: absolute;
    left: -162px;
    z-index: 10
    }
.left-text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -15px;
    margin: auto;
    z-index: 100
    }
.right-img {
    position: absolute;
    left: 175px;
    z-index: 10
    }
/* 画像とテキストの共通配置関係 */
.frame {
    box-shadow: 0 0 0 5px #fff, 0 0 0 6px #dadada
    }
/* ******************************** */
/* 共通 ここまで ******************** */
/* ******************************** */
/* *********************************** */
/* ヘッダー ここから ******************** */
/* *********************************** */
header {
    padding-bottom: 5px
    }
header h1, header p {
    position: relative;
    z-index: 10;
    line-height: 1
    }
header h1 a:hover, header p a:hover {
    opacity: 1
    }
.header-contact {
    padding: 20px 0
    }
.header-tel {
    display: inline-block;
    margin-right: 18px;
    font-size: 23px;
    font-weight: 300;
    line-height: 1
    }
.header-tel span {
    font-size: 16px;
    line-height: 1
    }
.header-contact img {
    margin-left: 12px;
    vertical-align: -1px
    }
/* *********************************** */
/* ヘッダー ここまで ******************** */
/* *********************************** */
/* *********************************** */
/* ナビ ここから ******************** */
/* *********************************** */
.nav_xx ul {
    line-height: 1
    }
.nav_xx li {
    text-align: center;
    display:block;
    }
.nav_xx a {
    display: block;
    font-size: 17.3px;
    font-weight: bold;
    position:relative;
    }
.nav_xx a img {
    margin-right:8px;
    width:30px;
    position:absolute;
    left:0;
    top:2px;
} 
.nav_xx .sub {
    display: block;
    margin-top: 0.5em;
    font-size: 11.5px;
    font-weight: normal
    }
.global-nav {
    width: 950px;
    }
.global-nav ul {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    -webkit-justify-content:flex-end;
    justify-content: flex-end;
    width:950px;
}
.global-nav li {
    padding-left: 30px;
    padding-bottom: 25px
    }
.global-nav li a {
    padding-left:40px;
}
/* *********************************** */
/* ナビ ここまで ******************** */
/* *********************************** */
/* *********************************** */
/* パンくずリスト ここから ******************** */
/* *********************************** */
.breadcrumb {
    overflow: hidden;
    position: relative;
    z-index: 10;
    margin: 5px 0
    }
.breadcrumb > li {
    float: left
    }
.breadcrumb li:before {
    margin: 0 10px;
    content: ">"
    }
.breadcrumb li:first-child:before {
    content: none
    }
/* *********************************** */
/* パンくずリスト ここまで ******************** */
/* *********************************** */
/* *********************************** */
/* フッター ここから ******************** */
/* *********************************** */
footer {
    padding: 30px 0 115px
    }
.footer-nav {
    position: relative;
    margin-bottom: 70px;
    padding-top: 40px;
    border-top: 1px solid #dededd;
    z-index: 100
    }
.footer-nav ul {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content: center;
}
.footer-nav li {
    margin-right: 28px
    }
.footer-nav li:last-of-type {
    margin-right: 0
    }
.footer-sns {
    width: 130px
    }
/* *********************************** */
/* フッター ここまで ******************** */
/* *********************************** */
/* *********************************** */
/* トップに戻る ここから ******************** */
/* *********************************** */
.pagetop {
    position: fixed;
    bottom: 300px;
    right: -100%;
    z-index: 1000;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
    }
div[onclick] .pagetop {
    right:0;
}
/* *********************************** */
/* トップに戻る ここまで ******************** */
/* *********************************** */
/* *********************************** */
/* トップページ ここから ******************** */
/* *********************************** */
.header-yashi {
    position: absolute;
    left: -162px;
    top: 0;
    z-index: 1
    }
#top .footer-yashi {
    position: absolute;
    left: -162px;
    bottom: 465px;
    z-index: 1
    }
.footer-yashi {
    position: absolute;
    left: -162px;
    bottom: 155px;
    z-index: 1
    }
.content {
    margin-left: auto;
    margin-right: auto;
    width: 1480px
    }
.inner {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 1156px
    }
.main {
    width: 1156px
    }
.main-top .inner {
    height: 650px
    }
.circle-logo {
    -webkit-animation: spin 8s linear infinite;
    -moz-animation: spin 8s linear infinite;
    -ms-animation: spin 8s linear infinite;
    -o-animation: spin 8s linear infinite;
    animation: spin 8s linear infinite;
}
.inner:hover .circle-logo {
    animation-play-state: paused;
}
@-webkit-keyframes spin {
    0% {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
    0% {-moz-transform: rotate(0deg);}
    100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin {
    0% {-ms-transform: rotate(0deg);}
    100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin {
    0% {-o-transform: rotate(0deg);}
    100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}
.main-top .inner div[id*="ft-buttons-akamon_managed_gallery_"] {
    text-align:left !important;
    left:340px !important;
    top:-50px !important;
}
.main-top .inner div[id*="ft-buttons-akamon_managed_gallery_"] a {
    margin-right:10px;
    border-radius:50% !important;
    background:#fff !important;
    overflow:hidden;
    box-sizing:border-box;
    width:12px !important;
    height:12px !important;
    padding:0 !important;
    display:inline-block !important;
    box-shadow:0px 0px 4px 1px #858585;
    -moz-box-shadow:0px 0px 4px 1px #858585;
    -webkit-box-shadow:0px 0px 4px 1px #858585;
}
.main-top .inner div[id*="ft-buttons-akamon_managed_gallery_"] a[class*="active"] {
    background:#4ca8e0 !important;
}
.main-visual {
    position: absolute;
    top: 0;
    left: 310px
    }
.circle-logo {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 208px;
    margin: auto;
    z-index:500;
    }
.section {
    padding: 45px 0
    }
/* news&blog */
.section-news-blog .heading {
    margin-bottom: 130px
    }
.news-blog > .float_xx:first-of-type, .news-blog > .float_xx:last-of-type {
    width: 555px
    }
.news-blog > .float_xx:first-of-type {
    margin-right:46px;
}
.sub-head {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 2px solid #b7b7b5
    }
.sub-head > * {
    display: inline-block;
    line-height: 1
    }
.sub-heading {
    font-size: 18.5px;
    font-weight: bold
    }
.more {
    float: right;
    color: #4ca8e0
    }
.info {
    overflow: hidden
    }
.info dd, .info dt {
    display: inline-block;
    line-height: 2
    }
.info dd {
    margin-right: 1em;
    color: #999
    }
/* news&blog */
/* concept */
.concept-back-inner {
    margin-bottom: 115px
    }
.concept-head {
    border: 1px solid #838281
    }
.top-concept-list > * {
    margin-right: 53px;
    margin-bottom: 60px;
    width: 350px;
    text-align: center
    }
.top-concept-list > *:nth-of-type(3n) {
    margin-right: 0
    }
.concept-icon {
    margin-bottom: 50px
    }
.concept-icon img {
    -webkit-filter: brightness(0);
     -moz-filter: brightness(0);
     -o-filter: brightness(0);
     -ms-filter: brightness(0);
     filter: brightness(0);
}
.top-concept-list > li:hover .concept-icon img {
    -webkit-filter: brightness(1);
     -moz-filter: brightness(1);
     -o-filter: brightness(1);
     -ms-filter: brightness(1);
     filter: brightness(1);
}
.concept-title {
    margin-bottom: 40px;
    font-size: 18px;
    color: #4ca8e0;
    line-height: 1
    }
.concept-text {
    line-height: 2
    }
/* concept */
/* coupon */
.section-coupon {
    min-height: 722px;
    background:url(/import/tenant_28/designfam.tokyo/akamon_beauty_flag_ship/static/page/main/images/top-coupon-back.png) 0 0 repeat;
    padding:0 0 80px;
    margin:45px 0;
    }
.coupon-back {
    position: absolute;
    top: 0;
    left: -162px;
    z-index: 10
    }
.section-coupon .heading {
    padding-top: 105px;
    margin-bottom: 60px
    }
.coupon-front {
    position: relative;
    z-index: 500;
    text-align: center
    }
.top-coupon-list {
    padding: 9px
    }
.top-coupon-list > .float_xx:nth-of-type(odd) , .top-coupon-list > .float_xx:nth-of-type(even) {
    width: 510px;
    border:solid 1px #595858;
    padding:8px;
    margin-bottom:4em;
    
    }
.top-coupon-list > .float_xx:nth-of-type(odd) {
    margin-right:82px;
}
/* coupon */
/* products */
.section-products {
    padding: 140px 0
    }
.section-products .heading {
    margin-bottom: 80px
    }
.top-products-list > * {
    margin-right: 30px;
    text-align: center;
    width:266px;
    }
.top-products-list li img {
    display:none;
}
.top-products-list li img ~ span {
    display:block;
    width:260px;
    height:260px;
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
}
.top-products-list dt {
    padding-top: 25px
    }
/* products */
/* salon */
.section-salon, .section-instagram {
    position: relative;
    z-index: 10
    }
.section-salon .heading {
    margin-bottom: 90px
    }
.section-salon p {
    line-height: 2
    }
.top-map {
    position: relative;
    margin-left: -162px
    }
/* salon */
/* instagram */
#top .section-instagram {
    padding-top: 100px
    }
.section-instagram .heading {
    margin-bottom: 45px
    }
.section-instagram .heading:after {
    content: none
    }
.instagram-list {
    margin-left: auto;
    margin-right: auto;
    width: 1045px
    }
.instagram-list > * {
    margin-right: 43px;
    margin-bottom: 43px
    }
.instagram-list > *:nth-of-type(5n-2) {
    margin-left: 1px
    }
.instagram-list > *:nth-of-type(5n-1) {
    margin-left: 1px
    }
.instagram-list > *:nth-of-type(5n) {
    margin-left: 1px;
    margin-right: 0
    }
/* instagram */
/* *********************************** */
/* トップページ ここまで ******************** */
/* *********************************** */
/* *********************************** */
/* salon informationページ ここから ******************** */
/* *********************************** */
.time-table-back {
    margin-right: auto;
    margin-left: auto;
    padding: 25px;
    width: 750px;
    background: #fbfdff;
    border: 1px solid #cee8ff
    }
.time-table, .time-table th, .time-table td {
    text-align: center;
    border: none;
    color: #000
    }
.time-table {
    width: 750px
    }
.time-table th, .time-table td {
    padding: 1em 0;
    width: 86px;
    vertical-align: middle
    }
.time-table th:first-of-type {
    width: 145px;
    border-right: 1px solid #cee8ff
    }
.time-table th span, .time-table td span {
    display: block;
    font-size: 14px;
    color: #777
    }
.time-table tr {
    border-bottom: 1px solid #cee8ff
    }
.time-table tr:last-of-type {
    border-bottom: none
    }
.time-table td {
    font-size: 24px;
    color: #4ba9df
    }
.time-table td.colorRed {
    color: #f99
    }
/* *********************************** */
/* salon informationページ ここまで ******************** */
/* *********************************** */
/* *********************************** */
/* Q&Aページ ここから ******************** */
/* *********************************** */
.qa-box {
    padding: 50px;
    border-top: 1px solid #dadada
    }
.q {
    padding-top: 0.5em;
    padding-left: 80px;
    margin-bottom: 1em;
    min-height: 3em;
    background: url(/import/tenant_28/designfam.tokyo/akamon_beauty_flag_ship/static/page/main/images.9108ccf85606138e36841651911d6a14/icon-q.png) no-repeat left top;
    min-height:52px;
    }
.a {
    padding-top: 0.5em;
    padding-left: 80px;
    background: url(/import/tenant_28/designfam.tokyo/akamon_beauty_flag_ship/static/page/main/images.9108ccf85606138e36841651911d6a14/icon-a.png) no-repeat left top;
    min-height:52px;
    }
/* *********************************** */
/* Q&Aページ ここまで ******************** */
/* *********************************** */
/* *********************************** */
/* クーポンページ ここから ******************** */
/* *********************************** */
.page-nav {
    margin-bottom: 80px;
    text-align: center;
    border-bottom: 1px solid #dadada
    }
.page-nav ul {
    display: inline-block;
    padding: 40px 0
    }
.page-nav li {
    margin-right: 75px;
    padding-bottom: 10px;
    border-bottom: 1px solid #818181
    }
.page-nav a {
    font-size: 28px;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", Times New Roman, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif
    }
/* クーポン券 */
.coupon-ticket {
    position: relative;
    width: 510px;
    background: #fff;
    text-align: center;
    height:100% !important;
    min-height:100% !important;
    max-height:100% !important;
    display:inline-block;
    }
.coupon-date {
    display: inline-block;
    margin: 15px auto 30px;
    padding: 0 10px;
    font-size: 35px;
    font-weight: 300;
    font-family: "Oswald", sans-serif;
    border-bottom: 1px solid #888;
    line-height: 1.5
    }
.coupon-date span {
    font-size: 21px
    }
.coupon-price {
    margin-bottom: 20px;
    font-size: 93px;
    font-family: "Oswald", 游ゴシック, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
    line-height: 1
    }
.coupon-price span.xx {
    font-size: 58px
    }
.coupon-text {
    padding-bottom: 35px;
    line-height: 1.5
    }
.coupon-click {
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: 85px;
    font-size: 21px;
    font-family: "Oswald", sans-serif;
    color: #fff;
    line-height: 85px;
    border-radius: 50%
    }
.frame-blue {
    background:#4ca8e0;
}
.frame-green {
    background:#9c6;
    }
.frame-pink {
    background: #ffadb4;
    }
.blue {
    background: #4ca8e0
    }
.green {
    background: #9c6
    }
.pink {
    background: #ffadb4
    }
/* クーポン券 */
/* *********************************** */
/* クーポンページ ここまで ******************** */
/* *********************************** */
/* *********************************** */
/* リクルートページ ここから ******************** */
/* *********************************** */
.recruit-inner {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 600px
    }
.recruit-list li {
    margin-right: 46px;
    margin-bottom:10px;
    width: 115px;
    font-size: 13px;
    color: #fff;
    background: #4ca9e1;
    border-radius: 5px;
    line-height: 32px;
    text-align: center
    }
.recruit-list li:nth-of-type(4n) {
    margin-right:0;
}
.recruit-table {
    overflow: hidden;
    width: 600px;
    border-bottom: 1px dashed #dadada
    }
.recruit-table:last-of-type {
    margin-bottom:3em;
}
.recruit-table dt, .recruit-table dd {
    float: left;
    margin: 1.3em 45px;
    font-size: 14px;
    line-height: 1;
    }
.recruit-table dt {
    width: 115px;
    font-weight: bold
    }
.recruit-table dd {
    width: 305px
    }
.recruit-tel {
    font-size: 26px;
    color: #fff;
    background: #000;
    text-align: center;
    border-radius: 5px;
    line-height: 50px
    }
.recruit-tel span {
    font-size: 18px
    }
/* *********************************** */
/* リクルートページ ここまで ******************** */
/* *********************************** */
/* *********************************** */
/* ニュース　ブログ　一覧ページ ここから ******************** */
/* *********************************** */
.mincho {
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ明朝 Pro W3", Times New Roman, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 15px;
    color: #000;
    }
.padding10 {
    padding: 0 10px
    }
.l-r > .main-column {
    width: 740px;
    margin-right:38px;
    }
.news-list {
    padding-bottom: 47px;
    margin-bottom: 47px;
    border-bottom: 1px solid #dadada
    }
.news-img {
    float: left;
    padding-top: 7px;
    margin-right: 32px;
    margin-left: 7px
    }
.news-img img {
    display:none;
}
.news-img img ~ span {
    width:210px;
    height:210px;
    display:block;
    background-size:cover;
    background-position:center center;
}
.news-img img:not([src*="."]) ~ span {
    background-image: url(/import/tenant_28/designfam.tokyo/akamon_beauty_flag_ship/static/page/main/images/rogo .jpg) !important;
}
.news-title {
    padding-top: 7px;
    margin-bottom: 20px;
    font-size: 32px;
    color: #444;
    line-height: 1
    }
.news-list dd, .news-detail dd {
    margin-bottom: 10px;
    font-size: 12px;
    color: #9b9c9c;
    line-height: 1
    }
.news-category, .news-date {
    display: inline-block
    }
.news-category:after {
    content: "|";
    margin: 0 1em
    }
.news-list .BB_body {
    height:92px;
    font-size: 14px;
    color: #9b9c9c;
    line-height: 1.7;
    overflow: hidden;
    margin-bottom:20px;
    }
.news-list .BB_body * {
    font-size: 14px !important;
    color: #9b9c9c !important;
    line-height: 1.7 !important;
}
.news-list .BB_body br , .news-list .BB_body img , .news-list .BB_body table {
    display:none !important;
}
.news-detail {
    padding-bottom: 60px;
    border-bottom: 1px solid #dadada
    }
.news-detail .BB_body {
    font-size: 17px;
    color: #000;
    line-height: 2.8
    }
.news-detail .BB_body img {
    max-width:100%;
    height:auto !important;
}
.news-detail-img img {
    display: block;
    margin: 3em auto
    }
.news-list a {
    font-size: 14px;
    font-family: 游ゴシック, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
    color: #000
    }
.link-back {
    display: block;
    margin: auto;
    padding: 2em 0;
    font-size: 12px;
    text-align: center
    }
.pagenation {
    margin: 10px auto 45px;
    width: 335px;
    font-family: 游ゴシック, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
    color: #000;
    text-align: center
    }
.page ,.pagenation span[style*="display"] , .page ,.pagenation span.current {
    display: block;
    margin-right: 5px;
    min-width: 20px;
    color: #868686;
    /*line-height: 22px;*/
    padding: 5px 0 1px;
    line-height: 1;
    border: 1px solid #868686;
    box-sizing: border-box;
    text-align: center
    }
.active , .pagenation span.current {
    color: #fff;
    background: #868686
    }
.page-next, .page-last , .pagenation span.next , .pagenation span.last{
    color: #868686;
    margin-left: 0px
    }
.pagenation span.first , .pagenation span.prev , .pagenation span.first {
    margin-right: 5px;
    display:block;
}
.invalid {
    display:none !important;
}
/* サイドバー ここから */
.l-r > .sidebar {
    width: 358px
    }
.sidebar ul {
    color: #6a6666
    }
.sidebar span.nnm {
    display: block;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 2em;
    border-bottom: 1px solid #eee
    }
.sidebar a {
    display: block;
    padding: 0.7em 25px;
    font-size: 12px;
    color: #6a6666;
    line-height: 1;
    background: url(/import/tenant_28/designfam.tokyo/akamon_beauty_flag_ship/static/page/main/images.9108ccf85606138e36841651911d6a14/arrow-link.png) no-repeat left 5px center
    }
/* サイドバー ここまで */
/* *********************************** */
/* ニュース　ブログ　一覧ページ ここまで ******************** */
/* *********************************** */
/* *********************************** */
/* スタッフページ ここから ******************** */
/* *********************************** */
.staff-list {
    margin: auto;
    width: 1076px;
    }
.staff-box {
    overflow: hidden;
    width: 538px;
    border-bottom: 1px solid #000
    }
.staff-list .staff-box:last-of-type , .staff-list .staff-box:last-nth-of-type(2) {
    border-bottom: none
    }
.staff-img {
    float: left;
    position: relative;
    padding: 45px 18px;
    margin-right: 15px;
    width: 214px;
    height: 250px
    }
.top-left {
    position: absolute;
    left: 7px;
    top: 34px
    }
.bottom-right {
    position: absolute;
    right: 7px;
    bottom: 34px
    }
.staff-heading {
    margin-top: 195px;
    margin-bottom: 0.3em;
    font-size: 13px;
    font-weight: bold
    }
.staff-name {
    font-size: 18px;
    font-weight: bold
    }
.staff-name-e {
    margin-left: 1em;
    font-size: 12px;
    font-weight: 600
    }
.staff-position {
    margin-top: 1em;
    font-size: 13px;
    font-weight: bold
    }
.staff-position img {
    vertical-align: middle
    }
/* *********************************** */
/* スタッフページ ここまで ******************** */
/* *********************************** */
/* *********************************** */
/* プロダクトページ ここから ******************** */
/* *********************************** */
.ranking .products-list {
    display: block;
    margin: 0 auto;
    padding-bottom: 0;
    width: 867px;
    border-bottom: none;
    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;
    }
.products-list {
    padding-bottom: 30px;
    border-bottom: 1px solid #dadada;
    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;
    }
.products-list li {
    margin: 0 40px 30px
    }
.products-box {
    width: 209px
    }
.products-box dt, .products-box dd {
    margin-bottom: 10px
    }
.products-box dd img {
    display:block;
    max-width:100%;
    height:auto !important;
    margin:0 auto;
}
.products-title {
    font-size: 18px;
    font-weight: bold;
    text-align: center
    }
.products-text {
    font-size: 13px
    }
.products-price {
    font-size: 18px;
    font-weight: bold;
    overflow:hidden;
    text-align:right;
    }
.products-price span {
    display:block;
    float:left;
}
.products-crown {
    position: relative;
    height: 120px
    }
.products-box .products-crown img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
    }
/* *********************************** */
/* プロダクトページ ここまで ******************** */
/* *********************************** */
/* *********************************** */
/* スタイルギャラリーページ ここから ******************** */
/* *********************************** */
.style-list {
    padding: 48px 7px;
    margin-bottom: 5em;
    border-bottom: 1px solid #dadada
    }
.style-list li {
    margin-left: 34px;
    
    }
.style-list li:nth-of-type(4n) {
    margin-right: 34px
    }
.style-list li:nth-of-type(1), .style-list li:nth-of-type(2), .style-list li:nth-of-type(3), .style-list li:nth-of-type(4) {
    margin-bottom: 34px
    }
.style-list li img {
    display:none;
}
.style-list li img ~ span {
    display:block;
    width:243px;
    height:243px;
    background-size:cover;
    background-position:center center;
    box-shadow: 0 0 0 5px #fff,0 0 0 6px #dadada;
}
#style .page-nav {
    margin: 0
    }
#style .page-nav ul {
    padding: 0 0 40px
    }
#style .pagenation {
    margin: 0 auto
    }
.style-inner {
    position: relative;
    min-height: 462px;
    border-bottom: 1px solid #dadada;
    background:url(/import/tenant_28/designfam.tokyo/akamon_beauty_flag_ship/static/page/main/images.9108ccf85606138e36841651911d6a14/img-1000-400.png) center center repeat;
    background-size:contain;
    }
.style-detail {
    float:right;
    margin-top:45px;
    width: 310px;
    color: #444
    }
.style-detail h2 {
    margin-bottom: 15px;
    font-size: 28px;
    line-height: 1.3
    }
.style-detail div.pra {
    margin-left: 30px;
    line-height: 2.1
    }
/* *********************************** */
/* スタイルギャラリーページ ここまで ******************** */
/* *********************************** */
/* *********************************** */
/* コンセプトページ ここから ******************** */
/* *********************************** */
.concept-back {
    background:url(/import/tenant_28/designfam.tokyo/akamon_beauty_flag_ship/static/page/main/images.9108ccf85606138e36841651911d6a14/concept-back.png) 0 0 repeat;
    }
.concept-message {
    margin:0 auto;
    font-size: 14px;
    line-height: 3.9em;
    text-align: center;
    padding:40px 0;
    text-shadow:
        -1px -1px #fff,
        1px -1px #fff,
        -1px 1px #fff,
        1px 1px #fff;
    }
.section-feature .heading span {
    font-size: 16px;
    font-weight: normal
    }
.feature-heading {
    font-size: 18px;
    font-weight: bold
    }
.text-area p.feature-text {
    font-size: 12px;
    line-height: 2.5
    }
.section-feature:nth-of-type(odd) .text-area {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 625px;
    margin: auto;
    z-index: 100;
}
.section-feature:nth-of-type(even) .text-area {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -15px;
    margin: auto;
    z-index: 100;
}
.section-feature:nth-of-type(odd) .img {
    position: absolute;
    left: -162px;
    z-index: 10;
}
.section-feature:nth-of-type(even) .img {
    position: absolute;
    left: 175px;
    z-index: 10;
}
/* *********************************** */
/* コンセプトページ ここまで ******************** */
/* *********************************** */
/* *********************************** */
/* メニューページ ここから ******************** */
/* *********************************** */
.section-menu .clear {
    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;
}
.menu-box {
    width: 560px;
    padding-bottom:100px;
    margin-right:36px;
    }
.menu-box:nth-of-type(even){
    margin-right:0;
}
.menu-price {
    font-size: 15px;
    border-bottom: 1px dashed #dadada
    }
.menu-price dt, .menu-price dd {
    margin: 1.3em 35px;
    line-height: 1;
    }
.menu-price dt {
    width: 340px;
    font-weight: bold
    }
.menu-price dd {
    width: 115px;
    text-align: right
    }
.img-frame {
    padding: 10px;
    width: 520px;
    background: url(/import/tenant_28/designfam.tokyo/akamon_beauty_flag_ship/static/page/main/images.9108ccf85606138e36841651911d6a14/img-frame.png) repeat
    }
/* *********************************** */
/* メニューページ ここまで ******************** */
/* *********************************** */
/* *********************************** */
/* ネイルページ ここから ******************** */
/* *********************************** */
.height830 {
    height: 830px
    }
.height500 {
    height: 500px
    }
/* *********************************** */
/* ネイルページ ここまで ******************** */
/* *********************************** */
/* *********************************** */
/* アイラッシュページ ここから ******************** */
/* *********************************** */
.eye-list {
    position: relative;
    padding-bottom: 37px;
    z-index: 10;
    overflow:hidden;
    }
.eye-list:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 1156px;
    height: 37px;
    background: #ccc
    }
.eye-box {
    float: left;
    position: relative;
    margin: 0 38px;
    border: 1px dashed #ccc;
    background: #fff;
    z-index: 100
    }
.eye-box1 {
    padding: 46px 0 28px 38px;
    width: 462px
    }
.eye-box1 .eye-text {
    margin-left: 10px;
    font-size: 14px
    }
.eye-box1 .eye-img {
    position: absolute;
    right: 0;
    bottom: 15px
    }
.eye-box2 {
    padding: 17px 0 28px 28px;
    width: 278px
    }
.eye-title {
    display: inline-block;
    margin-bottom: 15px;
    width: 160px;
    font-size: 20px;
    font-weight: bold
    }
.eye-img {
    display: inline-block
    }
.eye-text {
    font-size: 12px;
    line-height: 2.2
    }
.img-eyelush {
    position: relative;
    margin-top: 100px;
    padding-bottom: 87px;
    overflow:hidden;
    }
.img-eyelush img {
    position: relative;
    z-index: 100
    }
.img-eyelush:after {
    content: "";
    position: absolute;
    right: 127px;
    top: 87px;
    width: 296px;
    height: 196px;
    background: #ccc;
    z-index: 10
    }
/* *********************************** */
/* アイラッシュページ ここまで ******************** */
/* *********************************** */

#map1 {
    width:1480px;
    height:570px;
    margin-left:-162px;
    margin-bottom:3em;
}
#map2 {
    width:726px;
    height:557px;
    position: absolute;
    left: -162px;
    z-index: 10;
}
.xx1:before,.xx2:before,.xx3:before,.xx4:before,.xx5:before,.xx6:before,.xx7:before,.xx8:before,.xx9:before {
    content:"0";
}
.menu_slash:last-of-type{
    display:none;
}
.copy {
    text-align:center;
    margin-bottom:20px;
    font-size:0.8em;
}
.xx_detail {
    width:500px;
    float:left;
    margin:45px 0 0 315px;
    padding-bottom:50px;
}
.xx_detail #mainPhoto {
    width:350px;
    height:auto;
    float:left;
}
.xx_detail ul {
    float:right;
}
.xx_detail .sidePhoto {
    width:120px;
    height:auto;
    margin-bottom:20px;
}
.xx_detail li:last-of-type .sidePhoto{
    margin-bottom:0;
}
img:not([src*="."]){
     display:none;
}
.eye-img {
    margin-bottom:15px;
}
body, html {
    height: 100%;
    margin: 0;
}