@charset "UTF-8";
/* CSS Document */

/*
13px base
Font-size Adjustment
     77% = 10px    |    123.1% = 16px    |    167% = 22px
     85% = 11px    |    131%   = 17px    |    174% = 23px
     93% = 12px    |    138.5% = 18px    |    182% = 24px
    100% = 13px    |    146.5% = 19px    |    189% = 25px
    108% = 14px    |    153.9% = 20px    |    197% = 26px
    116% = 15px    |    161.6% = 21px    |
*/


/* -----------------------------------------------
 * link
 * ----------------------------------------------- */

a:link {
    color:#9b7e57;
    text-decoration:underline;
    outline: none;
}
a:visited {
    color:#9b7e57;
    text-decoration:underline;
}
a:hover {
    color:#9b7e57;
    text-decoration:none;
}
a:active {
    color:#9b7e57;
    text-decoration:none;
}

/* -----------------------------------------------
 * text
 * ----------------------------------------------- */
.txt_red {
    color:#e60012;
}
.txt_brwn {
    color:#e0c299;
}
.txt_gray {
    color:#555555;
}

/* -----------------------------------------------
 * sp表示
 * ----------------------------------------------- */
.fix_img, .fix_img  img{
    width:100%;
    max-width:100%;
}
.vpc {
    display: none;
}
.vsp {
    display: block;
}

/* -----------------------------------------------
 * レイアウト
 * ----------------------------------------------- */

img {
    vertical-align:top;
}

body {
    color:#000000;
    font-size:14px;
    font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    -webkit-text-size-adjust: none;
    line-height:1.5;
    margin:0;
    padding:0;
    background-color:#ffffff;
}


/* -----------------------------------------------
 * header
 * ----------------------------------------------- */

.header {
    /*position:relative;*/
    position:fixed;
    width:100%;
    z-index:2;
}
.header .inner {
    width:100%;
    margin:0 auto;
    padding:0px 0;
    background-color:#fff;
}
.header .inner .headerTitle img,
.header .inner h1 img {
    width:100%;
    padding:0 0 0 0px;
}

/* -----------------------------------------------
 * outsideModalSP
 * ----------------------------------------------- */

.outsideModal{
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
/*    display: none;*/
}

.outsideModal__bg{
    background: rgba(0,0,0,0.7);
    height: 100vh;
    position: absolute;
    width: 100%;
}

.outsideModal__item{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    max-height: 90vh;
    overflow: scroll;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #fff;
    border: 2px solid #e0c299;
}

.outsideModal__item a{
    color: #fff;
    text-decoration: none;
}



.outsideModal__itemInner{
    width: 90%;
    margin: 10% auto;
}

.outsideModal__ttl{
    font-size: 5vw;
    font-weight: bold;
    margin-bottom: 5%;
    text-align: center;
}

.outsideModal__txt{
    font-size: 3.8vw;
    text-align: center;
}

.outsideModal__subTxt{
    font-size: 2.5vw;
    margin-top: 5%;
    text-align: center;
}

.outsideModal__btn{
    text-align: center;
    position: relative;
}

.outsideModal__btnItem{
    display: block;
    padding: 0.5em 1em 0.5em 10%;
    text-decoration: none;
    background: #e0c299;/*ボタン色*/
    color: #FFF;
/*    border-bottom: solid 4px #c14b19;*/
    border-radius: 3px;
/*    width: 100%;*/
    font-size: 3.5vw;
    font-weight: bold;
    text-align: center;
    margin-top: 10%;
}
.outsideModal__btnItem:before{
    content: " ";
    background: url(/smp/image/common/btn.png) no-repeat;
    background-size: 2em;
    width: 15%;
    height: 2em;
/*    display: inline;*/
    position: absolute;
    top: 18%;
    left: 3%;
}

.outsideModal__btn a{
    color: #fff;
    text-decoration: none;
}
.outsideModal__btn a:visited{
    color: #fff;
}
.js-modal-close {
    position: absolute;
    top: 0;
    right: 1%;
    color: #fff !important;
    font-size: 9vw;
    text-decoration: none !important;
    z-index: 2;


}


/* -----------------------------------------------
 * sp_menu
 * ----------------------------------------------- */
.header_menuBtn{
    position:absolute;
    top:15%;
    left:2.666%;
    cursor:pointer;
    width:22.6%;
}
.header_menuBtn img {
    width:100%;
}
.header_menu {
    position:absolute;
    left:0;
    z-index:9999;
    width:100%;
    display:none;
    overflow-y: scroll;
}
.header_menu ul.link {
    height:auto;
    background:#000;
}
.header_menu ul.link li {
    display:block;
    border-bottom:1px solid #e5dac3;
    background:#f7ecd4;
}
.header_menu ul.link li a {
    display:block;
    color:#000;
    padding:20px 20px;
    text-decoration:none;
    background:url(/smp/image/common/sp_menu_linkarrow.png) 96% center no-repeat;
    background-size:20px;
}
.header_menu ul.link li.lv3{
    background-color:#fdf6e6;
}
.header_menu ul.link li.clinic{
    background-color:#e0c299;
}
.header_menu ul.link li a img {
    width:80%;
}
/* -----------------------------------------------
 * contents
 * ----------------------------------------------- */
.contents {
    background:#fff7e4;
    padding-top:16%;
}
.pagetop {
    width:100%;
    background:#ffffff;
}
.pagetop .link {
    padding:10px 0;
    text-align:right;
}
.pagetop .link img {
    text-align:right;
    width:40%;
    padding:0 4% 0 0;
}

.topicpath {
    padding:2%;
}
.topicpath ul{
    font-size:85%;
}
.topicpath ul li {
    display:inline-block;
}

.ct_inner_wrap {
    padding:4%;
}
.ct_inner_wrap .ct_innerArea {
    background:#fff;
    padding:2.6666%;
}

.ac_btn_Area {
    padding:2.6666%;
}

.btm_btn_Area {
    padding:8% 2.6666%;
}
.btm_btn_Area_ty2 {
    padding:2.6666%;
}

.link_txt_arrow {
    background:url(/smp/image/common/btn_link_arrow.png) no-repeat left 4px;
    background-size:11px 11px;
    padding:0 0 0 1.2em;
}

.page_btm_sec {
    padding:13.3333% 9.3333% 6.6666%;
}
.page_btm_sec .snsArea {
    padding:6.1333% 0 0 0 ;
}
.page_btm_sec .snsArea .shareBtn {
    text-align:center;
    width:100%;
    padding:1% 0;
}
.page_btm_sec .snsArea .shareBtn li {
    display:inline-block;
    width:17%;
    padding:0 2%;
}
.page_btm_sec .snsArea .shareBtn li img {
    width:100%;
}
.bnr_ankert {
    padding:6.1333% 0 0 0 ;
}
.handbook_tel {
    padding:8% 0 0 0 ;
}

.note_txt {
    font-size:93%;
}

.note_txt.small {
    font-size:80%;
}
/* -----------------------------------------------
 * footer
 * ----------------------------------------------- */
.footer {
}
.footer .footer_link {
}
ul.footer_link {
    width:100%;
}
ul.footer_link li {
    display:block;
    border-bottom:1px solid #fff7e4;
    background:#ffffff;
}
ul.footer_link li:first-child {
    border-top:1px solid #fff7e4;
}
ul.footer_link li a {
    display:block;
    color:#000;
    padding:14px 14px;
    text-decoration:none;
    background:url(/smp/image/common/sp_menu_linkarrow.png) 96% center no-repeat;
    background-size:20px;
}
ul.footer_link li a img {
    width:90%;
}

.copyright {
    background:#fff7e4;
    padding:5% 0;
}

/* -----------------------------------------------
 * top
 * ----------------------------------------------- */

.area_top {
    display: flex;
    max-width: 360px;
    align-items: end;
    padding: 30px 0;
    justify-content: center;
}
.top_main {
    max-width: 165px;
}

.top_sec01 {
    max-width: 165px;
    background-color:#fff7e4;
}
.top_sec01 .linkbtn {
    text-align:center;
}
.top_sec01 .linkbtn li {
    /* width:44%; */
    display:inline-block;
    margin:0 2%;
}
.top_sec01 .linkbtn li img {
    width:100%;
}

.top_sec02 {
}
.top_sec02 ul.link {
    width:100%;
}
.top_sec02 ul.link li {
    display:block;
    border-bottom:1px solid #e5dac3;
    background:#f7ecd4;
}
.top_sec02 ul.link li a {
    display:block;
    color:#000;
    padding:20px 20px;
    text-decoration:none;
    background:url(/smp/image/common/sp_menu_linkarrow.png) 96% center no-repeat;
    background-size:20px;
}
.top_sec02 ul.link li a img {
    width:90%;
}
.top_sec03 {
    padding:4%;
    background:#f1f2df;
}
.top_sec03 .faq_link {
    width:100%;
    text-align:center;
}
.top_sec03 .faq_link li {
    width:46%;
    display:inline-block;
    margin:0 0 7.333% 0;
}

.top_sec04 {
}

.top_sec05 {
}
.top_sec05 ul.link {
    width:100%;
}
.top_sec05 ul.link li {
    display:block;
    border-bottom:1px solid #e5dac3;
    background:#e0c299;
}
.top_sec05 ul.link li a {
    display:block;
    color:#000;
    padding:14px 20px 16px;
    text-decoration:none;
    background:url(/smp/image/common/sp_menu_linkarrow.png) 96% center no-repeat;
    background-size:20px;
}
.top_sec05 ul.link li a img {
    width:90%;
}

/* -----------------------------------------------
 * selfcheck
 * ----------------------------------------------- */
.sc_step {
}
.sc_step #sc_step1 {
    padding:0 0 8% 0;
}

.sc_step #sc_step2 {
    padding:0 0 0% 0;
}
.sc_step #sc_step1 h2,.sc_step #sc_step2 h2 {
    margin:0 0 2.66666% 0;
}

.checkArea {
}
.checkArea .checkblock {
}
.checkArea .checkblock .chk_inner {
    padding:2.666%;
    background:#f1f2df;
}
.checkArea .checkblock .chk_inner .chk_list {
}
.checkArea .checkblock .chk_inner .chk_list li {
    text-indent:-1.4em;
    padding:.5em 0 .5em 1.4em;
    /*border-bottom:1px dotted #000000;*/
}
.checkArea .checkblock .chk_inner .chk_list li:last-child {
    border:none;
}
.checkArea .checkblock input[type=radio]:checked + label,
.checkArea .checkblock input[type=checkbox]:checked + label{
    font-weight:bold;
}

.alertMessage {
    color: red;
    font-weight: bold;
    font-size: 15px;
    display: none;
    text-align: center;
    margin: 20px 0 0;
}

/* -----------------------------------------------
 * result
 * ----------------------------------------------- */

.resultBlock {
    padding:8%;
    background-color:#fff;
}
.btm_btn_Area_result {
    padding:0 8% 8%;
    background-color:#FFF;
}

.highResult,
.lowResult {
    display: none;
}

.checkList-item {
    display: none;
}

/* -----------------------------------------------
 * about
 * ----------------------------------------------- */
.aboutBlock {
    padding:0 0 2.6666% 0;
}
.aboutBlock p {
    margin:0 1em 1em 0;
}
.aboutBlock .txt_fl_box {
    padding:2.6666%;
}
.aboutBlock .txt_fl_box .fl_photo {
    float:left;
    width:26.6666%;
}
.complaint {
    margin:0 2.6666%;
    background:#fffaed;
    padding:5.3333%;
}

.complaint ul {
    padding:2.6666% 0;
}
.complaint ul li {
    text-indent:-1.5em;
    padding:0 0 0 1.5em;
    font-size:93%;
}
.message {
    padding:4% 2.6666% 0;
}
.message .txt_fr_box .fr_photo {
    float:right;
    width:26.6666%;
}

/* -----------------------------------------------
 * cure
 * ----------------------------------------------- */
.cureBlock .btn_Area_bg {
    background-color:#fcf6e8;
}
.cureBlockInnder {
    margin-bottom:2.6666%;
    padding:2.6666% 0;
}
.cureBlockInnder p {
    padding:2.6666% 6.153%;
}
.cureBlockInnder .pleft {
    width:62%;
}
.cureBlockInnder.b1{ background:url(/smp/image/cure/cure_img02.png) right 25px no-repeat #fcf6e8; background-size:30.769% auto; }
.cureBlockInnder.b2{ background:url(/smp/image/cure/cure_img03.png) right 10px no-repeat #fcf6e8; background-size:30.769% auto; }
.cureBlockInnder.b3{ background:url(/smp/image/cure/cure_img04.png) right 10px no-repeat #fcf6e8; background-size:30.769% auto; }
.cureBlockInnder.b4{ background:url(/smp/image/cure/cure_img05.png) right 10px no-repeat #fcf6e8; background-size:30.769% auto; }
.cureBlockInnder.b5{ background:url(/smp/image/cure/cure_img06.png) right 15px no-repeat #fcf6e8; background-size:30.769% auto; }

.cureBlock .note_txt {
    font-size:85%;
}

/* modal */
.modal-content {
    position:fixed;
    display:none;
    z-index:2;
    width:80%;
    margin:0;
    padding:50px 20px;
    border:2px solid #f0e1c0;
    background:#fff;
    text-align:center;
    font-size:131%;
}
.modal-content li {
    display:inline-block;
    width:40%;
    margin:2%;
}
.modal-content li img {
    width:100%;
}
.modal-overlay {
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}
.modal-open {
    color:#00f;
    text-decoration:underline;
}

/* -----------------------------------------------
 * flow
 * ----------------------------------------------- */

.flowBlock {
    padding:2.6666%;
    font-size:93%;
}
.flowBlock .flowBlockInner {
    padding:2.6666%;
    background:#fcf6e8;
}
.flowBlock .flowBlockInner.bg1 {
    background:url("/smp/image/flow/flow_img03.png") right top no-repeat #fcf6e8;
    background-size:20% auto;
}
.flowBlock .flowBlockInner li{
    padding-left:1em;
    text-indent:-1em;
}
.flow_inner {
     padding:2.6666%;
}
.flow_inner .note_txt {
    font-size:85%;
}
.flow_btn_Area {
     padding:0 2.6666%;
}
.flow_btn_AreaBg {
    margin:10px 0;
    padding:0 5% 5%;
    background-color:#fcf6e8;
}
.flow_btn_Area .btn_Area_bg {
    padding:0 5% 5%;
    background-color:#fcf6e8;
}
.flow_cautionArea {
    padding:30px 2.6666% 0;
}
.flow_cautionBox {
    padding:3% 2%;
    border:1px solid #d9d9d9;
}
.flow_font_s {
    font-size:85%;
}

/* -----------------------------------------------
 * faq
 * ----------------------------------------------- */
.faqBlock {
    font-size:93%;
}
.faqBlock dl {
    overflow:hidden;
}
.faqBlock dt {
    clear:both;
    float:left;
    width:3em;
    padding-right:1em;
    font-size:127%;
    text-align:right;
}
.faqBlock dd {
    margin:6% 1em 0 4.5em;
    padding: 0 0 0 1em;
    background:url("/smp/image/common/btn_link_arrow.png") left 0.3em no-repeat;
    background-size:11px;
}
.faqBlock a {
    text-decoration:none;
    color:#000;
}
.answer {
    padding:2.6666% 8% 8% 2.6666% ;
    border:2px solid #f1f2df;
}
.answer h3 {
    font-weight:bold;
    padding-left:38px;
}
.answer .icon {
    background:url("/smp/image/faq/common/ico_faq_a.png") 0 0.5em no-repeat;
    background-size:27px;
}
.answer p,
.answer ul{
    margin-top:10px;
    padding-left:38px;
}
.answer .faq_link li{
    padding-left:15px;
    background:url("/smp/image/common/btn_link_arrow.png") left 0.3em no-repeat;
    background-size:11px;
}
.answer .faq_link li a {
    text-decoration: underline;
    color:#9b7e57;
}
.answer .faq_00_link li{
    padding-left:1em;
    text-indent:-1em;
}
#f1,#f2,#f3,#f4,#f5,#f6,#f7,#f8,#f9,#f10,#f11,#f12,#f13,#f14,#f15,#f16,#f17{
     margin-top:-18%;
    padding-top:18%;
}
.faqBlock dt#q1,.faqBlock dt#q2,.faqBlock dt#q3,.faqBlock dt#q4,.faqBlock dt#q5,.faqBlock dt#q6,.faqBlock dt#q7,.faqBlock dt#q8,.faqBlock dt#q9,.faqBlock dt#q10,.faqBlock dt#q11,.faqBlock dt#q12,.faqBlock dt#q13,.faqBlock dt#q14,.faqBlock dt#q15,.faqBlock dt#q16,.faqBlock dt#q17{
     margin-top:-13%;
    padding-top:18%;
}

/* -----------------------------------------------
 * sitemap
 * ----------------------------------------------- */
.sitemapBlock li:before {
    content:" ";
    display:inline-block;
    width:11px;
    height:11px;
    margin:0 10px 0 0;
    background:url("/smp/image/common/btn_link_arrow.png") 0 0 no-repeat;
    background-size:contain;
    vertical-align:middle;
}
.sitemapBlock li li:before {
    content:" ";
    display:inline-block;
    width:11px;
    height:11px;
    margin:0 10px 0 0;
    background:url("/smp/image/common/arrow_r.png") 0 0 no-repeat;
    background-size:contain;
    vertical-align:middle;
}
.sitemapBlock ul {
    margin:0 0 1em;
}
.sitemapBlock li {
    margin:1em 9% 0;
}
.sitemapBlock li a {
    text-decoration:none;
}
.sitemapBlock li a,
.sitemapBlock li a:visited {
    color:#000;
}

/* -----------------------------------------------
 * botulinus
 * ----------------------------------------------- */
.botulinusBlock .note_txt {
    margin:10px 0 20px;
    font-size:75%;
}
.botulinusBlock .botulinusBlockInner {
    padding:2.6666%;
}
.botulinusBlock .botulinusBlockInner .botulinusBlockText{
    padding:10px 0 0 0;
}

.botulinusBlock .botulinusBlockInner .botulinusBlockText .botulinusBlockText-text{
    float: left;
    width: 75%;
}

.botulinusBlock .botulinusBlockInner .botulinusBlockText .botulinusBlockText-image{
    float: right;
    width: 20%;
}
.botulinusBlock .botulinusBlockInner .botulinusBlockText .botulinusBlockText-image img{
    width: 100%;
}

.botulinusBlock .botulinus_inner {
    padding:2.6666% 6.55%;
    background-color:#fcf6e8;
}
.botulinusBlock .botulinus_inner dl {
    padding:0 2.6666%;
}
.botulinusBlock .link_arrow {
    padding-left:14px;
    background:url("/smp/image/common/btn_link_arrow.png") left 0.3em no-repeat;
    background-size:11px;
}
.botulinusBlock dt,
.botulinusBlock dd {
    margin:0 0 10px 37px;
    text-indent:-37px;
}
.botulinusBlock dt {
    font-weight:bold;
}
.botulinusBlock dd {
    margin-bottom:20px;
    word-break: break-all;
}
.botulinusBlock dd .note_txt {
    margin:10px 0 0 0;
    text-indent:0;
    line-height:1.4;
}
.botulinusBlock dt:before {
    content:" ";
    margin:0 10px 0 0;
    background:url("/smp/image/cure/botulinus/botulinus_q.png") 0 0 no-repeat;
    background-size:contain;
    padding: 0 26px 5px 0;
}
.botulinusBlock dd:before {
    content:" ";
    margin:0 10px 0 0;
    background:url("/smp/image/cure/botulinus/botulinus_a.png") 0 0 no-repeat;
    background-size:contain;
    padding: 0 26px 5px 0;
}
.botulinusBlock .note_txt {
    font-size:85%;
}

.botulinusBlock dd .cap {
    text-indent: 0;
    font-size: 85%;
}

/* -----------------------------------------------
 * review
 * ----------------------------------------------- */
.reviewBlock {
    padding:2.6666%;
    background-color:#fcf6e8;
}
.reviewBlock dt {
    margin-bottom:10px;
}
.reviewBlock dd {
    margin-bottom:20px;
}
.reviewPager {
    margin:20px 0;
    text-align:center;
}
.reviewPager li {
    display:inline-block;
    width:8%;
    margin-right:2%;
}
.reviewPager li img {
    width:100%;
}

/* -----------------------------------------------
 * clinic
 * ----------------------------------------------- */
.ct_clinicBlock .ct_textArea_ex {
    padding: 3%;
    margin: 0 0 20px;
    border:dashed 1px #cccccc;
    border-radius: 5px;
    font-size: 93%;
}

.ct_clinicBlock .ct_textArea {
    padding: 0 2%;
    margin: 0 2% 20px;
    font-size: 93%;
}

.ct_clinicBlock .ct_clinicImage img{
    width: 100%;
}

.ct_clinicBlock .ct_textLink {
    padding: 0 0 0 1.5em;
    text-indent: -1em;
    font-size: 93%;
}
.ct_clinicBlock .ct_textLink:before{
    content: " ";
    background: url(../image/common/btn_link_arrow_small.png) no-repeat;
    padding: 0px 15px 0 0;
    position: relative;
    font-size: 9px;
    background-size: 10px;
}

.ct_clinicBlock .ct_textFemale{
    margin: 0 0 20px;
    padding: 0 2%;
    font-size: 93%;
}

.ct_clinicBlock .ct_textFemale img{
    width: 14px;
    margin: 3px 0 0;
    display: inline-block;
}

/* -----------------------------------------------
 * fade
 * ----------------------------------------------- */
#fade_layer {
    position: fixed;
    z-index: 1;
    background: #000000;
    top: 0;
    left: 0;
    width: 100%;
    height: 150%;
    filter: alpha(opacity=80);
    opacity: 0.8;
    display: none;
}
 /*
#clinic .contents {
    background-color:#fff7e4;
    padding:0;
}
*/
/*#clinic .header_menuBtn {
    display:none;
}
*/
#clinic .header {
    position: relative;
}
/*
#clinic .persona {
    height: 620px;
}*/