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

	Theme Name: ??????????
	Version: 1.0

-------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*	CSS Reset & Clearfix - http://meyerweb.com/eric/tools/css/reset/
/*-----------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/* Hide from IE Mac */
.clearfix {
    display: block;
}

/* End hide from IE Mac */
/*-----------------------------------------------------------------------------------*/
/*	Document Setup
/*-----------------------------------------------------------------------------------*/
*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    color: #414141;
    font-size: 14px;
    font-family: "??????", "Yu Gothic", YuGothic, "?????? Pro", "Hiragino Kaku Gothic Pro", "????", "Meiryo", sans-serif;
    line-height: 1.8;
    -webkit-text-size-adjust: 100%;
    background: #f8f7f4;
}

a {
    color: #414141;
    text-decoration: none;
    opacity: 1;
    transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
}

a:hover {
    opacity: .6;
}

img, a img {
    vertical-align: bottom;
    max-width: 100%;
}

/* Form Common Styles */
input[type="text"], input[type="number"], input[type="tel"], input[type="email"] {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s;
    display: inline-block;
    height: 20px;
    padding: 4px 6px;
    font-size: 12px;
    color: #555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="text"]:focus, textarea:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

select {
    background-color: #fff;
    border: 1px solid #ccc;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    height: 30px;
    padding: 4px 6px;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

select:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

textarea {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s;
    height: auto;
    display: inline-block;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: auto;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

button {
    display: inline-block;
    padding: 15px 40px;
    margin-bottom: 0;
    font-size: 14px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background: #3498db;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

button:hover {
    background-color: #2980b9;
    -webkit-transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear;
}

.input-mini {
    width: 60px;
}

.input-small {
    width: 90px;
}

.input-medium {
    width: 150px;
}

.input-large {
    width: 210px;
}

.input-xlarge {
    width: 270px;
}

.input-xxlarge {
    width: 530px;
}

/*-----------------------------------------------------------------------------------*/
/*	Structure Styles
/*-----------------------------------------------------------------------------------*/
.container {
    width: 1060px;
    margin: 0 auto;
    position: relative;
}

#primary {
    float: left;
    width: 740px;
}

#aside {
    float: right;
    width: 260px;
}

/*-----------------------------------------------------------------------------------*/
/*	Header Styles
/*-----------------------------------------------------------------------------------*/
header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

header .container {
    height: 150px;
    border-bottom: 1px solid #dfdfdf;
}

header.bg {
    background-color: rgba(83,36,17,.8);
}

header.bg.diag {
    background-color: rgba(94,94,94,.8);
}

header.bg .container {
    border-bottom: none;
}

/* Logo */
header #logo {
    position: absolute;
    top: 40px;
    left: 0;
}

header h1 {
    color: #fff;
    font-size: 13px;
    font-weight: normal;
    line-height: 48px;
}

/* Global Navigation */
header ul#gnav {
    color: #dfdfdf;
    line-height: 1;
    position: absolute;
    top: 118px;
    right: 0;
}

header ul#gnav li {
    float: left;
    line-height: 1;
}

header ul#gnav li span {
    margin: 0 5px;
}

header ul#gnav li a {
    color: #fff;
    line-height: 1;
}

/* Sub Navigation */
header ul#snav {
    position: absolute;
    width: 514px;
    top: 10px;
    right: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: end;
}

header ul#snav li {
    float: left;
    margin-left: 10px;
}

header ul#snav li a {
    color: #fff;
    font-size: 12px;
    //font-weight: bold;
    line-height: 1;
    letter-spacing: 1px;
    padding: 8px 10px;
    background-color: #dfdfdf;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

header ul#snav li.biyou {
    margin-top: 10px;
    /* margin-left: 207px; */
}

header ul#snav li.raser {
    margin-top: 10px;
}

header ul#snav li.reserv a {
    background-color: #62ce00;
}

header ul#snav li.child a {
    background-color: #ff9a00;
}

header ul#snav li.biyou a {
    background-color: #82b9bc;
}

header ul#snav li.wait a {
    background-color: #e6c588;
}

header ul#snav li.raser a {
    background-color: #DC92A1;
}

header ul#snav.only-two {
    flex-wrap: inherit;
}

header ul#snav li.doctorcube small {
    color: #fff;
    font-size: 0.8em;
    border-left: 2px solid;
    padding: 0 0 0 5px;
}

header ul#snav li.doctorcube a {
    background: none;
    padding: 0;
    width: 260px;
}

header ul#snav li.biyou a {
    height: 59px;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

header ul#snav li.biyou.b-soudan {
    margin: 0;
    width: 50%;
}

/*-----------------------------------------------------------------------------------*/
/*	Slides Styles
/*-----------------------------------------------------------------------------------*/
#slides {
    width: 100%;
    height: 780px;
    background: #000 url(library/img/slides/002.jpg) center 75% no-repeat;
    position: relative;
    z-index: 0;
    background-size: cover;
}

.main-slide-wrap {
    overflow: hidden;
}

/* Page Title */
#page-ttl {
    text-align: center;
    width: 100%;
    height: 350px;
    padding-top: 150px;
    background: #000 url(library/img/page_ttl_clinic.jpg) 50% 50% no-repeat;
    background-size: cover;
}

#page-ttl.diag {
    background-image: url(library/img/diagnosis/page_ttl_diagnosis.jpg);
    background-size: auto;
}

#page-ttl h2 {
    color: #fff;
    font-size: 32px;
    font-weight: normal;
    letter-spacing: 10px;
}

#page-ttl span.en {
    color: #fff;
    font-size: 12px;
    letter-spacing: 2px;
}

#page-ttl span.diag {
    color: #fff;
    font-size: 15px;
    letter-spacing: 2px;
}

/*-----------------------------------------------------------------------------------*/
/*	Page Styles
/*-----------------------------------------------------------------------------------*/
/* Common */
#narrow-sep {
    width: 100%;
    height: 60px;
    background: transparent url(library/img/sep_narrow.png) 0 0 no-repeat;
    margin-top: -60px;
    position: relative;
    z-index: 1;
    background-size: cover;
}

#page {
    padding: 50px 0 80px;
}

#page.nb {
    padding-bottom: 0;
}

#page .page-wrap {
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 6px 1px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 6px 1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 6px 1px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#page .page-wrap .page-section {
    padding: 40px 40px 20px;
    border-bottom: 1px solid #e5e5e5;
}

#page .page-wrap .page-section:last-of-type {
    border-bottom: none;
}

#page .page-wrap .page-section-ttl {
    position: relative;
    margin-bottom: 30px;
}

#page .page-wrap .page-section-ttl h3 {
    color: #7b5454;
    font-size: 24px;
    font-weight: normal;
    line-height: 1.4;
    letter-spacing: 2px;
    padding-left: 50px;
}

#page .page-wrap .page-section-ttl h3 a {
    text-decoration: none;
}

#page .page-wrap .page-section-ttl h3 a:hover {
    opacity: .8;
}

#page .page-wrap .page-section-ttl .mark {
    width: 30px;
    height: 30px;
    border: 10px solid #e6c588;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}

#page .page-wrap .page-section-ttl .sep {
    height: 4px;
    background-color: #7b5454;
    margin-top: 15px;
}

#page .page-wrap .page-section-ttl .sep span.line {
    width: 100px;
    height: 4px;
    background-color: #e6c588;
    display: block;
}

#page .page-wrap .page-section h4 {
    color: #7b5454;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

#page .page-wrap .page-section h4 small {
    font-size: 18px;
}

#page .point-wrap.recommend-point {
    display: flex;
    gap: 10px 15px;
    margin: 0 0 10px 0;
    flex-wrap: wrap;
}

#page .point-wrap.recommend-point .point {
    background: #4b7799;
    padding: 0px 10px;
    border-radius: 30px;
    color: #fff;
    font-size: 15px;
}

#page .page-wrap .page-section .image {
    margin-bottom: 20px;
}

#page .page-wrap .page-section .image img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#page .page-wrap .page-section p {
    line-height: 2;
    letter-spacing: 1px;
    margin-bottom: 20px;
    font-size: 16px;
}

small.free-during {
    font-size: 14.4px;
    color: #4b4b4b;
    display: block;
}

#page .page-wrap .page-section a {
    color: #7b5454;
    text-decoration: underline;
    border-bottom: 1px dashed #e6c588;
}

#page .page-wrap .page-section a:hover {
    text-decoration: none;
    opacity: 1;
}

#page .page-wrap .page-section a.button {
    display: block;
    margin: 10px 0 0 0;
    width: 180px;
    text-decoration: none;
    color: #414141;
    border-radius: 3px;
    background-color: #e6c588;
    text-align: center;
    padding: 5px;
    opacity: 1;
    transition: 0.3s;
}

#page .page-wrap .page-section a.button:hover {
    opacity: 0.8;
}

#page .page-wrap .page-section a.pd_button {
    margin: 10px auto 30px;
    display: block;
    float: left;
    width: 100%;
    padding: 15px 5px;
    text-align: center;
    background: #fff url(library/img/icon/circle_arrow.png) 97% 50% no-repeat;
    border: 2px solid #e6c588;
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 3px 3px 3px 0px #f7ecd7;
    transition: 0.3s;
}

#page .page-wrap .page-section a.pd_button:hover {
    background: #e6c588 url(library/img/icon/circle_arrow.png) 97% 50% no-repeat;
    color: #fff;
}

#page .page-wrap .page-section .first_ex_box {
    /* display: flex; */
    /* flex-direction: row-reverse; */
    /* margin: 0 auto 20px; */
    /* align-items: center; */
}

#page .page-wrap .page-section .first_ex_box .list,#page .page-wrap .page-section .first_ex_box .first_text {
    width: 100%;
    padding: 0;
}

#page .page-wrap .page-section .first_ex_box .img-box {
    width: 40%;
    float: right;
    margin: 0 0 3% 5%;
}

#page .page-wrap .page-section .price-table table {
    width: 100%;
}

#page .page-wrap .page-section .price-table th,.price-table td {
    font-weight: bold;
    text-align: center;
    background-color: #efefef;
    font-size: 15px;
    padding: 5px 10px;
    border: 1px solid #ccc;
    vertical-align: middle;
}

#page .page-wrap .page-section .price-table th {
    width: 20%;
}

#page .page-wrap .page-section .price-table td {
    background: #fff;
    text-align: left;
}

#page .page-wrap .page-section img {
    width: 100%;
    height: auto;
    vertical-align: baseline;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#page .page-wrap .page-section i {
    width: 102px;
    display: inline-block;
    margin: 0 2% 0 0;
    vertical-align: middle;
}

#page .page-wrap .page-section .img-border {
    border: 1px solid #ccc;
}

#page .page-wrap .page-section .img-border img {
    width: 70%;
    text-align: center;
    display: block;
    margin: auto;
}

.exp.bs .img-box.acne {
    text-align: center;
}

#page .page-wrap .page-section .acne img {
    max-width: 100%;
    width: 81%;
}

#page .page-wrap .page-section .right-img {
    float: right;
    margin: 0 0 50px 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#page .page-wrap .page-section .right-img img {
    width: 260px;
    height: 260px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#page .page-wrap .page-section .right-img.fix {
    float: right;
    margin: 0 0 50px 50px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#page .page-wrap .page-section .right-img.fix img {
    width: 260px;
    height: auto;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#page .page-wrap .page-section ul.list {
    margin: 0 0 30px 20px
}

#page .page-wrap .page-section ul.list li {
    color: #7b5454;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 2px;
    list-style-type: disc;
}

#page .page-wrap .page-section ul.list li.point {
    list-style-type: none;
    background: #ff9a01;
    display: inline;
    margin: 0 0 0 -15px;
    color: #fff;
    padding: 4px 7px;
}

/*ソプラノ*/
#page .page-wrap .page-section .sprano_wrap ul.list {
    background: #ffface;
    padding: 30px 30px;
    margin: 0 auto;
    width: 100%;
    border-radius: 40px;
}

.sprano_wrap {
    margin: 20px auto 40px;
}

#page .page-wrap .page-section .sprano_wrap ul.list li:last-child span {
    display: flex;
    background: #fff;
    padding: 20px 10px 20px 20px;
    border-radius: 15px;
    align-items: center;
}

#page .page-wrap .page-section .sprano_wrap ul.list li:last-child span figure,.kids_d_wrap span figure {
    width: 25%;
    margin: 0 4% 0 0;
}

#page .page-wrap .page-section .sprano_wrap ul.list li:last-child span figcaption,.kids_d_wrap span figcaption {
    width: 71%;
}

#page .page-wrap .page-section .sprano_wrap ul.list li:last-child span figure .soprano_list,.kids_d_wrap span figure .soprano_list {
    list-style: none;
}

#page .page-wrap .page-section .sprano_wrap ul.list li:last-child span figcaption .soprano_list li,.kids_d_wrap span figcaption .soprano_list li {
    list-style: none;
    text-align: center;
    background: #f3f0f0;
    margin: 0 3% 3% 0;
    width: 48%;
    color: #000;
    padding: 5px;
    border-radius: 10px;
}

#page .page-wrap .page-section .sprano_wrap ul.list li:last-child span figcaption .soprano_list,.kids_d_wrap span figcaption .soprano_list {
    display: flex;
    flex-wrap: wrap;
}

#page .page-wrap .page-section .sprano_wrap ul.list li:last-child span figcaption .soprano_list li:nth-child(2n),.kids_d_wrap span figcaption .soprano_list li:nth-child(2n) {
    margin: 0 0 3% 0;
}

#page .page-wrap .page-section .sprano_wrap ul.list li:last-child span figcaption .soprano_list li p, #page .page-wrap .page-section .kids_d_wrap span figcaption .soprano_list li p {
    margin: 5px 0 0 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.6;
}

#page .page-wrap .page-section .sprano_wrap ul.list li:last-child span figcaption .soprano_list li b,.kids_d_wrap span figcaption .soprano_list li b {
    font-size: 15px;
}

#page .page-wrap .page-section .sprano_wrap ul.list li:last-child span figcaption .soprano_list li:nth-child(n+5),.kids_d_wrap span figcaption .soprano_list li:nth-child(n+5) {
    margin-bottom: 0;
}

#page .page-wrap .page-section .sprano_wrap ul.list > li {
    font-weight: 500;
    color: #000;
    margin: 0 0 20px 0;
    list-style: none;
    border-bottom: 1px dashed #b5b5b5;
    padding: 0 0 10px 0;
}

#page .page-wrap .page-section .sprano_wrap ul.list > li:last-child {
    margin: 0;
    border: none;
    padding: 0;
}

/*毛穴*/
#page .page-wrap .page-section .exp .pores {
    display: flex;
}

#page .page-wrap .page-section .exp .pores .txt-box {
    width: 70%;
    padding: 0 0 0 2%;
}

#page .page-wrap .page-section .exp .pores .img-box {
    width: 30%;
}

/* キッズ */
.kids_d_wrap > figure {
    width: 100%;
    margin: auto;
}

#page .page-wrap .page-section .kids_d_wrap p {
    margin: 20px auto 40px;
    font-size: 15px;
}

.kids_d_box {
    display: flex;
    margin: 20px auto 0;
}

.kids_d_box .img-box {
    width: 49%;
    margin: 0 1% 0 0;
}

.kids_d_box .text-box {
    width: 50%;
}

.kids_d_box .text-box p {
    padding: 10px;
}

.kids_d_box h5 {
    font-size: 18px;
    color: #5cb3b7;
    margin: 0 auto 5px;
}

.kids_d_box:nth-child(2) {
    background: #ccc;
}

.kids_d_box_inner {
    background: #fffeeb;
    padding: 30px 2%;
}

.kids_d_box.bg-y {
    margin: 5px auto 0;
    max-width: 500px;
    width: 100%;
    align-items: flex-end;
}

.kids_d_box .img-box:last-child {
    margin: 0 0 0 1%;
}

.kids_d_box .img-box:first-child h5 {
    color: #7b7b7b;
}

.kids_d_box.radious .img-box {
    width: 25%;
}

.kids_d_box.radious .text-box {
    width: 75%;
}

.kids_d_box.radious {
    margin: 10px auto 40px;
}

.kids_d_wrap span {
    display: flex;
    margin: 30px auto 30px;
}

/*earring*/
.c-earring h6.center {
    text-align: center;
    font-size: 18px;
    margin: 0 auto 20px;
}

#page .page-wrap .page-section.c-earring ul {
    display: flex;
    flex-wrap: wrap;
}

#page .page-wrap .page-section.c-earring ul li {
    width: 24%;
    margin: 0 8px 0 0;
}

#page .page-wrap .page-section.c-earring ul li:nth-child(4n) {
    margin: 0 0 0 0;
}

/*===*/
#page .page-wrap .page-section .exp {
    padding: 29px;
    border: 1px solid #efefef;
    background-color: #fafafa;
    margin-bottom: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#page .page-wrap .page-section .exp.only-txt b.red {
    background: #FF5722;
    padding: 5px 14px;
    display: inline;
    border-radius: 30px;
    color: #fff;
    margin: 0 6px 0 0;
}

#page .page-wrap .page-section .exp.only-txt p {
    display: block;
    margin: 10px auto 0;
    border-top: 1px dashed #d6d6d6;
    padding: 10px 0 0 0;
}


#page .page-wrap .page-section .exp .redbar-box{
    position:relative;
}

#page .page-wrap .page-section .exp .redbar-box .redbar {
    position: absolute;
    color: #E91E63;
    border: 1px solid;
    padding: 0 10px;
    font-size: 16px;
    left: 4%;
    top: 11%;
    transform: rotateZ(-9deg);
}

#page .page-wrap .page-section .exp.acne_exp {
    padding: 0;
    border: none;
    border-radius: 0;
}

#page .page-wrap .page-section .exp.small_v {
    padding: 10px 29px;
}

#page .page-wrap .page-section .exp h4 {
    color: #7b5454;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.6;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

#page .page-wrap .page-section .exp ul.disc-list {
    list-style: disc;
    padding: 0 0 0 17px;
}

#page .page-wrap .page-section .exp ul.disc-list li{
    margin:0 0 5px 0;
}

#page .page-wrap .page-section .exp dl.detail dd ul.flow {
    margin: 10px auto 0;
}

#page .page-wrap .page-section .exp dl.detail dd ul.flow li {
    display: flex;
    margin: 0 auto 8px;
}

#page .page-wrap .page-section .exp dl.detail dd ul.flow li .num {
    position: relative;
    background: #82b9bc;
    width: 26px;
    height: 26px;
    border-radius: 100%;
    margin: 0 2% 0 0;
    color: #fff;
}

#page .page-wrap .page-section .exp dl.detail dd ul.flow.f-list li .num {
    width: 10px;
    height: 10px;
    top: 9px;
}

#page .page-wrap .page-section .exp dl.detail dd ul.flow.f-list li {
    position: relative;
}

#page .page-wrap .page-section .exp dl.detail dd ul.flow li .num span {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 14px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1;
}

#page .page-wrap .page-section .exp dl.detail dd ul.flow li p {
    width: 92%;
}

#page .page-wrap .page-section .exp dl.detail dd ul.normal-list {
    list-style: disc;
    padding: 0 0 0 22px;
}

#page .page-wrap .page-section .exp dl.detail dd ul.normal-list li {
    margin: 0 0 20px 0;
}

#page .page-wrap .page-section .exp dl.detail dd ul.normal-list li:last-child {
    margin: 0 0 0 0;
}

#page .page-wrap .page-section .exp dl.detail dd .more-box {
    display: flex;
}

#page .page-wrap .page-section .exp dl.detail dd .more-box .left {
    width: 49%;
    padding: 13px;
    margin: 0 1% 0 0;
    background: #f8dddd;
    border-radius: 10px;
}

#page .page-wrap .page-section .exp dl.detail dd .more-box .right {
    margin: 0 0 0 1%;
    width: 49%;
    padding: 13px;
    background: #dfe3e9;
    border-radius: 10px;
}

#page .page-wrap .page-section .exp dl.detail dd .more-box .left h5 {
    background: #d74444;
    border-radius: 40px;
    text-align: center;
    color: #fff;
    margin: 0 0 9px 0;
    padding: 3px 0;
}

#page .page-wrap .page-section .exp dl.detail dd .more-box .right h5 {
    background: #6288a3;
    border-radius: 40px;
    text-align: center;
    color: #fff;
    margin: 0 0 9px 0;
    padding: 3px 0;
}

#page .page-wrap .page-section .exp dl.detail dd .more-box .right h5 small {
    border-radius: 13px;
    background: #e9e349;
    padding: 3px 6px;
    color: #6288a3;
}

#page .page-wrap .page-section .exp dl.detail dd .more-box .more100.left {
    width: 100%;
    margin: 0 auto;
    background: #fbe5f1;
}

#page .page-wrap .page-section .exp dl.detail dd .more-box .more100.left h5 {
    background: #cc6aa1;

}

/*women men*/
#page .page-wrap .page-section .exp dl.detail dt.woman-head {
    background: #ffecec;
    color: #c21b1b;
    border-radius: 10px 10px 0 0;
    border: none;
    border-bottom: 1px solid #f6d3d3;
}

#page .page-wrap .page-section .exp dl.detail dt.men-head {
    background: #e5ebf3;
    color: #1873aa;
    border-radius: 10px 10px 0 0;
    border: none;
    border-bottom: 1px solid #c3cfdf;
}

#page .page-wrap .page-section .exp dl.detail dd.woman-bottom {
    background: #ffecec;
    border: none;
    border-radius: 0 0 10px 10px;
}


#page .page-wrap .page-section .exp dl.detail dd.men-bottom {
    background: #e5ebf3;
    border: none;
    border-radius: 0 0 10px 10px;
}

#page .page-wrap .page-section .exp dl.detail dd .more-box .osusume {
    width: 100%;
    margin: 10px 0 10px 0;
    padding: 17px;
    background: #ffffff;
    border-radius: 10px;
}

#page .page-wrap .page-section .exp dl.detail dd .more-box.wm-box {
    display: block;
}

#page .page-wrap .page-section .exp dl.detail dd .more-box .osusume h5 span {
    color: #ffffff;
    background: #f97171;
    padding: 1px 8px;
    border-radius: 40px;
    margin: 0 10px 0 0;
    display: inline-block;
    font-size: 14.4px;
}

#page .page-wrap .page-section .exp dl.detail dd .more-box .osusume h5 {
    color: #39528a;
    margin: 0 0 20px 0;
    border-bottom: 1px solid;
    padding: 0 0 10px;
}

#page .page-wrap .page-section .exp dl.detail dd .more-box .osusume h5 small {
    font-size: 13px;
}

#page .page-wrap .page-section .exp dl.detail dd .more-box .osusume.ichioshi h5 span {
    background: linear-gradient(40deg, #C38B39, #e7c970, #dfca8a);
    color: #5f564a;
}

#page .page-wrap .page-section .exp p {
    line-height: 1.8 !important;
    margin-bottom: 10px !important;
}

#page .page-wrap .page-section .exp .list-p p {
    margin-bottom: 0 !important;
    position: relative;
}

#page .page-wrap .page-section .exp .list-p p {
    text-indent: 22px;
}

#page .page-wrap .page-section .exp .list-p p:before {
    content: "●";
    left: -22px;
    position: absolute;
}

.first-img figure {
    float:right;
    width: 35%;
}

.first-img figcaption {
    width: 100%;
}

#page .page-wrap .page-section .exp ul.p_ul {
    display: flex;
    margin: 0 auto 10px;
    flex-wrap: wrap;
}

#page .page-wrap .page-section .exp ul.p_ul li {
    margin: 0 2% 10px 0;
    background: linear-gradient(transparent 60%, #ffe467 40%);
    line-height: 1.3;
    display: inline;
}

#page .page-wrap .page-section .p_voice {
    display: flex;
    align-content: baseline;
    margin: auto;
    position: relative;
    padding: 0 38%;
}

#page .page-wrap .page-section .p_voice span {
    width: 50px;
    border-radius: 100px;
    background: #ffd5d5;
    height: 50px;
    position: relative;
}

#page .page-wrap .page-section .p_voice span img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    width: 37px;
}

#page .page-wrap .page-section .p_voice h5 {
    margin: 0 0 0 10px;
    font-size: 16px;
    padding: 15px 0px 0 0;
    line-height: normal;
    width: auto;
}

#page .page-wrap .page-section .p_voice:before {
    content: "";
    position: absolute;
    width: 36%;
    height: 2px;
    background: #dc738e;
    left: 0;
    top: 50%;
}

#page .page-wrap .page-section .p_voice:after {
    content: "";
    position: absolute;
    width: 38%;
    height: 2px;
    background: #dc738e;
    right: 0;
    top: 50%;
}

#page .page-wrap .page-section .exp dl.detail dt.p_voice_dt {
    background: #ffd5d5;
    color: #525252;
    border-radius: 10px 10px 0 0;
    border: none;
}

#page .page-wrap .page-section .exp dl.detail .p_voice_dd {
    border: none;
    border-radius: 0 0 10px 10px;
    background: #fff3f3;
}

#page .page-wrap .page-section .exp p:last-of-type {
    margin-bottom: 0 !important;
}

#page .page-wrap .page-section .exp table {
    width: 100%;
    text-align: left;
}

#page .page-wrap .page-section .exp table th, #page .page-wrap .page-section .exp table td {
    font-size: 15px;
    /* text-align: center; */
    padding: 10px;
    border: 1px solid #ccc;
    width: 11.11%;
    vertical-align: middle;
}

#page .page-wrap .page-section .exp .list-num {
    list-style-type: decimal;
    padding: 0 0 0 17px;
}

#page .page-wrap .page-section .exp dl.detail dd .list-num span {
    float: left;
}

#page .page-wrap .page-section .exp dl.detail dd .price {
    text-align: right;
}

#page .page-wrap .page-section .exp .a-table {
    margin-bottom: 10px;
}

#page .page-wrap .page-section .exp table th {
    font-weight: bold;
    text-align: center;
    background-color: #efefef;
}

#page .page-wrap .page-section .exp table td {
    background-color: #fff;
}

#page .page-wrap .page-section .exp .t3 table {
    table-layout: auto;
}

#page .page-wrap .page-section .exp .t3 table th:first-child {
    width: 7%;
    text-align: left;
    background: #e6f5ff;
}


#page .page-wrap .page-section .exp .t3 table tr:first-child th:first-child {
    background: #efefef;
}

/*にきび　テーブル*/
#page .page-wrap .page-section .exp .acne-table table th {
    width: 30%;
    border-right: none;
    border-left: none;
    font-weight: 500;
    padding: 5px 10px;
    border-color: #d2d2d2;
}

#page .page-wrap .page-section .exp .acne-table table td {
    width: 70%;
    border-left: none;
    border-right: none;
    background: none;
    padding: 5px 10px;
    border-color: #d2d2d2;
}


/**/
#page .page-wrap .page-section .exp .botox-table table {
    table-layout: fixed;
    margin: 0 0 30px 0;
}

#page .page-wrap .page-section .exp .botox-table table th,#page .page-wrap .page-section .exp .botox-table table td {
    width: 10%;
    padding: 10px;
    font-size: 13px;
    line-height: 1.5;
    text-align: left;
}

#page .page-wrap .page-section .exp .botox-table table th:first-child {
    width: 14%;
}

span.line-yellow {
    background: linear-gradient(transparent 0%, #ffec00 0%);
    display: inline-block;
}

ul.botox-list {
    padding: 0;
    color: #ff9a01;
    font-weight: 600;
    font-size: 16px;
}

ul.botox-list li {
    margin: 0 0 20px 0;
}

ul.botox-list li h6 {
    color: #fe9a00;
    margin: 0 0 5px 0;
    font-size: 16px;
}

ul.botox-list li div > * {
    color: #414141;
    font-weight: 500;
    font-size: 14px;
}

#page .page-wrap .page-section .exp ul.list {
    margin-bottom: 10px;
}

#page .page-wrap .page-section .exp dl.detail {
    margin-bottom: 10px;
    line-height: 1.8;
}

#page .page-wrap .page-section .exp dl.detail dt {
    color: #532411;
    font-weight: bold;
    padding: 10px 20px;
    background-color: #f1e3c9;
    border: 1px solid #dfdfdf;
    border-bottom: none;
    font-size: 17px;
    overflow: hidden;
}

#page .page-wrap .page-section .exp dl.detail small.text-small span {
    color: #fff;
    background: #94cdd2;
    padding: 7px 9px;
    border-radius: 50px;
    margin: 0 4px 0 0;
}

#page .page-wrap .page-section .exp dl.detail small.text-small {
    font-size: 15px;
    color: #49a8b1;
}

#page .page-wrap .page-section .exp dl.detail dd {
    font-size: 16px;
    padding: 10px 20px;
    background-color: #fff;
    border: 1px solid #dfdfdf;
    border-top: none;
    margin-bottom: 20px;
}

#page .page-wrap .page-section .exp dl.detail dd.flex {
    display: flex;
    align-items: baseline;
}


#page .page-wrap .page-section .exp dl.detail dd.flex a.button {
    margin: 10px 0 0 40px;
}

#page .page-wrap .page-section .exp dl.detail dd:last-of-type {
    /* margin-bottom: 0; */
}

#page .page-wrap .page-section.lp img {
    vertical-align: bottom;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#page .page-wrap .page-section .exp dl.detail dd ol {
    list-style-type: disc;
    padding: 5px 10px 10px 30px;
    margin: 5px 0 0 0;
    background: #f8f7f4;
    border-radius: 10px;
}

#page .page-wrap .page-section .exp dl.detail .d_point {
    display: flex;
    margin: 0 0 10px 0;
    align-items: flex-start;
}

#page .page-wrap .page-section .exp dl.detail .d_point .ppoint-wrap {
    margin: 0;
}

#page .page-wrap .page-section .exp dl.detail .d_point .point-wrap {
    margin: 0;
    width: 70px;
}

#page .page-wrap .page-section .exp dl.detail .d_point .point-wrap .point {
    width: 100%;
    border-radius: 5px;
    background: #82b9bc;
    line-height: 1.5;
}

#page .page-wrap .page-section .exp dl.detail .d_point dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 88%;
}

#page .page-wrap .page-section .exp dl.detail .d_point dl li {
    margin: 0 0 0 20px;
    font-size: 14px;
}

#page .page-wrap .page-section.lp a:hover {
    opacity: .6
}

#page .page-wrap .page-section ul.lp-bn {
    margin-bottom: 20px;
}

#page .page-wrap .page-section ul.lp-bn li:nth-child(1) {
    float: left;
}

#page .page-wrap .page-section ul.lp-bn li:nth-child(2) {
    float: right;
}

#page .page-wrap .page-section ul.lp-bn li img {
    width: auto;
    height: auto;
}

#page .page-wrap .page-section ul.lp-bn li a:hover {
    opacity: .6;
}

#page .page-wrap .page-section .pd_point .point {
    color: #fff;
    background: #82b9bc;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 5px;
    text-align: center;
}

#page .page-wrap .page-section .txt-box.pd_point {
    display: flex;
    align-items: center;
    border-bottom: 1px dashed #ccc;
    padding: 0 0 15px 0;
}

#page .page-wrap .page-section .pd_wrap {
    width: 100%;
    display: block;
    margin: 0 auto 30px;
    float: left;
    /* border-bottom: 1px dashed #ccc; */
}

#page .page-wrap .page-section .txt-box.pd_point dl {
    display: flex;
    margin: 0 0 0 0x;
    flex-wrap: wrap;
    width: 73%;
}

#page .page-wrap .page-section .txt-box.pd_point dl li {
    margin: 0 0 0 20px;
}

#page .page-wrap .page-section .exp .price-table.datsumo table ul {
    list-style: disc;
    padding: 0 0 0 20px;
    display: flex;
    flex-wrap: wrap;
}

#page .page-wrap .page-section .exp .price-table.datsumo table ul li {
    margin: 0 9% 0 0;
    font-size: 15px;
}

#page .page-wrap .page-section .exp table small {
    font-size: 13px;
}

.price-table.datsumo {
}

#page .page-wrap .page-section .exp .price-table.datsumo table td {
    width: 30%;
    font-weight: 500;
    font-size: 15px;
}

#page .page-wrap .page-section .exp .price-table.datsumo {
    margin: 20px auto;
}

#page .page-wrap .page-section span.inyo b {
    display: block;
    background: #7b5454;
    padding: 4px 10px;
    color: #fff;
}

#page .page-wrap .page-section span.inyo a {
    display: block;
    border: none;
    padding: 15px 10px 0;
}

#page .page-wrap .page-section span.inyo a small {
    font-size: 80%;
    color: #888;
}

#page .page-wrap .page-section span.inyo {
    display: block;
    /* float: left; */
    border: 1px solid #7b5454;
    padding: 0 0 15px;
    margin: 0 0 30px 0;
    border-radius: 5px;
    overflow: hidden;
}

#page .page-wrap .page-section span.inyo a:last-child {
    padding: 7px 10px 0;
}

#page .page-wrap .page-section .men_ex_box {
    display: flex;
    margin: 20px auto 0;
    align-items: end;
}

#page .page-wrap .page-section .men_ex_box .img-box {
    width: 56%;
}

#page .page-wrap .page-section .men_ex_box p {
    width: 38%;
    margin: 0 0 0 4%;
}

#page .page-wrap .page-section .exp ul.checklist {position: relative;margin: 10px auto 0;}

#page .page-wrap .page-section .exp ul.checklist li:before {
    left: 0;
    content: "□";
    position: absolute;
    color: #795548;
}

#page .page-wrap .page-section .exp ul.checklist li {
    position: relative;
    padding: 0 0 0 20px;
    margin: 0 0 7px 0;
}

#page .page-wrap .page-section .exp .checklist-box p {
    border-bottom: 1px solid #7b5454;
    color: #7b5454;
    font-weight: 600;
    display: block;
}


/*== メンズ専用 ==*/
.formen-list dl {
    margin: 0 0 30px 0;
    border: 1px solid #35635a;
    border-radius: 5px;
}

.formen-list dl dt{
    position:relative;
    /* background: #35635a; */
    padding: 20px 20px;
    /* border: 1px solid #35635a; */
    cursor: pointer;
    transition: .3s;
    display: flex;
    align-items: center;
}

.formen-list dl dt.active{
    background: #35635a;
}
.formen-list dl dt:after {
    right: 2%;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
    left: auto;
    content: "+";
    position: absolute;
    background: #e4e4e4 center no-repeat;
    background-size: 11px;
    width: 25px;
    height: 25px;
    border-radius: 100px;
    box-sizing: border-box;
    padding: 0 5px;
    color: #35635a;
    font-size: 20px;
    line-height: 1;
    text-align: center;
    transition: .3s;
}

.formen-list  dl dt.active:after {
    transform: rotateZ(45deg) translateY(-50%);
    right: 3.5%;
    top: 46%;
    font-size: 21px;
    text-align: center;
}


.formen-list dl dt h5 {
    font-size: 1.2em;
    color: #35635a;
    cursor: pointer;
}

.formen-list dl dt.active h5 {
    color: #fff;
}

.formen-list dl dt small{
    padding: 0 0 0 16px;
    cursor: pointer;
}

.formen-list dl dt.active small{
    color:#fff;
}

.formen-list dl dd {
    background: #fff;
    padding: 30px 20px;
    border-radius: 0 0  5px 5px;
    display: none;
}

ul.formen_inner-lsit {
    display: grid;
    gap: 17px;
    grid-template-columns: 1fr 1fr;
}

#page .page-wrap .page-section ul.formen_inner-lsit li a {
    color: #35635a;
    border: none;
    display: block;
    text-decoration: none;
    padding: 7px;
    text-align: center;
    border-radius: 30px;
    background: #d3e9e4;
    font-weight: 600;
    /* box-shadow: 0px 0px 3px 2px #6cbaab; */
    transition: .3s;
}

#page .page-wrap .page-section ul.formen_inner-lsit li a:hover {
    background: #009688;
    color: #fff;
}

.formen-list {
    margin: 60px auto 0;
}

#page .page-wrap .page-section ul.formen_inner-lsit li a p {
    margin: 0;
    font-size: 14.4px;
}

#cmn-info-bar {
    text-align: center;
    width: 100%;
    height: 100px;
    background-color: #e6c588;
}

#cmn-info-bar ul li {
    /* float: left; */
}

#cmn-info {
    background-color: #fff;
    border-bottom: 1px solid #f0ede6;
}

#cmn-info ul li {
    float: left;
    text-align: center;
}

#cmn-info ul li .inner {
    padding: 40px;
    min-height: 345px;
}

#cmn-info ul li.resev, #cmn-info ul li.faq {
    width: 50%;
    border-left: 1px solid #f0ede6;
    border-bottom: 1px solid #f0ede6;
}

#cmn-info ul li.faq {
    border-right: 1px solid #f0ede6;
}

#cmn-info ul li.fb,#cmn-info ul li.misc {
    width: 50%;
    height: 600px;
    border-left: 1px solid #f0ede6;
}

#cmn-info ul li.tw {
    border-right: 1px solid #f0ede6;
    border-left: 1px solid #f0ede6;
}

#cmn-info ul li.misc {
    padding: 40px;
}

#cmn-info ul li.misc .wrap {
    background-color: #ebeced;
    padding: 20px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    max-width: 300px;
    margin: auto;
}

#cmn-info ul li#wait p {
    color: #bd0000;
    font-size: 13px;
    text-align: left;
    margin-top: 10px;
}

#cmn-info ul li .ttl h3 {
    color: #532411;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 30px;
}

#cmn-info ul li .ttl h3 span {
    color: #9d8b84;
    font-size: 11px;
    font-style: italic;
    display: block;
}

#cmn-info ul li .inner ul.link li {
    width: 215px;
    border: none;
    margin: 0 18px 20px 0;
}

#cmn-info ul li .inner ul.link li:nth-child(2n) {
    margin-right: 0;
}

#cmn-info ul li .inner ul.link li a {
    display: block;
}

#cmn-info ul li .inner ul.link li dl dt {
    width: 215px;
    height: 80px;
    background-color: #dfdfdf;
    margin-bottom: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#cmn-info ul li .inner ul.link li dl dt img {
    width: 100%;
    height: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#cmn-info ul li .inner ul.link li dl dd {
    text-align: left;
    padding-left: 20px;
    background: transparent url(library/img/icon/circle_arrow.png) 0 50% no-repeat;
}

#cmn-info ul li .inner ul.link li.doctorcube-footer dl dt {
    background: #fe7b00;
}

#cmn-info ul li .inner ul.link li.doctorcube-footer dl dt img {
    width: auto;
    max-width: 100%;
    padding: 15px 0;
}

#cmn-info ul li .inner ul.link li a small {
    font-size: 0.9em;
    text-align: left;
    display: block;
}

/* Home */
.home-section {
    padding: 50px 0 40px;
}

.home-section-ttl {
    text-align: center;
    margin-bottom: 40px;
}

.home-section-ttl h2 {
    color: #532411;
    font-size: 28px;
    font-weight: normal;
    line-height: 1.4;
    letter-spacing: 10px;
}

.home-section-ttl span {
    color: #9d8b84;
    font-size: 12px;
    letter-spacing: 2px;
}

#home-guidance ul li {
    float: left;
    height: 320px;
    margin: 0 20px 20px 0;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: rgba(0,0,0,0.1) 0px 0px 1px 1px;
    -webkit-box-shadow: rgba(0,0,0,0.1) 0px 0px 1px 1px;
    -moz-box-shadow: rgba(0,0,0,0.1) 0px 0px 1px 1px;
}

#home-guidance ul li:nth-child(4n) {
    margin-right: 0;
}

#home-guidance ul li a {
    width: 250px;
    padding: 20px;
    display: block;
}

#home-guidance ul li .thumb {
    width: 190px;
    height: 120px;
    margin: 10px;
    background-color: #dfdfdf;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#home-guidance ul li .thumb img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#home-guidance ul li dl dt {
    color: #532411;
    font-size: 15px;
    line-height: 1.4;
    padding-left: 20px;
    background: transparent url(library/img/icon/circle_arrow.png) 0 4px no-repeat;
    margin-bottom: 5px;
}

#home-guidance ul li dl dd {
    font-size: 12px;
}

#home-guidance .extra {
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: rgba(0,0,0,0.1) 0px 0px 1px 1px;
    -webkit-box-shadow: rgba(0,0,0,0.1) 0px 0px 1px 1px;
    -moz-box-shadow: rgba(0,0,0,0.1) 0px 0px 1px 1px;
}

#home-guidance .extra a {
    width: 100%;
    padding: 20px;
    display: block;
}

#home-guidance .extra .thumb {
    float: left;
    width: 480px;
    height: 180px;
    background-color: #dfdfdf;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#home-guidance .extra .thumb img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#home-guidance .extra dl {
    margin-left: 500px;
}

#home-guidance .extra dl dt {
    color: #532411;
    font-size: 18px;
    padding-left: 20px;
    background: transparent url(library/img/icon/circle_arrow.png) 0 50% no-repeat;
    margin-bottom: 10px;
}

#home-guidance .extra dl dd {
    font-size: 13px;
}

#home-guidance .extra.environ {
    padding: 20px;
    margin-top: 20px !important;
}

#home-guidance .extra.environ ul {
    float: left !important;
}

#home-guidance .extra.environ ul li {
    float: left !important;
    font-size: 12px !important;
    text-align: center !important;
    width: 230px !important;
    height: auto !important;
    margin: 0 20px 0 0 !important;
    background-color: transparent !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

#home-guidance .extra.environ ul li img {
    width: 230px;
    height: auto;
}

#home-guidance .extra.environ ul li a {
    padding: 0 !important;
}

#home-guidance .extra.environ dl dt {
    font-size: 14px !important;
    background: none !important;
    padding-left: 0 !important;
}

.line-c {
    position: fixed;
    right: 2%;
    bottom: 90px;
    z-index: 10;
    width: 64px;
}

.line-c.instafram-c {
    bottom: 175px;
    padding: 12px;
    background: #fff;
    border-radius: 40px;
}

/* 191114 */

.swiper-container {
    position: relative;
}
.slide-img {
    position: relative;
}

.top-slide-img {
    position: relative;
    padding: 0 3px;
}

.swiper-button-next, .swiper-button-prev {
    color: #fff;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    cursor:pointer;
}

.s-text {
    left: 0;
    right: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: auto;
    text-align: center;
    color: #fff;
    line-height: 2.5;
    font-size: 18px;
    padding: 0 1rem;
}

.s-text h3 img{
    text-align:center;
    display: block;
    margin: auto;
}

.s-text a {
    color: #fff;
    font-size: 13px;
    line-height: 3;
    letter-spacing: 1px;
    border: 1px solid #fff;
    width: 240px;
    height: 40px;
    display: inline-block;
}

.s-text p {
    margin: 50px auto 30px;
    letter-spacing: 3.5px;
    font-size: 25px;
}

#home-reserv-top {
    overflow: hidden;
    padding: 50px 0 0 0;
}

#home-reserv-top .reserv-top ul.reserv-list li {
    height: auto;
    background: none;
    box-shadow: none;
    width: 23%;
    float: left;
    float: left;
    margin: 0 20px 20px 0;
}

#home-reserv-top .reserv-top ul.reserv-list li a {
    width: 100%;
    padding: 0;
    float: left;
}

#home-reserv-top .reserv-top ul.reserv-list li dl dt {
    width: 100%;
    float: left;
    display: block;
    background: none;
    padding: 0;
    border-radius: 0;
}

#home-reserv-top .reserv-top ul.reserv-list li dl {
    width: 100%;
    float: left;
    clear: both;
}

#home-reserv-top ul.reserv-list {
    width: 100%;
    float: left;
}

#home-reserv-top .reserv-top ul.reserv-list li dl dt img {
    float: left;
    width: 100%;
    border-radius: 5px;
    box-sizing: border-box;
}

#home-reserv-top .reserv-top ul.reserv-list li dl dd {
    color: #532411;
    width: 100%;
    float: left;
    background: transparent url(library/img/icon/circle_arrow.png) 0 4px no-repeat;
    padding: 0 0 5px 20px;
}

#home-pickup-navi {
    min-width: 1060px;
    overflow: hidden;
}

#home-pickup-navi ul li {
    float: none;
    width: 100%;
}

#home-pickup-navi ul li:nth-child(odd) {
    background-color: #f6f2e9;
}

#home-pickup-navi ul li:nth-child(even) {
    background-color: #f4edde;
}

#home-pickup-navi ul li a {
    display: block;
}

#home-pickup-navi ul li .inner {
    //text-align: center;
    width: 530px;
    margin: 0 auto;
}

#home-pickup-navi ul li:nth-child(odd) .inner {
    padding: 40px 40px 40px 0;
}

#home-pickup-navi ul li:nth-child(even) .inner {
    float: left;
    padding: 40px 0 40px 40px;
}

#home-pickup-navi ul li .inner .thumb {
    float: left;
    width: 140px;
    height: 140px;
    margin: 0 20px 0 0;
    background-color: #dfdfdf;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#home-pickup-navi ul li .inner .thumb img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#home-pickup-navi ul li .inner dl {
    margin-bottom: 10px;
}

#home-pickup-navi ul li .inner dl dt {
    color: #532411;
    font-size: 20px;
}

#home-pickup-navi ul li .inner dl dd {
    color: #9d8b84;
    font-size: 11px;
    font-style: italic;
    letter-spacing: 1px;
}

#home-pickup-navi ul li .inner p.desc {
    color: #666;
    font-size: 13px;
}

#home-sdc {
    color: #fff;
    text-align: center;
    width: 100%;
    height: 680px;
    background: transparent url(library/img/home_sdc_bg.jpg) 50% 50% no-repeat;
    background-size: cover;
}

#home-sdc h3 {
    padding: 100px 0 80px;
}

#home-sdc p {
    font-size: 18px;
    line-height: 3;
    letter-spacing: 2px;
    margin-bottom: 50px;
}

#home-sdc .more-link a {
    color: #fff;
    font-size: 13px;
    line-height: 3;
    letter-spacing: 1px;
    border: 1px solid #fff;
    width: 240px;
    height: 40px;
    display: inline-block;
}

#home-campaign {
    width: 1060px;
    text-align: center;
    margin: 30px auto 40px;
}

#home-campaign .ttl {
    text-align: center;
    margin-bottom: 20px;
}

#home-campaign .ttl h3 {
    color: #532411;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 30px;
}

#home-campaign .ttl h3 span {
    color: #9d8b84;
    font-size: 11px;
    font-style: italic;
    display: block;
}

#home-campaign ul {
    text-align: left;
}

#home-campaign ul li {
    width: 330px;
    height: auto;
    margin: 10px 10px 0 10px;
    display: inline-block;
    position: relative;
}

#home-campaign ul.corona_column {
    display: flex;
    align-content: space-between;
}

#home-campaign ul.corona_column li {
    width: 100%;
}

#home-campaign ul.corona_column li.sp,#home-campaign ul.corona_column li img.sp {
    display: none;
}

#home-campaign ul li img {
    width: 100%;
    height: auto;
}

ul.cam04 {
    max-width: 850px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}

#home-campaign ul.cam04 li {
    margin: 0 3% 3% 0;
    width: 48.5%;
}

#home-campaign ul.cam04 li:nth-child(2n) {
    margin: 0 0 3% 0;
}

#home-campaign ul.top-info {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto 40px;
}

#home-campaign ul.top-info li {
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding: 10px;
    display: flex;
}

#home-campaign ul.top-info li a {
    width: 100%;
}

#home-campaign ul.top-info li .date {
    font-size: 13px;
    color: #e6c587;
    font-weight: 700;
}

#home-campaign ul.top-info li .title {
    padding: 6px 0 0 0;
    font-size: 16px;
}

#home-campaign ul.top-info li .wrapper {
  margin-top: 0;
  position:absolute;
  z-index: 1;
  top: -5%;
  left: -7px;
}

#home-campaign ul.top-info li .big-circle {
  margin: 0 auto;
  border-radius: 12px;
  width: 95px;
  height: 30px;
  background-color: #ff7400;
  position:relative;
}

#home-campaign ul.top-info li .big-circle span{
  position: absolute;
  left: 0;
  right: 0;
  top:50%;
  transform:translateY(-50%);
  text-align:center;
  color: #fff;
  line-height: 1;
  font-weight: 600;
  font-size: 16px;
}

#home-campaign ul.top-info li .big-circle:before {
  content:"";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 12px;
  width: 87%;
  height: 100%;
  background-color: hsl(31deg 97% 60% / 51%);
  animation: pulse 1.3s alternate infinite;
  z-index: -1;
}


@keyframes pulse {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.35);
  }
}



/* Clinic */
#clinic table.schedule {
    width: 100%;
    background-color: #fff;
    border: 2px solid #e6c588;
    margin-bottom: 20px;
}

#clinic table.schedule th, #clinic table.schedule td {
    font-size: 13px;
    text-align: center;
    padding: 10px;
    border: 1px solid #e6c588;
}

#clinic .imp {
    color: #bd0000;
}


.add_price {
    margin: 50px auto 20px;
}

.ap_wrap {
    margin: 0 0 20px 0;
    border-bottom: 1px dashed #795548;
    padding: 0 0 20px 0;
    font-size: 16px;
}

.ap_wrap dt {
    font-weight: 600;
    color: #795548;
    margin: 0 0 10px 0;
}



/* Guidance */
#guidance ul.gd-navi {
    display: flex;
    flex-wrap: wrap;
}

#guidance ul.gd-navi li {
    width: 32%;
    margin-right: 2%;
}

#guidance ul.gd-navi li:nth-child(3n) {
    margin-right: 0;
}

#guidance ul.gd-navi li:nth-child(3n) {
    margin-right: 0;
}

#guidance ul.gd-navi li a {
    display: block;
    border-bottom: none !important;
    /* height: 90%; */
    /* padding: 0 0 30px 0; */
    text-decoration: none !important;
    font-weight: 700;
    transition: .3s;
}

#guidance ul.gd-navi li a:hover {
    opacity: 0.8 !important;
}

#guidance ul.gd-navi li a dd {
    transition: .3s;
}

#guidance ul.gd-navi li a:hover dd {
    color: #e6c588;
}

#guidance ul.gd-navi li {
    height: auto;
    border-bottom: 1px dashed #e6c588;
    padding: 0 0 7px 0;
    display: block;
    margin-bottom: 30px;
}

#guidance ul.gd-navi li dl dt {
    width: 210px;
    height: 160px;
    background-color: #dfdfdf;
    margin-bottom: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#guidance ul.sd-navi li dl dt img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* Skin Disease */
#skin-disease ul.sd-navi li {
    float: left;
    width: 210px;
    margin-right: 15px;
}

#skin-disease ul.sd-navi li:nth-child(3n) {
    margin-right: 0;
}

#skin-disease ul.sd-navi li a {
    display: block;
}

#skin-disease ul.sd-navi li {
    height: 260px;
}

#skin-disease ul.sd-navi li dl dt {
    width: 210px;
    height: 160px;
    background-color: #dfdfdf;
    margin-bottom: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#skin-disease ul.sd-navi li dl dt img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* Staff */
#staff .director {
    margin-bottom: 30px;
}

#staff .director .pic {
    float: left;
    width: 260px;
    height: 260px;
    border: 5px solid #e6c588;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#staff .director .pic img {
    width: 100%;
    height: auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#staff .director .detail {
    float: right;
    width: 340px;
}

#staff .director .detail p.posi {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 1.6;
}

#staff .director .detail .ttl {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

#staff .director .detail .ttl h4 {
    font-size: 22px;
    font-weight: normal;
    line-height: 1;
    letter-spacing: 2px;
    margin-bottom: 5px;
}

#staff .director .detail .ttl span.en {
    color: #9d8b84;
    font-size: 11px;
    font-style: italic;
    letter-spacing: 2px;
}

#staff .director .detail p.message {
    font-size: 13px;
    line-height: 1.8;
}

#staff dl.timeline {
    margin-bottom: 30px;
}

#staff dl.timeline dt {
    color: #7b5454;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #9d8b84;
    margin-bottom: 10px;
}

#staff dl.timeline dd {
    letter-spacing: 1px;
    text-indent: 20px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 5px;
}

/* FAQ */
#faq ul.faq-archive li {
    float: left;
    width: 300px;
    height: 110px;
    margin: 0 30px 0 0;
}

#faq ul.faq-archive li a {
    display: block;
}

#faq ul.faq-archive li .thumb {
    float: left;
    width: 80px;
    height: 80px;
    background-color: #dfdfdf;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#faq ul.faq-archive li .thumb img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#faq ul.faq-archive li .ttl {
    float: right;
    width: 200px;
}

#faq .question {
    margin-bottom: 40px;
}

#faq .question p {
    color: #7b5454;
    font-size: 16px;
    font-weight: bold;
    line-height: 2 !important;
    margin-bottom: 10px !important;
}

#faq .answer {
    padding: 30px 30px 0 30px;
    border: 1px solid #efefef;
    background-color: #fafafa;
    margin-bottom: 40px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#faq .answer .thumb {
    float: left;
    width: 82px;
    height: 82px;
    background-color: #dfdfdf;
    border: 1px solid #ccc;
    margin: 0 30px 30px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#faq .answer .thumb img {
    width: 80px;
    height: 80px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* Column */
#column_side,.single_coulumn {
    display: none;
}

#column ul.column-archive li {
    float: left;
    width: 100%;
    margin: 0;
}

#column ul.column-archive li a {
    display: block;
    padding: 10px 0;
    text-decoration: none !important;
}

#column ul.column-archive li .thumb {
    float: left;
    width: 80px;
    height: 80px;
    background-color: #dfdfdf;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#column ul.column-archive li .ttl {
    width: 100%;
    margin: 0 auto 20px;
}

#column ul.column-archive li .ttl a span {
    text-decoration: inherit !important;
    color: #e6c588;
    display: block;
}

#column ul.column-archive li .ttl a span.datenew {
    display: flex;
}

#column ul.column-archive li .ttl a .column_top span.date {
    display: inline-block;
}

#column ul.column-archive li .ttl a span.datenew .entry-icon-new {
    margin: 0 0 0 15px;
    background: #ff9a01;
    padding: 0px 7px;
    color: #fff;
}

#column ul.column-archive li .ttl a .column_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#column ul.column-archive li .ttl a .column_top .column_cat {
    margin: 0 0 0 20px;
    border: 1px solid;
}

#column ul.column-archive li .ttl a span.culumn_cat {
    border: 1px solid;
    padding: 1px 7px;
    margin: 0 0 0 10px;
}

#column ul.column-archive li a h4 {
    margin: 0 auto !important;
    padding: 6px 0 0px;
    font-size: 16px !important;
    font-weight: 500 !important;
}

/* ナビゲーション================== */
.wp-pagenavi {
    margin: 20px auto;
    text-align: center;
}

.wp-pagenavi a {
    display: inline-block;
    width: 50px;
    margin: 0 5px 0 0 !important;
    background: #efe8d3;
    text-align: center;
    text-decoration: none !important;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 500;
    color: #272727;
    border: none !important;
    font-size: 14px;
    padding: 13px 0 !important;
}

.wp-pagenavi span.current, .wp-pagenavi span.extend {
    display: inline-block;
    color: #ffffff;
    width: 50px;
    margin: 0 5px 0 0;
    background: #7b5353;
    text-align: center;
    text-decoration: none;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 500;
    border: none;
    font-size: 14px;
    vertical-align: top;
    font-weight: 500;
    padding: 13px 0;
}

.wp-pagenavi span.extend {
    border: 1px solid #2c2d2e;
}

span.pages {
    display: none;
}

a.nextpostslink {
    margin: 0 !important;
}

.wp-pagenavi a:hover {
    background: #e0d4b1;
}

#column_side {
    display: none;
}

/* Inquiry */
#inquiry table#inquiry-form {
    width: 100%;
    margin-bottom: 20px;
}

#inquiry table#inquiry-form th, #inquiry table#inquiry-form td {
    padding: 10px 20px;
    border: 1px solid #dfdfdf;
}

#inquiry table#inquiry-form th {
    font-size: 12px;
    font-weight: normal;
    text-align: right;
    background-color: #fafafa;
    vertical-align: middle;
}

#inquiry .submit {
    text-align: center;
    margin-bottom: 20px;
}

#inquiry .submit img {
    width: auto !important;
    height: auto !important;
}

#inquiry .submit input[type="submit"] {
    color: #fff;
    border: none;
    font-size: 14px;
    padding: 15px 60px;
    background-color: #7b5454;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#inquiry .submit input[type="submit"]:hover {
    opacity: .8;
}

#inquiry .submit input[type="submit"]:active {
    margin-top: 2px;
}

/* reserve */
#reserve table#reserve-form {
    width: 100%;
    margin-bottom: 20px;
}

#reserve table#reserve-form th, #reserve table#reserve-form td {
    padding: 10px 20px;
    border: 1px solid #dfdfdf;
}

#reserve table#reserve-form th {
    font-size: 12px;
    font-weight: normal;
    text-align: right;
    background-color: #fafafa;
    vertical-align: middle;
    width: 38%;
}

#reserve .submit {
    text-align: center;
    margin-bottom: 20px;
}

#reserve .submit img {
    width: auto !important;
    height: auto !important;
}

#reserve .submit input[type="submit"] {
    color: #fff;
    border: none;
    font-size: 14px;
    padding: 15px 60px;
    background-color: #7b5454;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#reserve .submit input[type="submit"]:hover {
    opacity: .8;
}

#reserve .submit input[type="submit"]:active {
    margin-top: 2px;
}

#reserve span.wpcf7-list-item {
    float: left;
}

/* Diagnosis */
#diagnosis .parts-desc {
    text-align: center;
}

#diagnosis .parts-desc .logo {
    margin-bottom: 40px;
}

#diagnosis .parts-desc h3 {
    color: #7b5454;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 20px;
}

#diagnosis .parts-desc p {
    font-size: 16px;
    line-height: 2;
    letter-spacing: 1px;
    margin-bottom: 60px;
}

#diagnosis .parts-desc h4 {
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 2px;
    padding-top: 60px;
    border-top: 1px solid #dfdfdf;
    margin-bottom: 80px;
}

#diagnosis .parts-selector {
    width: 1060px;
    height: 1020px;
    //background: transparent url(library/img/diagnosis/mannequin_bg.png) 50% 22% no-repeat;
    //background-size: 490px auto;
    background: transparent url(library/img/diagnosis/faq_bg.jpg) 50% 50% no-repeat;
    background-size: cover;
    margin-bottom: 100px;
    position: relative;
}

#diagnosis .parts-selector .mannequin {
    text-align: center;
    width: 1060px;
    height: 1020px;
}

#diagnosis .parts-selector .mannequin img {
    position: relative;
    z-index: 20;
}

#diagnosis .parts-selector .male h4 {
    color: #60b0d2;
    font-size: 26px;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    left: 65px;
    top: 0;
}

#diagnosis .parts-selector .male h4:after {
    color: #60b0d2;
    font-size: 18px;
    content: "?";
    position: absolute;
    top: 40px;
    left: 60px;
}

#diagnosis .parts-selector .male .parts {
    width: 260px;
    height: 60px;
    background-color: #60b0d2;
    position: absolute;
    left: 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1;
}

#diagnosis .parts-selector .male .parts:hover {
    -webkit-border-radius: 30px 0 0 30px;
    -moz-border-radius: 30px 0 0 30px;
    border-radius: 30px 0 0 30px;
    opacity: 1;
}

#diagnosis .parts-selector .male .head {
    top: 80px;
}

#diagnosis .parts-selector .male .head:hover {
    width: 510px;
}

#diagnosis .parts-selector .male .upper {
    top: 230px;
}

#diagnosis .parts-selector .male .upper:hover {
    width: 460px;
}

#diagnosis .parts-selector .male .arms {
    top: 330px;
}

#diagnosis .parts-selector .male .arms:hover {
    width: 380px;
}

#diagnosis .parts-selector .male .lower {
    top: 500px;
}

#diagnosis .parts-selector .male .lower:hover {
    width: 480px;
}

#diagnosis .parts-selector .male .legs {
    top: 720px;
}

#diagnosis .parts-selector .male .legs:hover {
    width: 480px;
}

#diagnosis .parts-selector .male .parts a {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    padding-top: 13px;
    width: 260px;
    height: 60px;
    background-color: #60b0d2;
    display: block;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

#diagnosis .parts-selector .male .parts a span {
    font-size: 10px;
    margin-top: 5px;
    display: block;
}

#diagnosis .parts-selector .male .parts a:hover {
    opacity: 1;
}

#diagnosis .parts-selector .female h4 {
    color: #e57d9d;
    font-size: 26px;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    right: 65px;
    top: 0;
}

#diagnosis .parts-selector .female h4:after {
    color: #e57d9d;
    font-size: 18px;
    content: "?";
    position: absolute;
    top: 40px;
    left: 60px;
}

#diagnosis .parts-selector .female .parts {
    width: 260px;
    height: 60px;
    background-color: #e57d9d;
    position: absolute;
    right: 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1;
}

#diagnosis .parts-selector .female .parts:hover {
    -webkit-border-radius: 0 30px 30px 0;
    -moz-border-radius: 0 30px 30px 0;
    border-radius: 0 30px 30px 0;
    opacity: 1;
}

#diagnosis .parts-selector .female .parts a {
    float: right;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    padding-top: 13px;
    width: 260px;
    height: 60px;
    background-color: #e57d9d;
    display: block;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

#diagnosis .parts-selector .female .head {
    top: 80px;
}

#diagnosis .parts-selector .female .head:hover {
    width: 510px;
}

#diagnosis .parts-selector .female .upper {
    top: 230px;
}

#diagnosis .parts-selector .female .upper:hover {
    width: 500px;
}

#diagnosis .parts-selector .female .arms {
    top: 330px;
}

#diagnosis .parts-selector .female .arms:hover {
    width: 420px;
}

#diagnosis .parts-selector .female .lower {
    top: 500px;
}

#diagnosis .parts-selector .female .lower:hover {
    width: 490px;
}

#diagnosis .parts-selector .female .legs {
    top: 720px;
}

#diagnosis .parts-selector .female .legs:hover {
    width: 480px;
}

#diagnosis .parts-selector .female .parts a span {
    font-size: 10px;
    margin-top: 5px;
    display: block;
}

#diagnosis .parts-selector .female .parts a:hover {
    opacity: 1;
}

#diagnosis .main-visual {
    text-align: center;
    margin-bottom: 80px;
}

#diagnosis .main-visual img {
    width: 100%;
    max-width: 1200px;
    height: auto;
}

#diagnosis .expl {
    margin-bottom: 100px;
}

#diagnosis .expl .container {
    width: 980px;
}

#diagnosis .expl .container .image {
    float: left;
}

#diagnosis .expl .container h3 {
    font-size: 30px;
    font-family: "???","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","?? ??",serif;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 1.6;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 40px;
}

#diagnosis .expl .container .detail {
    float: right;
    width: 570px;
}

#diagnosis .expl .container .detail h3 {
    text-align: left;
}

#diagnosis .expl .container .detail p {
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 1.8;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 40px;
}

#diagnosis .expl .container .detail p:last-of-type {
    margin-bottom: 0;
}

#diagnosis .diag-ttl {
    text-align: center;
    margin-bottom: 60px;
}

#diagnosis .diag-ttl h3 {
    color: #704a4a;
    font-size: 32px;
    font-family: "???","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","?? ??",serif;
    font-weight: normal;
    letter-spacing: 8px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 10px;
}

#diagnosis .diag-ttl .en {
    color: #999;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 2px;
    -webkit-font-smoothing: antialiased;
}

#diagnosis .treatment {
    padding: 120px 0;
    background: transparent url(library/img/diagnosis/treatment_bg.jpg) 50% 50% no-repeat;
    background-size: cover;
}

#diagnosis .treatment .container {
    width: 980px;
}

#diagnosis .treatment .container .heading {
    font-size: 32px;
    font-family: "???","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","?? ??",serif;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 40px;
    text-align: center;
}

#diagnosis .treatment .container ul li {
    padding: 40px 60px;
    background-color: rgba(255,255,255,.35);
    border: 1px solid #ccc;
    margin-bottom: 40px;
}

#diagnosis .treatment .container ul li:last-child {
    margin-bottom: 0;
}

/*
#diagnosis .treatment .container ul li dl dt {
	color: #704a4a;
	font-size: 22px;
	letter-spacing: 3px;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 40px;
}
*/
#diagnosis .treatment .container ul li dl dt {
    color: #704a4a;
    font-size: 28px;
    font-family: "???","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","?? ??",serif;
    letter-spacing: 3px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    padding: 20px 0 50px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 40px;
}

#diagnosis .treatment .container ul li dl dd .thumb {
    float: right;
    margin: 0 0 40px 40px;
}

#diagnosis .treatment .container ul li dl dd .thumb img {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#diagnosis .treatment .container ul li dl dd h4 {
    color: #704a4a;
    font-size: 18px;
    letter-spacing: 1px;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 5px;
}

#diagnosis .treatment .container ul li dl dd p {
    font-size: 15px;
    letter-spacing: 1px;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 20px;
}

//#diagnosis .treatment .container ul li dl dd p:last-of-type {
    margin-bottom: 0;
}

#diagnosis .treatment .container ul li dl dd ul.pt li {
    color: #704a4a;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.6;
    padding: 0;
    background: no-repeat;
    border: none;
    margin-bottom: 10px;
}

#diagnosis .treatment .container ul li dl dd ul.pt li a {
    color: #704a4a;
    text-decoration: underline;
}

#diagnosis .treatment .container ul li dl dd ul.pt li a:hover {
    text-decoration: none;
}

#diagnosis .faq {
    padding: 120px 0;
    background-color: #f1f0ea;
}

#diagnosis .faq .container {
    width: 820px;
}

#diagnosis .faq .container .qa {
    margin-bottom: 40px;
}

#diagnosis .faq .container .qa:last-of-type {
    margin-bottom: 0;
}

#diagnosis .faq .container .qa dt {
    font-size: 18px;
    font-family: "???","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","?? ??",serif;
    letter-spacing: 1px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    padding: 20px 40px;
    background-color: #ebe7e5;
    cursor: pointer;
}

#diagnosis .faq .container .qa dd {
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    padding: 20px 40px;
    background-color: #f9f9f7;
    display: none;
}

#diagnosis .method {
    padding: 120px 0;
    background-color: #f7f6f2;
}

#diagnosis .method .container {
    width: 980px;
}

#diagnosis .method .container .desc {
    font-size: 18px;
    letter-spacing: 3px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 70px;
}

#diagnosis .method .container .items li {
    float: left;
    text-align: center;
    width: 230px;
    margin-right: 20px;
}

#diagnosis .method .container .items li:last-child {
    margin-right: 0;
}

#diagnosis .method .container .items li.full {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

#diagnosis .method .container .items li.full .thumb {
    width: 100%;
    height: auto;
}

#diagnosis .method .container .items li.full .thumb img {
    width: 100%;
    height: auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#diagnosis .method .container .items li .thumb {
    width: 230px;
    height: 230px;
    background-color: #fff;
    margin-bottom: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#diagnosis .method .container .items li dl dt {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1.4;
    -webkit-font-smoothing: antialiased;
}

#diagnosis .method .container .items li dl dd {
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1.4;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 15px;
}

#diagnosis .method .container .items li .btn a {
    color: #fff;
    font-size: 14px;
    line-height: 40px;
    letter-spacing: 1px;
    height: 40px;
    background-color: #704a4a;
    display: block;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

#diagnosis #faq {
    text-align: center;
    background: transparent url(library/img/diagnosis/faq_bg.jpg) 50% 50% no-repeat;
    background-size: cover;
    width: 100%;
    padding: 50px;
    min-height: 800px;
    margin-bottom: 100px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#diagnosis #faq.male {
    background: transparent url(library/img/diagnosis/faq_bg2.jpg) 50% 0 no-repeat;
}

#diagnosis #faq h3 {
    font-size: 26px;
    -webkit-font-smoothing: antialiased;
}

#diagnosis #faq h3:after {
    font-size: 18px;
    content: "?";
    display: block;
}

#diagnosis #faq.male h3 {
    color: #60b0d2;
}

#diagnosis #faq.female h3 {
    color: #e57d9d;
}

#diagnosis #faq .qsec {
    display: none;
}

#diagnosis #faq .qsec h4 {
    color: #414141;
    font-size: 26px;
    font-weight: bold;
    padding-bottom: 20px;
    border-bottom: 1px solid #efefef;
    margin-bottom: 40px;
}

#diagnosis #faq .qsec ul li {
    float: left;
    width: calc(50% - 10px);
    margin-right: 20px;
    margin-bottom: 40px;
}

#diagnosis #faq .qsec ul li:nth-child(2n) {
    margin-right: 0;
}

#diagnosis #faq .qsec ul li a {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    line-height: 70px;
    -webkit-font-smoothing: antialiased;
    height: 80px;
    display: block;
}

#diagnosis #faq .qsec.first {
    display: block;
}

#diagnosis #faq.male .qsec ul li a {
    color: #60b0d2;
    border: 5px solid #60b0d2;
}

#diagnosis #faq.female .qsec ul li a {
    color: #e57d9d;
    border: 5px solid #e57d9d;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
}

#diagnosis #rsv {
    color: #fff;
    text-align: center;
    width: 100%;
    padding: 120px 0;
    background: transparent url(library/img/home_sdc_bg.jpg) 50% 90% no-repeat;
    background-size: cover;
}

#diagnosis #rsv .more-link {
    margin-bottom: 40px;
}

#diagnosis #rsv .more-link a {
    color: #fff;
    font-size: 26px;
    line-height: 60px;
    letter-spacing: 2px;
    width: 100%;
    max-width: 380px;
    height: 60px;
    background-color: #704a4a;
    background-color: #ff9a00;
    display: block;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 30px;
    display: inline-block;
}

#diagnosis #rsv p {
    font-size: 16px;
    line-height: 2;
    letter-spacing: 1px;
}

#sitemap dl {
    margin-bottom: 20px;
}

#sitemap dl dt {
    font-size: 16px;
}

#sitemap dl dt:before {
    color: #7b5454;
    content: "";
    width: 13px;
    height: 13px;
    display: inline-block;
    padding: 0 0 0 0;
    margin: 0 3px 0 0;
    background-color: #7b5454;
}

#sitemap dl dd:before {
    color: #7b5454;
    /* content: "?"; */
    font-size: 10px;
    margin: 0 5px 0 0;
}

#recruit .cmmt li {
    margin-bottom: 20px;
}

#recruit .cmmt li .thumb {
    float: left;
    width: 60px;
}

#recruit .cmmt li .body {
    padding-left: 80px;
}

#recruit .cmmt li .body dl {
    margin-bottom: 5px;
}

#recruit .cmmt li .body dl dt {
    font-weight: bold;
    line-height: 1.4;
    font-size: 14px;
    color: #949494;
}

#recruit .cmmt li .body dl dd {
    font-weight: bold;
    line-height: 1.4;
    font-size: 18px;
    margin: 5px 0 10px 0;
}

#recruit .cmmt li .body dl dd small {
    font-size: 14px;
}

#recruit .cmmt li .body p {
    font-size: 14px;
    line-height: 1.4;
}

#recruit h4 img {
    width: auto !important;
    height: auto !important;
}

#recruit table#inquiry-form {
    width: 100%;
    margin-bottom: 20px;
}

#recruit table#inquiry-form th, #recruit table#inquiry-form td {
    padding: 10px 20px;
    border: 1px solid #dfdfdf;
}

#recruit table#inquiry-form th {
    font-size: 12px;
    font-weight: normal;
    width: 150px;
    text-align: right;
    background-color: #fafafa;
    vertical-align: middle;
}

#recruit table#inquiry-form td.bd input {
    width: 50px;
}

#recruit .submit {
    text-align: center;
    margin-bottom: 20px;
}

#recruit .submit img {
    width: auto !important;
    height: auto !important;
}

#recruit .submit input[type="submit"] {
    color: #fff;
    border: none;
    font-size: 14px;
    padding: 15px 60px;
    background-color: #7b5454;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#recruit .submit input[type="submit"]:hover {
    opacity: .8;
}

#recruit .submit input[type="submit"]:active {
    margin-top: 2px;
}

#recruit .red {
    color: #ff0000;
}

#recruit dl.req {
    font-size: 12px;
    padding: 20px;
    border: 1px solid #dfdfdf;
    background-color: #fafafa;
    margin-bottom: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#recruit dl.req dt {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dfdffd;
}

.recruit-comment ul li {
    border: 1px solid #de7194;
    margin: 60px 0 0 0;
    padding: 40px 30px 10px;
    border-radius: 10px;
    position: relative;
}

.recruit-comment {
    margin: 0 0 60px 0;
}

.recruit-comment ul li h6 {
    margin: 0;
    background: #fff;
    display: inline-block;
    color: #de7194;
    font-size: 16px;
    border: 1px solid;
    border-radius: 30px;
    padding: 6px 40px 4px;
    position: absolute;
    top: -17px;
    box-shadow: 3px 3px 1px #f8cdda;
}

#recruit .flow-day h5 {
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: 500;
    background: #de7194;
    padding: 10px 10px;
    color: #fff;
    border-radius: 10px;
}

#recruit .flow-wrap {
    margin: 20px auto 0;
}

#recruit .flow-wrap .flow-list {
    overflow: hidden;
}

#recruit ul.flow-list li .time {
    font-size: 17px;
    color: #de7194;
    font-weight: 600;
    position: relative;
}

#recruit ul.flow-list li .flow-txt:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: rgb(222 113 148 / 68%);
    border-radius: 100%;
    left: 0;
    top: 6px;
    z-index: 1;
}

#recruit ul.flow-list li .f-img-box {
    width: 45%;
    max-width: 280px;
    position: relative;
}

#recruit ul.flow-list li .f-img-box img {
    border-radius: 0;
    padding: 6px;
    background: #fff;
}

#recruit ul.flow-list li {
    position: relative;
    /* overflow: hidden; */
    margin: 0 0 40px 0;
}

#recruit ul.flow-list li .flow-txt:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100vh;
    /* background: #e0bac7; */
    top: 17px;
    left: 10px;
    border-left: 1px dashed #928287;
    z-index: 0;
}

#recruit ul.flow-list li .flow-flex {
    display: flex;
    /* align-items: center; */
    position: relative;
}

#recruit ul.flow-list li .flow-flex .flow-txt {
    width: 70%;
    position: relative;
    margin: 0 0 0 4%;
    padding: 0 0 0 35px;
}

#recruit ul.flow-list li .flow-flex .flow-txt h6 {
    font-size: 16px;
    margin: 10px auto 0;
}

#recruit ul.flow-list li .flow-flex:before {
    content: "";
    position: absolute;
    width: 173px;
    height: 100vh;
    background: #f7e3e9;
    left: 30.5%;
    z-index: 0;
    top: 0;
}

#recruit ul.flow-list li:first-child {
    padding: 60px 0 0 0;
}

#recruit ul.flow-list li:first-child .flow-flex:before {
    top: -60px;
}

/* Female Pattern Alopecia */
#female-pattern-alopecia .navigation {
    padding: 10px 0 20px;
}

#female-pattern-alopecia .navigation ul.cnavi {
    float: left;
    font-size: 0;
    text-align: center;
    margin-left: 40px;
}

#female-pattern-alopecia .navigation ul.cnavi li {
    margin-right: 20px;
    display: inline-block;
}

#female-pattern-alopecia .navigation ul.cnavi li a {
    font-size: 13px;
}

#female-pattern-alopecia .navigation ul.cnavi li:first-child a {
    color: #fe5757;
}

#female-pattern-alopecia .navigation ul.cnavi li:last-child a {
    color: #fe57cd;
}

#female-pattern-alopecia .navigation ul.pnavi {
    float: right;
    font-size: 0;
    text-align: center;
    margin-right: 40px;
}

#female-pattern-alopecia .navigation ul.pnavi li {
    margin-left: 10px;
    display: inline-block;
}

#female-pattern-alopecia .navigation ul.pnavi li a {
    color: #fff;
    font-size: 13px;
    text-align: center;
    line-height: 25px;
    width: 150px;
    height: 25px;
    display: block;
}

#female-pattern-alopecia .navigation ul.pnavi li:first-child a {
    background-color: #ff8dbd;
}

#female-pattern-alopecia .navigation ul.pnavi li:last-child a {
    background-color: #8d9dff;
}

#female-pattern-alopecia .main {
    min-height: 385px;
    background: transparent url(library/img/aga2016/female/main_bg.jpg) 50% 100% no-repeat;
    background-size: cover;
}

#female-pattern-alopecia .main .inner {
    padding: 70px 40px 0;
}

#female-pattern-alopecia .main .inner h3 {
    color: #f18bd1;
    font-size: 30px;
    font-weight: normal;
    line-height: 1;
    letter-spacing: 2px;
    margin-left: 30px;
    margin-bottom: 30px;
}

#female-pattern-alopecia .main .inner p {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 10px;
}

#female-pattern-alopecia .main .inner p.red {
    color: #e72213;
    font-size: 18px;
    font-family: "???","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","?? ??",serif;
    letter-spacing: 1px;
    -webkit-font-smoothing: antialiased;
}

#female-pattern-alopecia .part-ttl {
    background: url(library/img/aga2016/aga-c01.png) no-repeat 40px 50px #f8f6f6;
    padding: 61px 0 0 100px;
    box-sizing: border-box;
    height: 140px;
    color: #755041;
    font-size: 21px;
    font-weight: normal;
    line-height: 1;
}

#female-pattern-alopecia .part-ttl span {
    font-size: 10px;
    font-weight: normal;
    display: inline-block;
    padding-left: 25px;
    vertical-align: middle;
}

#female-pattern-alopecia .cause .inner {
    padding: 50px 40px 0;
    min-height: 340px;
    background: transparent url(library/img/aga2016/female/cause_bg.jpg) 50% 0 no-repeat;
    background-size: cover;
}

#female-pattern-alopecia .cause .inner p {
    margin-bottom: 10px;
}

#female-pattern-alopecia .cause .inner ul {
    margin-bottom: 10px;
}

#female-pattern-alopecia .cause .inner ul li {
    color: #243ac3;
    font-size: 16px;
}

#female-pattern-alopecia .trouble .inner {
    padding: 50px 30px 0;
}

#female-pattern-alopecia .trouble .inner h4 {
    color: #ff8f35;
    font-size: 24px;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    margin-bottom: 10px;
}

#female-pattern-alopecia .trouble .inner .sub {
    color: #8a8a8a;
    font-size: 18px;
    text-align: center;
    margin-bottom: 30px;
}

#female-pattern-alopecia .trouble .inner ul li {
    float: left;
    width: 200px;
    margin-right: 20px;
    margin-bottom: 50px;
}

#female-pattern-alopecia .trouble .inner ul li .thumb {
    margin-bottom: 20px;
}

#female-pattern-alopecia .trouble .inner ul li dl dt {
    color: #ff8f35;
    font-size: 18px;
    line-height: 1;
    text-align: center;
    margin-bottom: 10px;
}

#female-pattern-alopecia .trouble .inner ul li dl dt.fix {
    letter-spacing: -3px;
}

#female-pattern-alopecia .trouble .inner ul li dl dd {
    color: #fff;
    font-size: 12px;
    line-height: 1.6;
    height: 150px;
    padding: 10px;
    background-color: #ffb76a;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#female-pattern-alopecia .shampoo {
    position: relative;
}

#female-pattern-alopecia .shampoo .inner ul.mv {
    margin-bottom: 40px;
}

#female-pattern-alopecia .shampoo .inner ul.mv li {
    float: left;
}

#female-pattern-alopecia .shampoo .secttl {
    margin-bottom: 20px;
}

#female-pattern-alopecia .shampoo .secttl img {
    float: left;
}

#female-pattern-alopecia .shampoo ul.flow {
    padding: 0 40px;
}

#female-pattern-alopecia .shampoo ul.flow li {
    float: left;
    width: 210px;
    height: 400px;
    margin-right: 15px;
}

#female-pattern-alopecia .shampoo ul.flow li:nth-child(3n) {
    margin-right: 0;
}

#female-pattern-alopecia .shampoo ul.flow li dl {
    height: 70px;
    position: relative;
}

#female-pattern-alopecia .shampoo ul.flow li dl dt {
    color: #e73c76;
    font-size: 60px;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
}

#female-pattern-alopecia .shampoo ul.flow li dl dd {
    color: #e73c76;
    font-size: 18px;
    line-height: 1.2;
    padding: 5px 0 0 40px;
}

#female-pattern-alopecia .shampoo ul.flow li p {
    font-size: 12px;
    line-height: 1.4;
}

#female-pattern-alopecia .shampoo ul.flow li p span {
    color: #e73c76;
}

#female-pattern-alopecia .shampoo .notice {
    width: 430px;
    padding: 20px;
    background-color: #ffe0ea;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#female-pattern-alopecia .shampoo .notice dl dt {
    color: #e73c76;
    font-size: 16px;
}

#female-pattern-alopecia .shampoo .notice dl dd {
    font-size: 12px;
    line-height: 1.4;
    margin-bottom: 10px;
}

#female-pattern-alopecia .shampoo .notice {
    position: absolute;
    right: 40px;
    bottom: 110px;
}

#female-pattern-alopecia .qa .inner {
    padding: 30px 30px 0;
}

#female-pattern-alopecia .qa .inner h4 {
    color: #ec5d8d;
    font-size: 18px;
    margin-bottom: 40px;
}

#female-pattern-alopecia .qa .inner dl dt {
    color: #ff5c2a;
    font-size: 18px;
    line-height: 44px;
    text-align: center;
    height: 50px;
    border: 3px solid #ff5c2a;
    margin-bottom: 20px;
}

#female-pattern-alopecia .qa .inner dl dd {
    margin-bottom: 40px;
}

#female-pattern-alopecia .qa .inner dl dd p {
    font-size: 13px;
    line-height: 1.4;
}

#female-pattern-alopecia .qa .inner dl dd:nth-of-type(odd) .thumb {
    float: right;
    margin-left: 30px;
}

#female-pattern-alopecia .qa .inner dl dd:nth-of-type(even) .thumb {
    float: left;
    margin-right: 30px;
}

#female-pattern-alopecia .main2 {
    min-height: 240px;
    background: transparent url(library/img/aga2016/female/main2_bg.jpg) 0 100% no-repeat;
    background-size: cover;
}

#female-pattern-alopecia .main2 .inner {
    padding: 100px 40px 0;
}

#female-pattern-alopecia .main2 .inner h3 {
    color: #ff5c2a;
    font-size: 30px;
    font-weight: normal;
    line-height: 1;
    letter-spacing: 2px;
    margin-left: 30px;
    margin-bottom: 30px;
}

#female-pattern-alopecia .diffuse .inner {
    padding: 50px 0 0;
    min-height: 340px;
}

#female-pattern-alopecia .diffuse .inner h4 {
    color: #755041;
    font-size: 21px;
    font-weight: normal;
    padding-left: 40px;
    margin-bottom: 20px;
}

#female-pattern-alopecia .diffuse .inner .img1 {
    padding: 20px;
    background: transparent url(library/img/aga2016/female/diffuse_bg.jpg) 50% 50% no-repeat;
    margin-bottom: 20px;
}

#female-pattern-alopecia .diffuse .inner p {
    padding: 0 60px;
}

#female-pattern-alopecia .diffuse .inner p span {
    color: #ff8282;
}

#female-pattern-alopecia .diffuse .inner .img1 {
    padding: 20px;
    background: transparent url(library/img/aga2016/female/diffuse_bg.jpg) 50% 50% no-repeat;
    margin-bottom: 20px;
}

#female-pattern-alopecia .diffuse .inner .img2 {
    padding: 0 20px;
    background: transparent url(library/img/aga2016/female/diffuse_bg2.jpg) 50% 50% no-repeat;
    margin-bottom: 40px;
}

#female-pattern-alopecia .diffuse .inner .img2 ul {
    padding: 0 60px;
}

#female-pattern-alopecia .diffuse .inner .img2 ul li {
    color: #ff8282;
}

#female-pattern-alopecia .pantogar h3 {
    color: #f6455e;
    font-size: 36px;
    font-weight: normal;
    padding-left: 40px;
}

#female-pattern-alopecia .pantogar h3 span {
    font-size: 24px;
}

#female-pattern-alopecia .pantogar .inner {
    padding: 0 40px;
}

#female-pattern-alopecia .pantogar .img1 {
    margin-bottom: 20px;
}

#female-pattern-alopecia .pantogar p {
    margin-bottom: 20px;
}

#female-pattern-alopecia .pantogar p span {
    color: #ff8a8a;
}

#female-pattern-alopecia .pantogar h4 {
    color: #755041;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 20px;
}

#female-pattern-alopecia .pantogar table {
    width: 100%;
    margin-bottom: 40px;
}

#female-pattern-alopecia .pantogar table th, #female-pattern-alopecia .pantogar table td {
    font-size: 13px;
    line-height: 1.2;
    padding: 10px;
    border: 1px solid #333;
}

#female-pattern-alopecia .pantogar table th {
    vertical-align: middle;
    width: 160px;
}

#female-pattern-alopecia .pantogar ul.flow {
    margin-bottom: 40px;
}

#female-pattern-alopecia .pantogar ul.flow li {
    float: left;
    text-align: center;
    margin-right: 45px;
}

#female-pattern-alopecia .pantogar ul.flow li:nth-child(3n) {
    margin-right: 0;
}

#female-pattern-alopecia .pantogar ul.flow li .thumb {
    margin-bottom: 10px;
}

#female-pattern-alopecia .pantogar ul.flow li p {
    font-size: 18px;
}

#female-pattern-alopecia .pantogar .graph {
    margin-bottom: 40px;
}

/* ???? */
#female-pattern-alopecia .other {
    background: url(library/img/aga2016/aga2-17.jpg) 0 140px no-repeat;
}

#female-pattern-alopecia .other h4 {
    letter-spacing: 0.05em;
}

#female-pattern-alopecia .other .c01 {
    float: right;
    margin-left: 30px;
}

#female-pattern-alopecia .other .c02 {
    color: #dd0000;
    margin-bottom: 60px;
}

#female-pattern-alopecia .other h4.c07 {
    position: relative;
    background: #ee518b;
    padding: 3px 0;
    text-align: center;
    color: #ffffff !important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: inset 3px 3px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 3px 3px 3px rgba(0,0,0,0.2);
    box-shadow: inset 3px 3px 3px rgba(0,0,0,0.2);
    font-size: 24px !important;
    font-weight: bold !important;
    margin-bottom: 40px !important;
    line-height: 1.8 !important;
    text-shadow: none;
}

#female-pattern-alopecia .other h4.c07::after {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto ;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #ee518b;
}

#female-pattern-alopecia .other ul.c03 {
    margin: 30px 0 60px !important ;
    margin-bottom: 15px;
    background: #fdedf3;
    position: relative;
    padding: 30px 30px 20px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#female-pattern-alopecia .other ul.c03 h5 {
    font-size: 18px;
    margin-bottom: 15px;
    position: relative;
    left: 30px;
}

#female-pattern-alopecia .other ul.c03 h5:after,#female-pattern-alopecia .other ul.c03 h5:after, #female-pattern-alopecia .other ul.c03 h5:before,#female-pattern-alopecia .other ul.c03 h5:before {
    content: '';
    height: 18px;
    width: 4px;
    display: block;
    background: #ee518b;
    position: absolute;
    top: 8px;
    left: -20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

#female-pattern-alopecia .other ul.c03 h5:before,#female-pattern-alopecia .other ul.c03 h5:before {
    height: 10px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    top: 14px;
    left: -28px;
}

#female-pattern-alopecia .other ul.c03 h5 + p {
    margin-bottom: 15px !important;
}

#female-pattern-alopecia .other ul.c04 {
}

#female-pattern-alopecia .other ul.c04 {
    margin: 30px 0 30px;
}

#female-pattern-alopecia .other ul.c04 li {
    font-size: 0;
    margin-bottom: 30px;
}

#female-pattern-alopecia .other ul.c04 li h5 {
    background: #00b474;
    width: 145px;
    margin-right: 30px;
    box-sizing: border-box;
    padding: 5px 10px;
    color: #ffffff;
}

#female-pattern-alopecia .other ul.c04 li p {
    width: 485px;
    font-style: normal;
}

#female-pattern-alopecia .other ul.c04 li h5,#female-pattern-alopecia .other ul.c04 li p {
    display: inline-block;
    /display: inline;
    /zoom:1; vertical-align: top;
    font-size: 15px;
}

#female-pattern-alopecia .other .exp {
    margin-top: 30px !important;
    margin-bottom: 15px !important;
    border: 1px solid #e8e1df !important;
    position: relative;
    padding: 35px 30px 30px !important;
    background: url(library/img/aga2016/aga2-21.jpg) no-repeat bottom,url(library/img/aga2016/aga2-19.jpg) no-repeat,#f8f6f6 !important;
}

#female-pattern-alopecia .other .exp h5 {
    font-size: 21px !important;
    font-weight: bold !important;
    border-bottom: none !important;
    margin-bottom: 25px !important;
    padding: 2px 0 0 55px !important;
    background: url(library/img/aga2016/aga2-20.png) no-repeat 0 0px;
    min-height: 42px;
    color: #00b474;
    text-shadow: 0 0 7px rgba(255,255,255,1);
}

#female-pattern-alopecia .other .exp h5:nth-of-type(1) + p,#female-pattern-alopecia .other .exp h5:nth-of-type(3) + p + p,#female-pattern-alopecia .other .exp h5:nth-of-type(4) + p {
    border-bottom: 1px solid #e8e1df;
    padding-bottom: 40px !important;
    margin-bottom: 40px !important;
    text-shadow: 0 0 7px rgba(255,255,255,1);
}

#female-pattern-alopecia .other .exp h5:nth-of-type(3) + p + p {
    color: #dd0000;
}

#female-pattern-alopecia .other .exp ul.c05 {
    margin-top: 40px;
    border-bottom: 1px solid #e8e1df;
    padding-bottom: 0px !important;
    margin-bottom: 40px !important;
}

#female-pattern-alopecia .other .exp ul.c05 li {
    font-size: 0;
    margin-bottom: 40px;
}

#female-pattern-alopecia .other .exp ul.c05 li span {
    width: 80px;
    height: 80px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    background: #ffffff;
    color: #00b474;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    box-sizing: border-box;
    padding-top: 26px;
    padding-left: 2px;
    margin-right: 20px;
}

#female-pattern-alopecia .other .exp ul.c05 li em {
    font-style: normal;
    width: 498px;
}

#female-pattern-alopecia .other .exp ul.c05 li em:nth-of-type(1) {
    padding-top: 13px;
}

#female-pattern-alopecia .other .exp ul.c05 li em:nth-of-type(2) {
}

#female-pattern-alopecia .other .exp ul.c05 li span,#female-pattern-alopecia .other .exp ul.c05 li em {
    display: inline-block;
    /display: inline;
    /zoom:1; vertical-align: top;
    font-size: 15px;
}

#female-pattern-alopecia .other .exp ul.c06 {
    margin-bottom: 20px;
}

#female-pattern-alopecia .other .exp ul.c06 li {
    list-style: disc;
    list-style-position: inside;
    padding: 0 0 0 10px;
}

#female-pattern-alopecia .other .exp ul.c06 + p {
    color: #dd0000;
    margin-bottom: 100px !important;
    text-shadow: 0 0 7px rgba(255,255,255,1);
}

#female-pattern-alopecia .products {
    margin: 40px;
}

#female-pattern-alopecia .products h3 {
    color: #ee2e2e;
    font-size: 30px;
    font-weight: normal;
    line-height: 180px;
    height: 180px;
    text-indent: 40px;
    background: transparent url(library/img/aga2016/female/products_bg.jpg) 50% 0 no-repeat;
}

#female-pattern-alopecia .products .inner {
    padding: 0 40px;
}

#female-pattern-alopecia .products ul li {
    margin-bottom: 20px;
}

#female-pattern-alopecia .products ul li .thumb {
    float: left;
}

#female-pattern-alopecia .products ul li dl {
    padding-left: 180px;
}

#female-pattern-alopecia .products ul li dl dt {
    color: #a13aa7;
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 10px;
}

#female-pattern-alopecia .products ul li dl dd {
    line-height: 1.6;
}

#female-pattern-alopecia .products ul li dl dd span {
    color: #cc1616;
}

#female-pattern-alopecia .bottom {
    background: transparent url(library/img/aga2016/female/bottom_bg.jpg) 0 0 no-repeat;
    position: relative;
    color: #7b5454;
    padding: 0 0 40px 0 !important;
}

#female-pattern-alopecia .bottom .inner {
    width: 660px;
    margin: 0 auto;
    padding: 50px 0 0 0;
}

#female-pattern-alopecia .bottom .inner h3 {
    background: #c29446;
    padding: 0;
    width: 110px;
    height: 110px;
    color: #ffffff;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.3;
    box-sizing: border-box;
    text-align: center;
    padding-top: 24px;
    padding-left: 0.2em;
    position: absolute;
    top: 30px;
    left: 20px;
    -moz-border-radius: 55px;
    -webkit-border-radius: 55px;
    border-radius: 55px;
    letter-spacing: 0.2em;
}

#female-pattern-alopecia .bottom .inner h3 + p {
    font-size: 24px;
    margin: 0 0 0 120px;
    line-height: 1.6 !important;
    letter-spacing: 0.15em !important;
}

#female-pattern-alopecia .bottom .inner h4 {
    position: relative;
    height: 39px !important;
    margin-top: 33px;
    margin-bottom: 40px !important;
}

#female-pattern-alopecia .bottom .inner h4 span {
    padding: 0 20px;
    position: absolute;
    left: 0;
    right: 0;
    top: 17px;
    width: 259px;
    height: 39px;
    margin: 0 auto;
    box-sizing: content-box !important;
}

#female-pattern-alopecia .bottom .inner h4 + p {
    width: 215px;
    height: 80px;
    margin: 0 !important;
}

#female-pattern-alopecia .bottom .inner h4 + p + p {
    height: 35px;
    padding: 0 0 0 50px;
    position: absolute;
    left: 290px;
    margin-bottom: 0 !important;
    background: url(library/img/aga2016/aga-c03.png) no-repeat;
    font-size: 32px;
    line-height: 1.1 !important;
    bottom: 85px;
}

#female-pattern-alopecia .bottom .inner h4 + p + p + p {
    height: 35px;
    padding: 0 0 0 50px;
    position: absolute;
    left: 290px;
    margin-bottom: 0 !important;
    background: url(library/img/aga2016/aga-c04.png) no-repeat;
    bottom: 40px;
    line-height: 2.4 !important;
}

.post-mv {
    margin-bottom: 40px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 6px 1px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 6px 1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 6px 1px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.post-mv img {
    width: 100%;
    height: auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/*-----------------------------------------------------------------------------------*/
/*	Aside Styles
/*-----------------------------------------------------------------------------------*/
ul#aside .widget {
    margin-bottom: 50px;
}

ul#aside .widget:last-of-type {
    margin-bottom: 0;
}

ul#aside .widget .aside-ttl {
    position: relative;
    margin-bottom: 20px;
}

ul#aside .widget .aside-ttl .mark {
    width: 20px;
    height: 20px;
    border: 5px solid #e6c588;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 3px;
    left: 0;
}

ul#aside .widget .aside-ttl h4 {
    color: #532411;
    font-size: 17px;
    font-weight: normal;
    line-height: 1.6;
    padding-left: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #b6a399;
}

ul#aside .widget ul.page-navi li {
    padding-bottom: 10px;
    border-bottom: 1px dashed #7c7b7a;
    margin-bottom: 10px;
}

ul#aside .widget ul.page-navi li a {
    font-size: 15px;
    line-height: 1.6;
    padding-left: 35px;
    letter-spacing: 2px;
    background: transparent url(library/img/icon/arrow.png) 15px 50% no-repeat;
    display: inline-block;
}

ul#aside .widget ul.page-navi li.btn {
    margin-top: 20px;
    border-bottom: none;
}

ul#aside .widget ul.page-navi li.btn a {
    color: #fff;
    line-height: 50px;
    text-align: center;
    width: 100%;
    height: 50px;
    background-color: #dfdfdf;
    padding-left: 0;
    background: none;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

ul#aside .widget ul.page-navi li.btn.blue a {
    background-color: #60b0d2;
}

ul#aside .widget ul.page-navi li.btn.pink a {
    background-color: #e57d9d;
}

ul#aside .widget ul.resev-link li {
    padding-bottom: 15px;
    border-bottom: 1px dashed #7c7b7a;
    margin-bottom: 20px;
}

ul#aside .widget ul.resev-link li a {
    display: block;
}

ul#aside .widget ul.resev-link li dl dt {
    width: 269px;
    height: 80px;
    background-color: #dfdfdf;
    margin-bottom: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

ul#aside .widget ul.resev-link li dl dt img {
    width: 269px;
    height: 80px;
    margin-bottom: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

ul#aside .widget ul.resev-link li.doctorcube-side dl dt {
    background: none;
}

ul#aside .widget ul.resev-link li.doctorcube-side dl dt,ul#aside .widget ul.resev-link li.doctorcube-side dl dt img {
    height: auto;
}

ul#aside .widget ul.resev-link li dl dd {
    color: #532411;
    letter-spacing: 1px;
    padding-left: 25px;
    background: transparent url(library/img/icon/circle_arrow.png) 0 50% no-repeat;
}

ul#aside .widget ul.column-advisor li {
    padding-bottom: 20px;
    border-bottom: 1px dashed #7c7b7a;
    margin-bottom: 20px;
}

ul#aside .widget ul.column-advisor li .thumb {
    float: left;
    width: 80px;
    height: 80px;
    background-color: #dfdfdf;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

ul#aside .widget ul.column-advisor li .thumb img {
    width: 80px;
    height: 80px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

ul#aside .widget ul.column-advisor li dl {
    float: right;
    width: 160px;
}

ul#aside .widget ul.column-advisor li dl dt {
    color: #7b5454;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 5px;
}

ul#aside .widget ul.column-advisor li dl dd {
    font-size: 12px;
    line-height: 1.6;
}

/*-----------------------------------------------------------------------------------*/
/*	Footer Styles
/*-----------------------------------------------------------------------------------*/
footer #footer-info {
    background-color: #f1e3c9;
}

footer #footer-info .desc {
    float: left;
    width: 50%;
    border-left: 1px solid #f9f4e9;
    padding: 40px;
}

footer #footer-info .desc .ttl {
    text-align: center;
    margin-bottom: 20px;
}

footer #footer-info .desc .ttl h4 {
    color: #532411;
    font-size: 22px;
    font-weight: normal;
    line-height: 1.4;
    letter-spacing: 6px;
}

footer #footer-info .desc .ttl span.en {
    color: #9d8b84;
    font-size: 10px;
    letter-spacing: 1px;
}

footer #footer-info .desc table {
    width: 100%;
    background-color: #fff;
    margin-bottom: 20px;
}

footer #footer-info .desc table th, footer #footer-info .desc table td {
    font-size: 12px;
    text-align: center;
    padding: 5px;
    border: 1px solid #9d8b84;
}

footer #footer-info .desc p {
    color: #532411;
    font-size: 14px;
    line-height: 1.6;
    margin-left: 0;
}

footer #footer-info .desc p .imp {
    color: #bd0000;
    font-size: 12px;
}

footer #footer-info .desc p .tel {
    font-size: 25px;
    letter-spacing: 0;
}

footer #footer-info .desc p a {
    display: inline-grid;
    color: #532411;
}

footer #footer-info .gglm {
    float: right;
    height: 463px;
    width: 50%;
}

footer #footer-info #gglm {
    float: right;
    height: 443px;
    width: 50%;
}

footer #scrolltop {
    height: 50px;
    background-color: #fff;
}

footer #footer-bottom {
    padding: 40px 0;
    background-color: #e6c588;
}

footer #footer-bottom #flogo {
    float: left;
    padding-top: 8px;
}

footer #footer-bottom .rbox {
    float: right;
}

footer #footer-bottom .rbox ul#fnav {
    font-size: 12px;
    text-align: right;
    margin-bottom: 10px;
}

footer #footer-bottom .rbox ul#fnav li {
    color: #fff;
    display: inline-block;
    margin-left: 10px;
}

footer #footer-bottom .rbox ul#fnav li a {
    color: #fff;
}

footer #footer-bottom .rbox p#copyright {
    color: #fff;
    font-size: 12px;
    text-align: right;
}

footer #footer-bottom #acare {
    float: left;
    margin-left: 20px;
}

/*-----------------------------------------------------------------------------------*/
/*	Media Query
/*-----------------------------------------------------------------------------------*/
/* SP Menu */
#spnav {
    display: none;
}

header .spnav-trg {
    width: 40px;
    padding: 15px 13px 11px;
    background-color: #f4f4f4;
    position: absolute;
    right: 10px;
    top: 25px;
    display: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

header .spnav-trg .navicon-line {
    width: 100%;
    height: 2px;
    margin-bottom: 2px;
    background-color: #000;
}

.sp-ssc {
    display: none;
}

.sp-ssc img {
    width: 100%;
    height: auto;
}

/*???
#page .red {
  background-color: red;
}
*/

@media only screen and (max-width:991px) {
 /* Slides */
    #slides {
        height: 550px;
      
    }

    
}


/* Mobile Portrait */
@media only screen and (max-width: 480px) {
    /* Structure */ body {
        font-size: 12px;
        line-height: 1.4;
        padding-top: 80px;
    }

    .container {
        width: 100%;
        padding: 0 10px;
    }

    #primary {
        float: none;
        width: 100%;
    }

    #aside {
        float: none;
        width: 100%;
    }

    .sp-ssc {
        display: block;
    }

    /* Header */
    header {
        height: 80px;
        background-color: rgba(83,36,17,.8);
    }

    header h1 {
        font-size: 9px;
        line-height: 1;
        position: absolute;
        top: 10px;
        left: 20px;
    }

    header #logo {
        width: auto;
        height: 32px;
        position: absolute;
        top: 30px;
        left: 20px;
    }

    header #logo img {
        width: auto;
        height: 32px;
    }

    header .container {
        height: auto;
        border-bottom: none;
    }

    header #gnav {
        display: none
    }

    header #snav {
        display: none !important;
    }

    .line-c{
        width: 13%;
    }

    .line-c.instafram-c{
        bottom: 153px;
        background: #fff;
        padding: 9px;
        border-radius: 31px;
    }

    /* SP Menu */
    header .spnav-trg {
        display: block;
    }

    #spnav {
        text-align: center;
        position: fixed;
        top: 80px;
        width: 100%;
        z-index: 100;
    }

    #spnav.open {
        display: block;
    }

    #spnav ul {
        margin-bottom: 0;
    }

    #spnav ul li {
        float: left;
        width: 50%;
    }

    #spnav ul li.doctorcube-spnav {
        width: 100%;
    }

    #spnav ul li.doctorcube-spnav a span{
        display: inline-block;
        border-bottom: 1px solid;
        padding: 0 0 1px;
        margin: 0 auto 7px;
        font-size: 12px;
        color: #532411;
        font-weight: 700;
    }

    #spnav ul li.doctorcube-spnav small {
    display: inline;
    margin: 0 0 4px 0;
    font-size: 11px;
    color: #532411;
    padding: 0 0 0 11px;
}

    #spnav ul li a {
        color: #333;
        font-size: 12px;
        line-height: 1;
        letter-spacing: 0;
        padding: 16px 0 14px;
        background-color: #f4f4f4;
        border-bottom: 1px solid #ccc;
        display: block;
    }

    #spnav ul li:nth-child(odd) a {
        border-right: 1px solid #ccc;
    }

    #spnav ul li a:hover {
        opacity: 1 !important;
    }

    /*slide*/
     /* Slides */
	 #slides {
        height: 240px;
        background-position: center;
    }

    .s-text {
        font-size: 15px;
        top: 50%;
    }

	.s-text h3{
		width: 240px;
		display: block;
		text-align: center;
		margin: auto;
	}

    .s-text h3 img {
        width: 100%;
    }

    .s-text p {
        font-size: 3.8vw;
        margin: 16px auto 15px;
        line-height: 1.8;
    }

    .top-slide-img{
        padding:0px;
    }

    #slides.formen {
        background-image: url('https://www.shinohara-hifuka.com/wp/wp-content/themes/sdc/library/img/slides/formen-sp.jpg') !important;
    }

      #slides.splendorx {
        background-image: url('https://www.shinohara-hifuka.com/wp/wp-content/themes/sdc/library/img/slides/splendorx-sp.jpg') !important;
    }

        #slides.potenza {
        background-image: url('https://www.shinohara-hifuka.com/wp/wp-content/themes/sdc/library/img/slides/potenza_top-sp.jpg') !important;
    }

            #slides.density {
        background-image: url('https://www.shinohara-hifuka.com/wp/wp-content/themes/sdc/library/img/slides/density-sp.jpg') !important;
    }

        .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 20px;
    }
    
    .swiper-button-next, .swiper-button-prev {
        top: 50%;
    }

   
    /* Page Title */
    #page-ttl {
        width: 100%;
        height: auto;
        padding: 40px 0;
        background-size: cover !important;
    }

    #page-ttl h2 {
        color: #fff;
        font-size: 18px;
        font-weight: normal;
        letter-spacing: 0;
    }

    #page-ttl span.en {
        font-size: 10px;
        letter-spacing: 1px;
    }

    /* Common */
    #narrow-sep {
        display: none;
    }

    .gglmr {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }

    .gglmr iframe, .gglmr object, .gglmr embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    #page {
        padding: 10px 10px 20px;
    }

    #page .page-wrap {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    #page .page-wrap .page-section {
        padding: 20px 20px 10px;
    }

    #page .page-wrap .page-section:last-of-type {
        border-bottom: 1px solid #e5e5e5;
    }

    #page .page-wrap .page-section a {
        border-bottom: none;
    }

    #page .page-wrap .page-section a.button {
        width: 100%;
        padding: 8px;
    }

    #page .page-wrap .page-section-ttl {
        position: relative;
        margin-bottom: 20px;
        overflow: hidden;
    }

    #page .page-wrap .page-section-ttl h3 {
        font-size: 16px;
        letter-spacing: 1px;
        padding-left: 25px;
        overflow: hidden;
    }

    #page .page-wrap .page-section-ttl .mark {
        width: 15px;
        height: 15px;
        border: 5px solid #e6c588;
        top: 5px;
    }

    #page .page-wrap .page-section-ttl .sep {
        height: 2px;
        background-color: #7b5454;
        margin-top: 10px;
    }

    #page .page-wrap .page-section-ttl .sep span.line {
        width: 50px;
        height: 2px;
    }

    #page .page-wrap .page-section h4 {
        font-size: 15px;
        margin-bottom: 10px;
    }

    #page .page-wrap .page-section h4 small {
        font-size: 16px;
        line-height: 1.8;
    }

    #page .page-wrap .page-section .image {
        margin-bottom: 10px;
    }

    #page .page-wrap .page-section .image img {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }

    #page .page-wrap .page-section p {
        line-height: 1.8;
        letter-spacing: 0;
        margin-bottom: 10px;
        font-size: 15px;
    }

    small.free-during {
        font-size: 13.5px;
        text-align: left;
    }

    /*news リンク*/
    .post-content {
        overflow: hidden;
    }

    #page .page-wrap .page-section .post-content a {
        word-break: break-word;
    }

    /**/
    #page .page-wrap .page-section .exp ul.p_ul li {
        font-size: 15px;
        margin: 0 2% 5px 0;
    }

    #page .page-wrap .page-section .exp ul.p_ul li:last-child {
        margin: 0;
    }

    #page .page-wrap .page-section .right-img {
        float: none;
        margin: 0 0 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    #page .page-wrap .page-section .right-img img {
        width: 100%;
        height: 100%;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    #page .page-wrap .page-section ul.list {
        margin: 0 0 10px 20px;
    }

    #page .page-wrap .page-section ul.list li {
        font-size: 14px;
        letter-spacing: 1px;
        margin-bottom: 5px;
    }

    /* ソプラノ */
    #page .page-wrap .page-section .sprano_wrap ul.list {
        padding: 20px;
        border-radius: 15px;
    }

    #page .page-wrap .page-section .sprano_wrap ul.list > li:last-child p {
        font-size: 14px;
    }

    #page .page-wrap .page-section .sprano_wrap ul.list li:last-child span,.kids_d_wrap span {
        flex-wrap: wrap;
        padding: 15px;
    }

    #page .page-wrap .page-section .sprano_wrap ul.list li:last-child span figure,.kids_d_wrap span figure {
        width: 100px;
        margin: 0 auto 20px;
    }

    #page .page-wrap .page-section .sprano_wrap ul.list li:last-child span figcaption,.kids_d_wrap span figcaption {
        width: 100%;
    }

    #page .page-wrap .page-section .sprano_wrap ul.list li:last-child span figcaption .soprano_list li,.kids_d_wrap span figcaption .soprano_list li {
        width: 100%;
        margin: 0 0 10px 0;
        border-radius: 5px;
        padding: 10px 5px;
    }

    #page .page-wrap .page-section .sprano_wrap ul.list li:last-child span figcaption .soprano_list li:nth-child(n+5),.kids_d_wrap span figcaption .soprano_list li:nth-child(n+5) {
        margin-bottom: 10px;
    }

    #page .page-wrap .page-section .sprano_wrap ul.list li:last-child span figcaption .soprano_list li:nth-child(6), .kids_d_wrap span figcaption .soprano_list li:nth-child(6) {
        margin: 0;
    }

    #page .page-wrap .page-section .sprano_wrap ul.list li:last-child span figcaption .soprano_list li b,#page .page-wrap .page-section .sprano_wrap ul.list li:last-child span figcaption .soprano_list li p,.kids_d_wrap span figcaption .soprano_list li p {
        font-size: 14px;
    }

    /*キッズ*/
    #page .page-wrap .page-section .kids_d_wrap p {
        font-size: 14px;
    }

    #page .page-wrap .page-section .kids_d_wrap p {
        margin: 10px auto 10px;
    }

    #page .page-wrap .page-section .kids_d_wrap .radious p {
        margin: 0;
        padding: 0 0 0 10px;
    }

    .kids_d_box .img-box {
        width: 40%;
    }

    .kids_d_box .text-box {
        width: 59%;
    }

    .kids_d_box_inner {
        padding: 10px;
        margin: 0 auto 20px;
    }

    .kids_d_box.bg-y .img-box {
        width: 100%;
    }

    .kids_d_box .img-box:first-child h5 {
        font-size: 14px;
    }

    .kids_d_box h5 {
        font-size: 14px;
    }

    .kids_d_wrap span {
        padding: 0;
    }

    /*===*/
    #page .page-wrap .page-section .price-table {
        border-bottom: 1px solid #ccc;
    }

    #page .page-wrap .page-section .price-table th {
        border-bottom: none;
    }

    #page .page-wrap .page-section .price-table th, .price-table td {
        width: 100%;
        font-size: 14px;
        text-align: left;
    }

    #page .page-wrap .page-section .price-table tr td {
        border-bottom: none;
    }

    .price-table tr,#page .page-wrap .page-section .exp .acne-table table tr {
        display: flex;
        flex-wrap: wrap;
    }

    #page .page-wrap .page-section .first_ex_box {
        flex-wrap: wrap;
        margin: 0 auto 10px;
        flex-flow: wrap;
    }

    #page .page-wrap .page-section .first_ex_box .img-box {
        width: 100%;
    }

    #page .page-wrap .page-section .first_ex_box .list, #page .page-wrap .page-section .first_ex_box .first_text {
        width: 100%;
        margin: 20px 0 0 20px;
    }

    #page .page-wrap .page-section .first_ex_box .first_text {
        margin: 20px auto 0;
        padding: 0;
    }

    #page .page-wrap .page-section .first_ex_box .list li {
        font-size: 15px;
    }

    #page .page-wrap .page-section .img-border img {
        width: auto;
    }

    #page .page-wrap .page-section .exp {
        padding: 15px;
        margin-bottom: 20px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    #page .page-wrap .page-section .exp h4 {
        font-size: 16px;
        padding-bottom: 5px;
        margin-bottom: 15px;
        overflow: hidden;
    }

    #page .page-wrap .page-section .exp table {
        font-size: 10px;
        width: 100%;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        display: block;
    }

    #page .page-wrap .page-section .exp table thead {
        float: left;
        overflow-x: scroll;
        display: block;
    }

    #page .page-wrap .page-section .exp table tbody {
        width: auto;
        overflow-x: auto;
        white-space: nowrap;
        display: block;
    }

    #page .page-wrap .page-section .exp table tr {
        margin-right: -5px;
        display: -webkit-inline-box;
    }

    #page .page-wrap .page-section .exp table th, #page .page-wrap .page-section .exp table td {
        font-size: 10px;
        width: auto;
        border-bottom: 0;
        display: block;
    }


    #page .page-wrap .page-section .exp .price-table02 table tbody {
    overflow: hidden;
}

#page .page-wrap .page-section .exp .price-table02 table tbody th {
    font-size: 14px;
    text-align: left;
}

#page .page-wrap .page-section .exp .price-table02 table td {
    font-size: 14px;
    font-weight: 500;
}

    /**/
    #page .page-wrap .page-section .exp .botox-table table tr:first-child th:first-child {
    width: 100%;
    /* height: 100%; */
}

#page .page-wrap .page-section .exp .botox-table table th, #page .page-wrap .page-section .exp .botox-table table td {
    width: 100%;
}

#page .page-wrap .page-section .exp table tbody {display: grid;}

#page .page-wrap .page-section .exp .botox-table table tr {width: auto;display: inline-block;margin-right: 0;}

#page .page-wrap .page-section .exp .botox-table table {
    overflow-x: scroll;
    height: 100%;
}

#page .page-wrap .page-section .exp .botox-table table th:first-child {
    width: 100%;
}

#page .page-wrap .page-section .exp .botox-table table tr:first-child {
    width: 13%;
    position: sticky;
    left: 0;
    top: 0;
    z-index: 1;
}

ul.botox-list li div small {
    margin: 5px 0 0 0;
    display: block;
    line-height: 1.8;
}
    
    #page .page-wrap .page-section .exp .t3 table th:first-child {
    width: 140px;
    /* height: 36px; */
    position: sticky;
    left: 0;
    top: 0;
    }

    #page .page-wrap .page-section .exp ul.list {
        margin-bottom: 10px;
    }

    #page .page-wrap .page-section .exp dl.detail dt {
        font-size: 16px;
        padding: 5px 10px;
    }

    #page .page-wrap .page-section .exp dl.detail dd {
        font-size: 15px;
        padding: 10px;
        margin-bottom: 15px;
        overflow: hidden;
    }

    #page .page-wrap .page-section .exp dl.detail dd.flex{
        flex-wrap:wrap;
    }

    #page .page-wrap .page-section .exp dl.detail dd.flex a.button {
        margin: 0px auto 20px;
    }


    #page .page-wrap .page-section .exp .price-table.datsumo table tr,#page .page-wrap .page-section .exp .acne-table table tr {
        display: flex;
        margin-right: 0;
    }

    #page .page-wrap .page-section .exp .price-table.datsumo table {
        border-right: none;
        border-bottom: none;
    }

    #page.menhealth .page-wrap .page-section .exp table {
        border-bottom: 1px solid #ccc !important;
    }

    #page .page-wrap .page-section .exp .price-table.datsumo table th, #page .page-wrap .page-section .exp .price-table.datsumo table td,#page .page-wrap .page-section .exp .acne-table table th,#page .page-wrap .page-section .exp .acne-table table td {
        width: 100%;
        font-size: 14px;
        text-align: left;
        line-height: 1.5;
    }

    #page .page-wrap .page-section .exp .price-table.datsumo table ul li {
        font-size: 14px;
    }

    #page .page-wrap .page-section .exp .price-table.datsumo table tbody {
        overflow: auto;
        white-space: inherit;
    }

    #page .page-wrap .page-section .exp .price-table.datsumo table ul {
        width: 100%;
    }

    /*にきび　テーブル*/
    #page .page-wrap .page-section .exp .acne-table table th {
        font-weight: 600;
        border-right: none;
        border: none;
        padding: 10px;
    }
    
    #page .page-wrap .page-section .exp .acne-table table td {
        width: 100%;
        border: none;
        background: #fff;
        padding: 10px;
    }
    
    
    #page .page-wrap .page-section .exp .acne-table table tbody {
        display: block;
    }
    
    #page .page-wrap .page-section .exp .acne-table table {
        border: none;
    }
    
    #page .page-wrap .page-section .p_voice {
        padding: 0 90px;
    }

    #page .page-wrap .page-section .p_voice:before {
        width: 28%;
    }

    #page .page-wrap .page-section .p_voice span {
        width: 30px;
        height: 30px;
    }

    #page .page-wrap .page-section .p_voice span img {
        width: 20px;
    }

    #page .page-wrap .page-section .p_voice h5 {
        font-size: 14px;
        padding: 7px 0 0 0;
    }

    #page .page-wrap .page-section .p_voice:after {
        width: 30%;
    }

    #page .page-wrap .page-section ul.lp-bn {
        margin-bottom: 0;
    }

    #page .page-wrap .page-section ul.lp-bn li {
        float: none !important;
        margin-bottom: 20px;
    }

    #page .page-wrap .page-section ul.lp-bn li img {
        width: 100%;
        height: auto;
    }

    #page .page-wrap .page-section .men_ex_box {
    flex-wrap: wrap;
}

#page .page-wrap .page-section .men_ex_box .img-box {
    width: 100%;
}

#page .page-wrap .page-section .men_ex_box p {
    width: 100%;
    margin: 0;
}

#page .page-wrap .page-section .exp .t3 table tr th,#page .page-wrap .page-section .exp .t3 table tr td {
    font-size: 14px;
    width: 50%;
}


/*毛穴*/
#page .page-wrap .page-section .exp .pores .img-box {
    width: 100%;
}

#page .page-wrap .page-section .exp .pores .txt-box {
    width: 100%;
    padding: 0;
    margin: 15px 0 0 0;
    font-size: 15px;
}

#page .page-wrap .page-section .exp .pores {
    flex-wrap: wrap;
}

/*for men*/
    .formen-list dl dt {
    padding: 15px;
}

.formen-list dl dt:after {
    width: 20px;
    height: 20px;
    font-size: 16px;
    line-height: 1.1;
    right: 4%;
}

.formen-list dl dt small{
    padding: 0 0 0 10px;
}

.formen-list dl {
    margin: 0 0 20px 0;
}

.formen-list dl dt.active:after {
    right: 6%;
    font-size: 19px;
    line-height: 0.9;
    padding: 0 1px;
}

.formen-list dl dd {
    padding: 20px;
}

ul.formen_inner-lsit {
    grid-template-columns: 1fr;
}

    #cmn-info-bar {
        display: none;
    }

    #cmn-info ul li {
        float: none;
        text-align: center;
    }

    #cmn-info ul li .inner {
        padding: 20px 0 10px;
        min-height: 100%;
    }

    #cmn-info ul li.resev, #cmn-info ul li.faq {
        width: 100%;
        border-left: none;
    }

    #cmn-info ul li.faq {
        border-right: none;
        //display: none;
    }

    #cmn-info ul li.fb, #cmn-info ul li.tw, #cmn-info ul li.misc {
        width: 100%;
        height: auto;
        border-left: none;
        border-bottom: 1px solid #f0ede6;
        padding-bottom: 0;
    }

    #cmn-info ul li.misc {
        padding: 20px;
    }

    #cmn-info ul li.misc .wrap {
        padding: 10px 0;
    }

    #cmn-info ul li.tw .inner {
        padding: 30px 1%;
    }

    #cmn-info ul li.tw {
        border-right: none;
    }

    #cmn-info ul li.tw {
        border-bottom: none;
    }

    #cmn-info ul li .ttl h3 {
        font-size: 16px;
        margin-bottom: 20px;
    }

    #cmn-info ul li .ttl h3 span {
        font-size: 10px;
    }

    #cmn-info ul li .inner ul.link li {
        float: left;
        width: calc(50% - 5px);
        border: none;
        margin: 0 10px 20px 0;
    }

    #cmn-info ul li .inner ul.link li:nth-child(2n) {
        margin-right: 0;
    }

    #cmn-info ul li .inner ul.link li dl dt {
        width: 100%;
        height: auto;
    }

    #cmn-info ul li .inner ul.link li dl dd {
        font-size: 11px;
    }

    /* Home */
    .home-section {
        padding: 25px 10px;
    }

    .home-section-ttl {
        text-align: center;
        margin-bottom: 20px;
    }

    .home-section-ttl h2 {
        font-size: 18px;
        letter-spacing: 5px;
    }

    .home-section-ttl span {
        font-size: 10px;
        letter-spacing: 1px;
    }

    /* 191114 */
    #home-reserv-top {
        overflow: hidden;
        padding: 25px;
    }

    #home-reserv-top .reserv-top ul.reserv-list li {
        box-shadow: none;
        width: 47%;
        margin: 0 20px 20px 0;
    }

    #home-reserv-top .reserv-top ul.reserv-list li:nth-child(even) {
        margin: 0 0 20px 0;
    }

    #home-guidance {
        padding-top: 25px;
    }

    #home-guidance ul li {
        float: none;
        width: 50%;
        /* min-height: 240px; */
        height: auto;
        margin: 0;
        background-color: #fff;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }

    #home-guidance ul li:nth-child(odd) {
        border: 1px solid #dfdfdf;
        border-bottom: none;
    }

    #home-guidance ul li:nth-child(even) {
        border: 1px solid #dfdfdf;
        border-left: none;
        border-bottom: none;
    }

    #home-guidance ul li:nth-child(1) {
        -webkit-border-radius: 2px 0 0 0;
    }

    #home-guidance ul li:nth-child(2) {
        -webkit-border-radius: 0 2px 0 0;
    }

    #home-guidance ul li a {
        width: 100%;
        padding: 10px;
        display: block;
    }

    #home-guidance ul li .thumb {
        width: 100%;
        height: auto;
        margin: 0 0 10px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }

    #home-guidance ul li .thumb img {
        width: 100%;
        height: auto;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }

    #home-guidance ul li dl dt {
        font-size: 14px;
        margin-bottom: 10px;
        background: transparent url(library/img/icon/circle_arrow.png) 1px 1px no-repeat;
    }

    #home-guidance ul li dl dd {
        font-size: 13px;
        color: #666;
        line-height: 1.8;
    }

    #home-guidance .extra {
        background-color: #fff;
        border: 1px solid #dfdfdf;
        -webkit-border-radius: 0 0 2px 2px;
        -moz-border-radius: 0 0 2px 2px;
        border-radius: 0 0 2px 2px;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }

    #home-guidance .extra a {
        padding: 10px;
    }

    #home-guidance .extra .thumb {
        float: none;
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }

    #home-guidance .extra .thumb img {
        width: 100%;
        height: auto;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2x;
    }

    #home-guidance .extra dl {
        margin-left: 0;
    }

    #home-guidance .extra dl dt {
        font-size: 12px;
        margin-bottom: 5px;
    }

    #home-guidance .extra.environ {
        padding: 10px;
        margin-top: 0 !important;
        border-top: none;
    }

    #home-guidance .extra.environ ul {
        float: none !important;
    }

    #home-guidance .extra.environ ul li {
        float: none !important;
        font-size: 11px !important;
        text-align: center !important;
        width: 100% !important;
        height: auto !important;
        min-height: 100% !important;
        margin: 0 0 10px 0 !important;
        border: none !important;
    }

    #home-guidance .extra.environ ul li img {
        width: 100% !important;
        height: auto;
    }

    #home-guidance .extra.environ ul li a {
        padding: 0 !important;
    }

    #home-guidance .extra.environ dl dt {
        font-size: 14px !important;
        background: none !important;
        padding-left: 0 !important;
    }

    #home-guidance .extra dl dd {
        font-size: 10px;
    }

    #home-campaign {
        margin-bottom: 20px;
        width: 100%;
        padding: 0 15px;
    }

    #home-campaign ul {
        margin: 0 10px;
    }

    #home-campaign ul li {
        float: none;
        width: 100%;
        margin: 0 0 20px;
    }

    #home-campaign ul li img {
        width: 100%;
        height: auto;
    }

    ul.cam04 {
        max-width: none;
        display: block;
    }

    #home-campaign ul.cam04 li {
        width: 100%;
        margin: 0 auto 20px;
    }

    #home-campaign ul.corona_column {
        flex-wrap: wrap;
    }

    #home-campaign ul.corona_column li,#home-campaign ul.corona_column li.sp, #home-campaign ul.corona_column li img.sp {
        width: 100%;
        display: block;
    }

    #home-campaign ul.corona_column li .posr.tel.tel_top:last-child {
        margin: 0 auto 0;
        padding: 0;
    }

    #home-campaign ul.corona_column li .posr.tel.tel_top:last-child a span {
    display: inline-block;
    border-bottom: 1px solid;
    padding: 0 0 1px;
    margin: 0 auto 7px;
    font-size: 13.5px;
    color: #532411;
    font-weight: 700;
}

    #home-pickup-navi {
        min-width: 100%;
    }

    #home-pickup-navi ul li {
        width: 100%;
        min-height: 270px;
        text-align: center;
    }

    #home-pickup-navi ul li:nth-child(odd) {
        background-color: #f6f2e9;
    }

    #home-pickup-navi ul li:nth-child(even) {
        background-color: #f4edde;
    }

    #home-pickup-navi ul li .inner {
        padding: 20px 10px !important;
        width: 100%;
    }

    #home-pickup-navi ul li .inner .thumb {
        float: none;
        width: 120px;
        height: 120px;
        margin: 0 auto 10px;
        background-color: #dfdfdf;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

    #home-pickup-navi ul li .inner .thumb img {
        width: 100%;
        height: auto;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

    #home-pickup-navi ul li .inner dl {
        margin-bottom: 10px;
    }

    #home-pickup-navi ul li .inner dl dt {
        font-size: 16px;
        line-height: 1;
        text-align: center;
        margin-bottom: 5px;
    }

    #home-pickup-navi ul li .inner dl dd {
        font-size: 10px;
        line-height: 1;
        text-align: center;
    }

    #home-pickup-navi ul li .inner p.desc {
        font-size: 10px;
    }

    #home-sdc {
        height: auto;
        padding: 40px 20px;
    }

    #home-sdc h3 {
        margin-bottom: 20px;
        padding: 0;
    }

    #home-sdc h3 img {
        width: 80%;
        height: auto;
    }

    #home-sdc p {
        font-size: 11px;
        line-height: 2;
        letter-spacing: 1px;
        margin-bottom: 20px;
    }

    /* Clinic */
    #clinic table.schedule {
        font-size: 10px;
        margin-bottom: 10px;
    }

    .add_price {
    margin: 30px auto 10px;
   }

   .ap_wrap {
    font-size: 15px;
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
   }


    /* Guidance */
    #guidance ul.gd-navi li {
        float: left;
        width: calc(50% - 5px);
        margin: 0 10px 20px 0;
    }

    #guidance ul.gd-navi li:nth-child(3n) {
        margin-right: 10px;
    }

    #guidance ul.gd-navi li:nth-child(2n) {
        margin-right: 0;
    }

    #guidance ul.gd-navi li {
        height: auto;
    }

    #guidance ul.gd-navi li dl dt {
        width: 100%;
        height: auto;
        background-color: transparent;
        margin-bottom: 5px;
    }

    #guidance ul.sd-navi li dl dt img {
        width: 100%;
        height: auto;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    #guidance ul.gd-navi li dl dd {
        font-size: 12px;
    }

    /* Skin Disease */
    #skin-disease ul.sd-navi li {
        float: left;
        width: calc(50% - 5px);
        margin: 0 10px 20px 0;
    }

    #skin-disease ul.sd-navi li:nth-child(3n) {
        margin-right: 10px;
    }

    #skin-disease ul.sd-navi li:nth-child(2n) {
        margin-right: 0;
    }

    #skin-disease ul.sd-navi li {
        height: auto;
    }

    #skin-disease ul.sd-navi li dl dt {
        width: 100%;
        height: auto;
        background-color: transparent;
        margin-bottom: 5px;
    }

    #skin-disease ul.sd-navi li dl dt img {
        width: 100%;
        height: auto;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    #skin-disease ul.sd-navi li dl dd {
        font-size: 12px;
    }

    /* Staff */
    #staff .director {
        margin-bottom: 20px;
    }

    #staff .director .pic {
        float: none;
        text-align: center;
        width: 100%;
        height: auto;
        border: none;
        margin-bottom: 10px;
    }

    #staff .director .pic img {
        width: 60%;
        height: auto;
        border: 5px solid #e6c588;
    }

    #staff .director .detail {
        float: none;
        width: 100%;
    }

    #staff .director .detail p.posi {
        font-size: 10px;
        letter-spacing: 1px;
        margin-bottom: 5px;
    }

    #staff .director .detail .ttl {
        padding-bottom: 5px;
        margin-bottom: 10px;
    }

    #staff .director .detail .ttl h4 {
        font-size: 18px;
        letter-spacing: 1px;
        margin-bottom: 5px;
    }

    #staff .director .detail .ttl span.en {
        color: #9d8b84;
        font-size: 10px;
        font-style: italic;
        letter-spacing: 1px;
    }

    #staff .director .detail p.message {
        line-height: 1.6;
        margin-bottom: 0;
    }

    #staff dl.timeline {
        margin-bottom: 20px;
    }

    #staff dl.timeline dt {
        font-size: 14px;
        margin-bottom: 10px;
    }

    #staff dl.timeline dd {
        font-size: 12px;
        text-indent: 10px;
    }

    /* Skincare Programing */
    #scp {
    }

    /* Column */
    #column ul.column-archive li {
        float: none;
        width: 100%;
        height: auto;
        margin: 0 0 10px 0;
        border-bottom: 1px dashed #e5e5e5;
        padding-bottom: 10px;
    }

    #column ul.column-archive li .thumb {
        float: left;
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }

    #column ul.column-archive li .thumb img {
        width: 100%;
        height: auto;
    }

    #column ul.column-archive li .ttl {
        float: none;
        font-size: 12px;
        width: 100%;
        margin: 0 auto;
    }

    #column ul.column-archive li a h4 {
        padding: 20px 0 0 0;
    }

    .wp-pagenavi a {
        width: 38px;
        padding: 11px 0 !important;
    }

    #column ul.column-archive li .ttl a span.datenew .entry-icon-new {
        padding: 1px 7px ;
    }

    .wp-pagenavi span.current, .wp-pagenavi span.extend {
        width: 38px;
        padding: 11px 0 !important;
    }

    #column_side h4 {
        color: #532411;
        font-size: 16px;
        font-weight: normal;
        line-height: 1.6;
        padding-left: 30px;
        padding-bottom: 15px;
        border-bottom: 1px solid #b6a399;
        margin-bottom: 15px;
    }

    #column_side .mark {
        width: 15px;
        height: 15px;
        border: 5px solid #e6c588;
        background-color: #fff;
        border-radius: 50%;
        position: absolute;
        top: 5px;
        left: 6%;
    }

    #column_side {
        position: relative;
        margin: 30px auto 40px;
        padding: 0 10px;
        display: block;
    }

    .column_sidelist li a {
        font-size: 14px;
        line-height: 1.6;
        padding-left: 26px;
        letter-spacing: 2px;
        background: url(https://www.shinohara-hifuka.com//wp/wp-content/themes/sdc/library/img/icon/arrow.png) 10px 50% no-repeat;
        display: inline-block;
    }

    .column_sidelist li {
        padding-bottom: 10px;
        border-bottom: 1px dashed #7c7b7a;
        margin-bottom: 10px;
    }

    #column_side h4 {
        color: #532411;
        font-size: 16px;
        font-weight: normal;
        line-height: 1.6;
        padding-left: 30px;
        padding-bottom: 15px;
        border-bottom: 1px solid #b6a399;
        margin-bottom: 15px;
    }

    #column_side .mark {
        width: 15px;
        height: 15px;
        border: 5px solid #e6c588;
        background-color: #fff;
        border-radius: 50%;
        position: absolute;
        top: 5px;
        left: 6%;
    }

    #column_side {
        position: relative;
        margin: 30px auto 40px;
        padding: 0 10px;
        display: block;
    }

    .column_sidelist li a {
        font-size: 14px;
        line-height: 1.6;
        padding-left: 26px;
        letter-spacing: 2px;
        background: url(https://www.shinohara-hifuka.com//wp/wp-content/themes/sdc/library/img/icon/arrow.png) 10px 50% no-repeat;
        display: inline-block;
    }

    .column_sidelist li {
        padding-bottom: 10px;
        border-bottom: 1px dashed #7c7b7a;
        margin-bottom: 10px;
    }

    .single_coulumn {
        margin: 20px auto 40px;
        padding: 0 10px;
        display: block
    }

    .single_coulumn a {
        background: #efe8d3;
        font-size: 16px;
        text-align: center;
        display: block;
        padding: 15px;
        border-radius: 3px;
    }

    /* FAQ */
    #faq ul.faq-archive li {
        float: none;
        width: 100%;
        height: auto;
        margin: 0 0 10px 0;
        border-bottom: 1px dashed #e5e5e5;
        padding-bottom: 10px;
    }

    #faq ul.faq-archive li .thumb {
        float: left;
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }

    #faq ul.faq-archive li .thumb img {
        width: 100%;
        height: auto;
    }

    #faq ul.faq-archive li .ttl {
        float: none;
        font-size: 12px;
        width: 100%;
    }

    #faq .question {
        margin-bottom: 20px;
    }

    #faq .question p {
        font-size: 13px;
    }

    #faq .answer {
        font-size: 12px;
        padding: 20px 20px 0 20px;
        border: 1px solid #efefef;
        background-color: #fafafa;
        margin-bottom: 10px;
    }

    #faq .answer .thumb {
        float: left;
        width: 60px;
        height: 60px;
        margin: 0 20px 20px 0;
    }

    #faq .answer .thumb img {
        width: 100%;
        height: auto;
    }

    /* Inquiry */
    #inquiry table#inquiry-form {
        border-bottom: 1px solid #dfdfdf;
    }

    #inquiry table#inquiry-form th, #inquiry table#inquiry-form td {
        padding: 10px;
        border: 1px solid #dfdfdf;
    }

    #inquiry table#inquiry-form th {
        font-size: 12px;
        text-align: left;
        border-bottom: none;
        display: block;
    }

    #inquiry table#inquiry-form td {
        border-bottom: none;
        display: block;
    }

    #inquiry table#inquiry-form td input[type="text"], #inquiry table#inquiry-form td input[type="tel"], #inquiry table#inquiry-form td input[type="email"] {
        width: calc(100% - 15px);
    }

    #inquiry table#inquiry-form td textarea {
        width: calc(100% - 15px);
        height: 200px;
    }

    #inquiry .submit {
        text-align: center;
        margin-bottom: 20px;
    }

    #inquiry .submit input[type="submit"] {
        color: #fff;
        border: none;
        font-size: 14px;
        padding: 15px 60px;
        background-color: #7b5454;
        cursor: pointer;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    #inquiry .submit input[type="submit"]:hover {
        opacity: .8;
    }

    #inquiry .submit input[type="submit"]:active {
        margin-top: 2px;
    }

    /* reserve */
    #reserve table#reserve-form {
        border-bottom: 1px solid #dfdfdf;
    }

    #reserve table#reserve-form th, #reserve table#reserve-form td {
        padding: 10px;
        border: 1px solid #dfdfdf;
        width: 100%;
    }

    #reserve table#reserve-form th {
        font-size: 12px;
        text-align: left;
        border-bottom: none;
        display: block;
    }

    #reserve table#reserve-form td {
        border-bottom: none;
        display: block;
        overflow: hidden;
    }

    #reserve table#reserve-form td input[type="text"], #reserve table#reserve-form td input[type="tel"], #reserve table#reserve-form td input[type="email"] {
        width: calc(100% - 15px);
    }

    #reserve table#reserve-form td textarea {
        width: calc(100% - 15px);
        height: 200px;
    }

    #reserve .submit {
        text-align: center;
        margin-bottom: 20px;
    }

    #reserve .submit input[type="submit"] {
        color: #fff;
        border: none;
        font-size: 14px;
        padding: 15px 60px;
        background-color: #7b5454;
        cursor: pointer;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    #reserve .submit input[type="submit"]:hover {
        opacity: .8;
    }

    #reserve .submit input[type="submit"]:active {
        margin-top: 2px;
    }

    /* Aside */
    ul#aside {
        display: none;
    }

    ul#aside .widget {
        padding: 20px 20px 10px;
        background-color: #fff;
        border-bottom: 1px solid #e5e5e5;
        margin-bottom: 0;
    }

    ul#aside .widget .aside-ttl {
        position: relative;
        margin-bottom: 20px;
    }

    ul#aside .widget .aside-ttl .mark {
        width: 15px;
        height: 15px;
        border: 5px solid #e6c588;
        top: 3px;
    }

    ul#aside .widget .aside-ttl h4 {
        font-size: 16px;
        text-align: left !important;
        letter-spacing: 1px;
        padding-left: 25px;
        padding-bottom: 12px;
        border-bottom: 2px solid #7b5454;
    }

    ul#aside #wait.widget > div {
        text-align: center;
        margin-bottom: 10px;
    }

    ul#aside li:nth-child(2) {
        display: none;
    }

    ul#aside .widget ul.page-navi {
        margin-bottom: 20px;
    }

    ul#aside .widget ul.page-navi li {
        padding-bottom: 10px;
        border-bottom: 1px dashed #7c7b7a;
        margin-bottom: 10px;
    }

    ul#aside .widget ul.page-navi li a {
        font-size: 13px;
        letter-spacing: 1px;
        display: block;
    }

    ul#aside .widget ul.resev-link li {
        float: left;
        width: calc(50% - 5px);
        margin: 0 10px 10px 0;
        padding-bottom: 0;
        border-bottom: none;
    }

    ul#aside .widget ul.resev-link li:nth-child(2n) {
        margin-right: 0;
    }

    ul#aside .widget ul.resev-link li dl dt {
        width: 100%;
        height: auto;
        background-color: transparent;
    }

    ul#aside .widget ul.resev-link li dl dt img {
        width: 100%;
        height: auto;
    }

    ul#aside .widget ul.resev-link li dl dd {
        color: #532411;
        letter-spacing: 1px;
        padding-left: 25px;
        background: transparent url(library/img/icon/circle_arrow.png) 0 50% no-repeat;
    }

    /* Footer */
    footer #footer-info {
        padding-bottom: 20px;
    }

    footer #footer-info .desc {
        float: none;
        width: 100%;
        border-left: none;
        padding: 20px 0;
    }

    footer #footer-info .desc .ttl h4 {
        font-size: 16px;
        letter-spacing: 3px;
    }

    footer #footer-info .desc table td {
        font-size: 10px;
    }

    footer #footer-info .desc p {
        font-size: 12px;
        text-align: center;
        margin: 0;
    }

    footer #footer-info .gglm {
        height: 300px;
        width: 100%;
    }

    footer #footer-info #gglm {
        float: none;
        height: 200px;
        width: 100%;
    }

    footer #scrolltop {
        display: none;
    }

    footer #footer-bottom {
        padding: 20px 0;
    }

    footer #footer-bottom #flogo {
        float: none;
        text-align: center;
        margin-bottom: 10px;
    }

    footer #footer-bottom #flogo img {
        width: 50%;
        height: auto;
    }

    footer #footer-bottom .rbox {
        float: none;
    }

    footer #footer-bottom .rbox ul#fnav {
        display: none;
    }

    footer #footer-bottom .rbox p#copyright {
        font-size: 10px;
        text-align: center;
    }

    footer #footer-bottom #acare {
        float: none;
        text-align: center;
        margin: 0 0 10px 0;
    }

    footer #footer-bottom #acare img {
        width: 25%;
        height: auto;
    }

    /* Recruit */
    #recruit .cmmt li {
        margin-bottom: 20px;
    }

    #recruit .cmmt li .thumb {
        float: none;
        width: 100%;
        text-align: center;
    }

    #recruit .cmmt li .thumb img {
        width: 60px;
        height: 60px;
    }

    #recruit .cmmt li .body {
        padding-left: 0;
    }

    #recruit .cmmt li .body dl {
        text-align: center;
    }

    #recruit .cmmt li .body p br {
        display: none;
    }

    #recruit h4 {
        text-align: center;
    }

    #recruit table#inquiry-form {
        width: 100%;
        margin-bottom: 20px;
    }

    #recruit table#inquiry-form {
        border-bottom: 1px solid #dfdfdf;
    }

    #recruit table#inquiry-form th, #recruit table#inquiry-form td {
        padding: 10px;
        border: 1px solid #dfdfdf;
    }

    #recruit table#inquiry-form th {
        font-size: 12px;
        text-align: left;
        border-bottom: none;
        width: 100%;
        display: block;
    }

    #recruit table#inquiry-form td {
        border-bottom: none;
        display: block;
    }

    #recruit table#inquiry-form td input[type="text"], #recruit table#inquiry-form td input[type="tel"], #recruit table#inquiry-form td input[type="email"] {
        width: calc(100% - 15px);
    }

    #recruit table#inquiry-form td.bd input[type="text"] {
        width: 35px;
    }

    #recruit table#inquiry-form td textarea {
        width: calc(100% - 15px);
        height: 200px;
    }

    #recruit .submit {
        text-align: center;
        margin-bottom: 20px;
    }

    #recruit .submit input[type="submit"] {
        color: #fff;
        border: none;
        font-size: 14px;
        padding: 15px 60px;
        background-color: #7b5454;
        cursor: pointer;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    #recruit .submit input[type="submit"]:hover {
        opacity: .8;
    }

    #recruit .submit input[type="submit"]:active {
        margin-top: 2px;
    }

    .recruit-comment ul li h6 {
        width: 80%;
        text-align: center;
        left: 0;
        right: 0;
        margin: auto;
    }

    .recruit-comment ul li {
        padding: 30px 20px 10px;
    }

    .recruit-comment ul li h6 {
        font-size: 15px;
    }

    #recruit .flow-day h5 {
        font-size: 16px;
        text-align: center;
    }

    #recruit ul.flow-list li {
        margin: 0 0 20px 0;
    }

    #recruit ul.flow-list li .f-img-box {
        width: 100%;
        text-align: center;
        margin: auto;
        max-width: inherit;
    }

    #recruit ul.flow-list li .flow-flex .flow-txt h6 {
        font-size: 15px;
        margin: 10px auto;
    }

    #recruit ul.flow-list li .flow-flex {
        flex-wrap: wrap;
    }

    #recruit ul.flow-list li .flow-flex .flow-txt {
        width: 100%;
        margin: 10px auto 0;
        padding: 0;
        text-align: center;
    }

    #recruit ul.flow-list li .flow-txt:before {
        content: none;
    }

    #recruit ul.flow-list li:first-child {
        padding: 30px 0 0 0;
    }

    #recruit ul.flow-list li .flow-txt:after {
        content: none;
    }

    #recruit ul.flow-list li .flow-flex:before {
        left: 0;
        right: 0;
        margin: auto;
        width: 67%;
    }

    #recruit ul.flow-list li:first-child .flow-flex:before {
        top: -30px;
    }

    /* Diagnosis */
    #diagnosis .container {
        width: 100%;
        padding: 0;
    }

    #diagnosis .main-visual {
        margin-top: 15px;
        margin-bottom: 10px;
    }

    #diagnosis .main-visual img {
        max-width: 100%;
    }

    #diagnosis .expl {
        margin-bottom: 40px;
    }

    #diagnosis .expl .container {
        width: 100%;
        padding: 0;
    }

    #diagnosis .expl .container .image {
        float: none;
        text-align: center;
        padding: 15px 15px 0;
        background-color: #f4f4f4;
        border: 1px solid #dfdfdf;
        border-bottom: none;
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
    }

    #diagnosis .expl .container .image img {
        width: 75%;
        height: auto;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    #diagnosis .expl .container h3 {
        font-size: 18px;
        line-height: 1.4;
        text-align: left;
        margin-bottom: 20px;
    }

    #diagnosis .expl .container h3 br {
        display: none;
    }

    #diagnosis .expl .container .detail {
        float: none;
        width: 100%;
        padding: 15px;
        background-color: #f4f4f4;
        border: 1px solid #dfdfdf;
        border-top: none;
    }

    #diagnosis .expl .container .detail p {
        font-size: 12px;
        line-height: 1.6;
        margin-bottom: 20px;
    }

    #diagnosis .treatment {
        padding: 40px 0;
    }

    #diagnosis .treatment .container {
        padding: 0 10px;
    }

    #diagnosis .diag-ttl {
        margin-bottom: 20px;
    }

    #diagnosis .diag-ttl h3 {
        font-size: 20px;
        letter-spacing: 4px;
        margin-bottom: 5px;
    }

    #diagnosis .diag-ttl .en {
        letter-spacing: 1px;
    }

    #diagnosis .treatment .container ul li dl dd ul.pt {
        margin-bottom: 20px;
    }

    #diagnosis .treatment .container ul li dl dd ul.pt li {
        font-size: 11px;
        margin-bottom: 5px;
    }

    #diagnosis .treatment .container {
        width: 100%;
    }

    #diagnosis .treatment .heading {
        font-size: 18px !important;
    }

    #diagnosis .treatment .heading br {
        display: none
    }

    #diagnosis .treatment .container ul li {
        padding: 15px;
        margin-bottom: 20px;
    }

    #diagnosis .treatment .container ul li dl dt {
        font-size: 16px;
        letter-spacing: 1px;
        padding: 0 0 10px;
        margin-bottom: 15px;
    }

    #diagnosis .treatment .container ul li dl dd .thumb {
        float: none;
        text-align: center;
        margin: 0 0 10px;
    }

    #diagnosis .treatment .container ul li dl dd .thumb img {
        width: 75%;
        height: auto;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    #diagnosis .treatment .container ul li dl dd h4 {
        font-size: 14px;
    }

    #diagnosis .treatment .container ul li dl dd p {
        font-size: 12px;
        margin-bottom: 10px;
    }

    #diagnosis .faq {
        padding: 40px 0;
    }

    #diagnosis .faq .container {
        width: 100%;
        padding: 0 10px;
    }

    #diagnosis .faq .container .qa {
        margin-bottom: 10px;
    }

    #diagnosis .faq .container .qa dt {
        font-size: 14px;
        line-height: 1.4;
        padding: 15px;
    }

    #diagnosis .faq .container .qa dd {
        font-size: 12px;
        line-height: 1.4;
        padding: 15px;
    }

    #diagnosis .method {
        padding: 40px 0;
    }

    #diagnosis .method .container {
        width: 100%;
        padding: 0 10px;
    }

    #diagnosis .method .container .desc {
        font-size: 14px;
        letter-spacing: 1px;
        margin-bottom: 10px;
    }

    #diagnosis .method .container .items li {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }

    #diagnosis .method .container .items li .thumb {
        text-align: center;
        width: 100%;
        height: auto;
        margin-bottom: 15px;
    }

    #diagnosis .method .container .items li .thumb img {
        width: 60%;
        height: auto;
    }

    #diagnosis .method .container .items li .btn {
        text-align: center;
    }

    #diagnosis .method .container .items li .btn a {
        width: 80%;
        display: inline-block;
    }

    #diagnosis #faq {
        min-height: 540px;
        padding: 40px 20px;
        margin-bottom: 10px;
    }

    #diagnosis #faq h3 {
        font-size: 18px;
    }

    #diagnosis #faq h3:after {
        font-size: 14px;
    }

    #diagnosis #faq .qsec h4 {
        font-size: 18px;
        margin-bottom: 30px;
    }

    #diagnosis #faq .qsec ul li {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    #diagnosis #faq .qsec ul li a {
        color: #fff;
        font-size: 16px;
        line-height: 30px;
        height: 40px;
    }

    #diagnosis #faq.female .qsec ul li a {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    #diagnosis .parts-desc {
        padding: 40px 0 20px;
    }

    #diagnosis .parts-desc .logo {
        margin-bottom: 30px;
    }

    #diagnosis .parts-desc .logo img {
        width: 160px;
        height: auto;
    }

    #diagnosis .parts-desc h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    #diagnosis .parts-desc p {
        font-size: 12px;
        margin-bottom: 30px;
    }

    #diagnosis .parts-desc p br {
        display: none;
    }

    #diagnosis .parts-desc h4 {
        font-size: 16px;
        letter-spacing: 1px;
        padding-top: 30px;
        margin-bottom: 0;
    }

    #diagnosis .parts-selector {
        width: 100%;
        height: auto;
        //background: transparent url(library/img/diagnosis/mannequin_bg.png) 50% 15px no-repeat;
        //background-size: 120px auto;
        margin-bottom: 40px;
        position: static;
    }

    #diagnosis .parts-selector .mannequin {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }

    #diagnosis .parts-selector .mannequin img {
        width: 140px;
    }

    #diagnosis .parts-selector .male {
        float: left;
        width: calc(50% - 10px);
    }

    #diagnosis .parts-selector .male h4 {
        font-size: 18px;
        text-align: center;
        position: static;
    }

    #diagnosis .parts-selector .male h4:after {
        font-size: 16px;
        position: static;
        display: block;
    }

    #diagnosis .parts-selector .male .parts {
        width: 100%;
        height: auto;
        background-color: transparent;
        position: static;
        margin-bottom: 10px;
    }

    #diagnosis .parts-selector .male .parts:hover {
        width: 100% !important;
    }

    #diagnosis .parts-selector .male .parts a {
        font-size: 14px;
        line-height: 40px;
        padding-top: 0;
        width: 100%;
        height: 40px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    #diagnosis .parts-selector .male .parts a .en {
        display: none;
    }

    #diagnosis .parts-selector .female {
        float: right;
        width: calc(50% - 10px);
    }

    #diagnosis .parts-selector .female h4 {
        font-size: 18px;
        text-align: center;
        position: static;
    }

    #diagnosis .parts-selector .female h4:after {
        font-size: 16px;
        position: static;
        display: block;
    }

    #diagnosis .parts-selector .female .parts {
        width: 100%;
        height: 40px;
        background-color: transparent;
        position: static;
        margin-bottom: 10px;
    }

    #diagnosis .parts-selector .female .parts:hover {
        width: 100% !important;
    }

    #diagnosis .parts-selector .female .parts a {
        font-size: 14px;
        line-height: 40px;
        padding-top: 0;
        width: 100%;
        height: 40px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    #diagnosis .parts-selector .male .parts a .en {
        display: none;
    }

    /* Female Pattern Alopecia */
    #female-pattern-alopecia .navigation {
        padding: 20px 10px;
    }

    #female-pattern-alopecia .navigation ul.cnavi {
        float: none;
        text-align: center;
        margin: 0 0 20px;
    }

    #female-pattern-alopecia .navigation ul.cnavi li {
        margin: 0 5px;
        display: inline-block;
    }

    #female-pattern-alopecia .navigation ul.cnavi li a {
        font-size: 12px;
    }

    #female-pattern-alopecia .navigation ul.pnavi {
        float: none;
        font-size: 0;
        margin-right: 0;
    }

    #female-pattern-alopecia .navigation ul.pnavi li {
        margin-left: 0;
        width: 50%;
    }

    #female-pattern-alopecia .navigation ul.pnavi li a {
        width: 100%;
    }

    #female-pattern-alopecia .main {
        min-height: 100%;
    }

    #female-pattern-alopecia .main .inner {
        padding: 20px;
    }

    #female-pattern-alopecia .main .inner h3 {
        font-size: 20px;
        line-height: 1.6;
        letter-spacing: 1px;
        margin-left: 0;
        margin-bottom: 10px;
    }

    #female-pattern-alopecia .main .inner p {
        font-size: 12px;
    }

    #female-pattern-alopecia .main .inner p br {
        display: none;
    }

    #female-pattern-alopecia .main .inner p.red {
        font-size: 16px;
    }

    #female-pattern-alopecia .part-ttl {
        font-size: 14px;
        line-height: 1.6;
        background: url(library/img/aga2016/aga-c01.png) no-repeat 30px 30px #f8f6f6;
        padding: 35px 0 0 80px;
        height: 100px;
    }

    #female-pattern-alopecia .part-ttl span {
        padding-left: 0;
        display: block;
    }

    #female-pattern-alopecia .cause .inner {
        padding: 20px;
        min-height: 100%;
    }

    #female-pattern-alopecia .cause .inner ul li {
        font-size: 13px;
    }

    #female-pattern-alopecia .trouble .inner h4 {
        font-size: 20px;
        line-height: 1.4;
    }

    #female-pattern-alopecia .trouble .inner .sub {
        font-size: 16px;
        margin-bottom: 20px;
    }

    #female-pattern-alopecia .trouble .inner ul li {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 50px;
    }

    #female-pattern-alopecia .trouble .inner ul li .thumb {
        text-align: center;
    }

    #female-pattern-alopecia .trouble .inner ul li dl dd {
        font-size: 13px;
        height: 100%;
    }

    #female-pattern-alopecia .shampoo .inner ul.mv li {
        float: none;
    }

    #female-pattern-alopecia .shampoo .inner ul.mv li img {
        width: 100%;
        height: auto;
    }

    #female-pattern-alopecia .shampoo .secttl img {
        float: none;
        width: 100%;
        height: auto;
    }

    #female-pattern-alopecia .shampoo ul.flow {
        padding: 0 20px;
    }

    #female-pattern-alopecia .shampoo ul.flow li {
        float: none;
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom: 30px;
    }

    #female-pattern-alopecia .shampoo .notice {
        width: 100%;
        height: auto;
        position: static;
        right: 0;
        bottom: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    #female-pattern-alopecia .shampoo .notice dl dt {
        font-size: 14px;
        margin-bottom: 5px;
    }

    #female-pattern-alopecia .shampoo .notice dl dd {
        font-size: 12px;
        line-height: 1.4;
        margin-bottom: 20px;
    }

    #female-pattern-alopecia .scoyaka img {
        width: 100%;
        height: auto;
    }

    #female-pattern-alopecia .qa .inner h4 {
        font-size: 16px;
        margin-bottom: 30px;
    }

    #female-pattern-alopecia .qa .inner dl dt {
        font-size: 16px;
        line-height: 1.6;
        text-align: left;
        height: auto;
        padding: 5px 10px;
    }

    #female-pattern-alopecia .qa .inner dl dd:nth-of-type(even) .thumb {
        float: none;
        margin-right: 0;
        margin-bottom: 10px;
    }

    #female-pattern-alopecia .qa .inner dl dd:nth-of-type(even) .thumb img {
        width: 100%;
        height: auto;
    }

    #female-pattern-alopecia .bottom {
        background-size: cover;
    }

    #female-pattern-alopecia .bottom .inner {
        width: 100%;
        margin: 0 auto;
        padding: 30px 20px;
    }

    #female-pattern-alopecia .bottom .inner h3 {
        margin: 0 auto;
        position: static;
        top: auto;
        left: auto;
        margin-bottom: 10px;
    }

    #female-pattern-alopecia .bottom .inner h3 + p {
        font-size: 16px;
        line-height: 1.4;
        text-align: center;
        margin: 0 0 20px;
    }

    #female-pattern-alopecia .bottom .inner h3 + p br {
        display: none;
    }

    #female-pattern-alopecia .bottom .inner h4 {
        text-align: center;
        margin-top: 0;
        height: auto !important;
        margin-bottom: 20px !important;
    }

    #female-pattern-alopecia .bottom .inner h4 span {
        padding: 0;
        position: static;
        left: auto;
        right: auto;
        top: auto;
        width: 259px;
        height: auto;
    }

    #female-pattern-alopecia .bottom .inner h4 + p {
        width: 100%;
        height: auto;
        text-align: center;
        margin: 0 0 20px !important;
    }

    #female-pattern-alopecia .bottom .inner h4 + p + p {
        height: 35px;
        padding: 0 0 0 50px;
        position: static;
        left: auto;
        margin-bottom: 20px !important;
        background: url(library/img/aga2016/aga-c03.png) no-repeat;
        font-size: 32px;
        line-height: 1.1 !important;
        bottom: auto;
    }

    #female-pattern-alopecia .bottom .inner h4 + p + p + p {
        height: 35px;
        padding: 0 0 0 50px;
        position: static;
        left: auto;
        margin-bottom: 0 !important;
        background: url(library/img/aga2016/aga-c04.png) no-repeat;
        bottom: auto;
        line-height: 1.6 !important;
    }

    #female-pattern-alopecia .main2 {
        min-height: 140px;
    }

    #female-pattern-alopecia .main2 .inner {
        padding: 60px 0 0;
    }

    #female-pattern-alopecia .main2 .inner h3 {
        font-size: 20px;
        line-height: 1.2;
        letter-spacing: 1px;
        text-align: center;
        margin-left: 0;
    }

    #female-pattern-alopecia .diffuse .inner p {
        padding: 0;
        margin-bottom: 10px;
    }

    #female-pattern-alopecia .diffuse .inner .img1 {
        padding: 0 20px
    }

    #female-pattern-alopecia .diffuse .inner img {
        width: 100%;
        height: auto;
    }

    #female-pattern-alopecia .diffuse .inner .img2 ul {
        padding: 0;
        margin-bottom: 10px;
    }

    #female-pattern-alopecia .pantogar h3 {
        font-size: 20px;
        text-align: center;
        padding-left: 0;
    }

    #female-pattern-alopecia .pantogar .img1 img {
        width: 100%;
        height: auto;
    }

    #female-pattern-alopecia .pantogar .inner {
        padding: 0 10px;
    }

    #female-pattern-alopecia .pantogar table {
        font-size: 12px;
        margin-bottom: 20px;
    }

    #female-pattern-alopecia .pantogar table th {
        display: block;
        width: 100%;
        border-bottom: none;
    }

    #female-pattern-alopecia .pantogar table td {
        display: block;
        width: 100%;
        border-bottom: none;
    }

    #female-pattern-alopecia .pantogar table td:last-of-type {
        border-bottom: 1px solid #333;
    }

    #female-pattern-alopecia .pantogar ul.flow li {
        float: none;
        margin-right: 0;
    }

    #female-pattern-alopecia .pantogar ul.flow li img {
        width: 100%;
        height: auto;
    }

    #female-pattern-alopecia .pantogar .graph img {
        width: 100%;
        height: auto;
    }

    #female-pattern-alopecia .other h4.c07 {
        font-size: 18px !important;
        line-height: 1.2 !important;
        padding: 10px !important;
    }

    #female-pattern-alopecia .other ul.c03 h5 {
        font-size: 14px;
        left: 20px;
    }

    #female-pattern-alopecia .other ul.c04 li h5 {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    #female-pattern-alopecia .other ul.c04 li p {
        font-size: 12px;
        width: 100%;
    }

    #female-pattern-alopecia .other ul.c04 li {
        margin-bottom: 10px;
    }

    #female-pattern-alopecia .other .exp h5 {
        font-size: 18px !important;
    }

    #female-pattern-alopecia .other .exp ul.c05 li em {
        font-size: 12px;
        width: 100%;
    }

    #female-pattern-alopecia .products {
        margin: 20px 0;
    }

    #female-pattern-alopecia .products h3 {
        font-size: 20px;
        text-align: center;
        line-height: 140px;
        height: 140px;
        text-indent: 0;
    }

    #female-pattern-alopecia .products .inner {
        padding: 0 30px;
    }

    #female-pattern-alopecia .products ul li .thumb {
        float: none;
        text-align: center;
    }

    #female-pattern-alopecia .products ul li dl {
        padding-left: 0;
    }

    #female-pattern-alopecia .products ul li dl dt {
        font-size: 14px;
    }

    #diagnosis #rsv {
        padding: 80px 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #diagnosis #rsv .more-link {
        margin-bottom: 40px;
    }

    #diagnosis #rsv .more-link a {
        font-size: 18px;
        width: 100%;
    }

    #diagnosis #rsv p {
        font-size: 12px;
    }

    #diagnosis #rsv p br {
        display: none;
    }
}

#kyu-shin {
    width: 900px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

#kyu-shin img {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.anc_box {
    margin-top: -100px;
    padding-top: 100px;
}

/**20190315**/
.pc-img {
    display: inline;
}

.sp-img {
    display: none;
}

/* 191123 datumo */
ul.datumo-list {
    width: 100%;
    float: left;
}

ul.datumo-list li {
    width: 49%;
    float: left;
    margin: 0 2% 2% 0;
}

ul.datumo-list li:nth-child(2n) {
    margin: 0 ;
}

img.posa {
    width: 90% !important;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 8%;
    position: absolute;
}

#page .page-wrap .page-section img.posa2 {
    position: absolute;
    width: 90%;
    bottom: 21%;
    left: 5%;
}

/*20200211*/
.tel {
    text-align: center;
    width: 100%;
    float: left;
    margin: 10px auto 15px;
    overflow: hidden;
}

.tel_box {
    width: 100%;
    float: left;
    padding: 0 14%;
}

.tel_box a {
    background: #ffefef;
    display: block;
    font-size: 35px;
    font-weight: 600;
    letter-spacing: 2px;
    border: 5px solid #dc92a1;
    border-radius: 16px;
    text-decoration: none !important;
    color: #dc92a1 !important;
    box-sizing: border-box;
}

.tel h4 {
    color: #dd728e !important;
}

/*top*/
.tel.slide_tel {
    position: absolute;
    max-width: 468px;
    width: 100%;
    right: 1%;
    bottom: 10%;
    color: #000;
    background: #ffffff8f;
    padding: 8px 10px 14px 10px;
}

.tel.slide_tel h4 {
    font-size: 20px;
}

.tel.slide_tel .tel_box a {
    font-size: 25px;
    margin: 10px auto 0;
}

.corona {
    position: absolute;
    bottom: 70px;
    right: 1%;
    z-index: 1;
}

.posr.tel.tel_top {
    margin: 0 auto 40px;
    padding: 0 10px;
    width: 100%;
}

.posr.tel.tel_top:last-child {
    margin: 0 auto 80px;
}

.posr.tel.tel_top h4 {
    font-size: 25px;
    line-height: 1.8;
}

.posr.tel.tel_top p {
    margin: 15px auto;
    font-size: 15px;
    line-height: 1.8;
}

.posr.tel.tel_top .tel_box {
    max-width: 390px;
    text-align: center;
    margin: auto;
    float: none;
    padding: 0;
}

/*google ????? ======*/
.google-c {
    background: #f8f7f4;
}

.google-c span.simcal-event-title {
    font-size: 16px;
}

.google-c li.simcal-event {
    text-align: center;
}

#clinic h3 small {
    text-align: right;
    font-size: 20px;
    float: right;
}

.off-box .off-inner {
    margin: 0 auto 20px;
    background: #ff7474;
    padding: 10px;
    text-align: center;
    color: #fff;
    border-radius: 7px;
}

.off-box .off-inner span.off-stuff {
    font-size: 18px;
}

.c-earring .off-box .off-inner span.off-stuff {
    color: #333;
    font-size: 16px;
    display: block;
}

.off-box .off-inner b .off-big {
    font-size: 26px;
    padding: 0 2px;
}

.off-box .off-inner b {
    font-size: 18px;
}

#page .page-wrap .page-section .exp h4 span {
    float: right;
    color: #7b5353;
    background: linear-gradient(transparent 53%, #f9ec4b 0%);
    font-size: 16px;
}

.u-text {
    background: linear-gradient(transparent 50%, #f9ec4b 30%);
    font-weight: 600;
    color: #7b5353;
}

#page .page-wrap .page-section .exp dl.detail dt .new {
    background: #e4a0ad;
    font-size: 15px;
    width: 50px;
    height: 50px;
    padding: 11px 6px;
    border-radius: 60px;
    display: inline-block;
    color: #fff;
}

.bs-title-wrap {
    width: 90%;
    float: right;
    padding: 0 0 0 1%;
}

.bs-title-wrap small.text-small {
    font-size: 14px;
}

span.bottom-txt {
    margin: 10px auto 0;
    display: block;
}

#page .page-wrap .page-section .exp dl.detail dd span {
    /* float: right; */
}

#page .page-wrap .page-section .exp dl.detail dd.dp_price span {
    width: 105px;
    display: inline-block;
}

#page .page-wrap .page-section .exp dl.detail dd.dp_price span.ss {
    width: 88px;
}

#page .page-wrap .page-section .exp dl.detail dd.dp_price small {
    font-size: 13px;
    display: inline-block;
    margin-left: 3px;
    color: #5a5a5a;
}

#page .page-wrap .red {
    color: #f75555;
}

#page .page-wrap .red-text {
    color: #f75555;
    float: none !important;
}

#page .page-wrap .page-section .exp dl.detail .point-wrap {
    display: flex;
    margin: 10px auto 5px;
    WIDTH: 100%;
    flex-wrap: wrap;
    gap: 9px 0;
    }

#page .page-wrap .page-section .exp dl.detail .point-wrap .point {
    background: #ff9a01;
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    padding: 2px 12px;
    border-radius: 40px;
    text-align: center;
    margin: 0 1% 0 0;
    word-break: break-all;
}

#page .page-wrap .page-section .txt-box.pd_point.acne_p {
    border: none;
    padding: 10px 0 0;
    font-size: 14px;
}

#page .page-wrap .page-section .exp dl.detail .point-wrap.laennec-point .point {
    /* margin-top: 9px; */
}

#page .page-wrap .page-section .exp dl.detail .point-wrap.laennec-point {
    flex-wrap: wrap;
}

#page .page-wrap .page-section .exp .txt-box.pd_point.acne_p dl.detail .point-wrap {
}

#page .page-wrap .page-section .exp dl.detail .acne_p .point-wrap {
    padding: 0;
    margin: 0;
    display: block;
    width: 20%;
}

#page .page-wrap .page-section dl.detail .pd_point.acne_p .point {
    color: #fff;
    background: #82b9bc;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
}

.exp.bs {
    display: flex;
    padding: 27px 10px !important;
}

.exp.bs .img-box,.exp.bs02 .img-box {
    width: 40%;
}

.exp.bs txt-box {
    width: 70%;
}

.exp.bs .txt-box {
    width: 60%;
    padding: 0 0 0 2%;
}

.exp.bs .txt-box b {
    display: inline;
    background: #478a5e;
    color: #fff;
    padding: 3px;
}

.exp.bs02 .txt-box {
    width: 100%;
}

.exp.bs02 .img-box {
    float: left;
    margin: 0 2% 2% 0;
}

#page .page-wrap .page-section .exp.reserv span {
    font-size: 18px;
}

#page .page-wrap .page-section .exp.reserv a {
    font-size: 20px;
}

#page .page-wrap .page-section .exp.reserv {
    padding: 20px;
}

@media only screen and (max-width: 1300px) {
    .tel.slide_tel {
        display:none;
    }

    .corona {
        position: absolute;
        bottom: 54px;
        z-index: 1;
    }
}

@media only screen and (max-width: 414px) {
    .pc {
        display:none;
    }

    #kyu-shin {
        width: 96%;
        height: auto;
        overflow: hidden;
        margin: 15px auto 0;
    }

    .anc_box {
        margin-top: -80px;
        padding-top: 80px;
    }

    /**20190315**/
    .pc-img {
        display: none;
    }

    .sp-img {
        display: inline;
    }

    ul.clearfix {
        display: flex;
        flex-wrap: wrap;
    }

    .posr.tel.tel_top h4 {
        font-size: 21px;
    }

    .tel_box a {
        font-size: 23px;
        border: 3px solid #dc92a1;
        border-radius: 5px;
        padding: 9px 5px;
    }

    #clinic h3 small {
        font-size: 14px;
        margin: 10px auto 0;
    }

    .off-box .off-inner span.off-stuff {
        font-size: 16px;
    }

    #page .page-wrap .page-section .exp h4 span {
        /* float: right; */
        font-size: 14px;
        color: #ff9a01;
        margin: 0 0 0 auto;
    }

    #page .page-wrap .page-section .exp dl.detail .point-wrap .point {
        margin: 0 2% 10px 0;
        line-height: 1.6;
    }

    #page .page-wrap .page-section dl.detail .pd_point.acne_p .point {
        width: 100%;
        display: block;
        margin: 0 auto 10px;
        font-size: 12px;
    }

    #page .page-wrap .page-section .txt-box.pd_point.acne_p dl li {
        font-size: 12px;
    }

    #page .page-wrap .page-section .exp dl.detail .point-wrap {
        flex-wrap: wrap;
        width: 100%;
    }

    #page .page-wrap .page-section .exp dl.detail .acne_p .point-wrap {
        width: auto;
    }

    #page .page-wrap .page-section .exp dl.detail .d_point {
        flex-wrap: wrap;
    }

    #page .page-wrap .page-section .exp dl.detail .d_point dl li:first-child {
        margin: 0;
    }

    #page .page-wrap .page-section .exp dl.detail .d_point dl {
        width: 100%;
    }

    #page .page-wrap .page-section .exp dl.detail .d_point dl li {
        margin: 0 10px 0 5px;
        font-size: 12px;
    }

    #page .page-wrap .page-section .exp dl.detail .d_point .point-wrap .point {
        font-size: 13px;
    }

    #page .page-wrap .page-section .exp dl.detail .d_point .point-wrap {
        width: 100%;
    }

    .exp.bs {
        flex-wrap: wrap;
    }

    .exp.bs .img-box{
        width: 100%;
    }

    .exp.bs .txt-box {
        width: 100%;
        padding: 10px 0 0 0;
    }

    .exp.bs02 .img-box {
        width: 100%;
        float: none;
        clear: both;
    }

    #page .page-wrap .page-section .exp dl.detail dd .more-box {
        flex-wrap: wrap;
    }

    #page .page-wrap .page-section .exp dl.detail dd .more-box .left {
        width: 100%;
        margin: 0;
    }

    #page .page-wrap .page-section .exp dl.detail dd .more-box .right {
        width: 100%;
        margin: 10px auto 0;
    }


    /*womwan men*/
    #page .page-wrap .page-section .exp dl.detail dd .more-box .osusume h5 span {
        font-size: 12px;
        display: block;
        float: right;
        margin: 0 0 0 27px;
    }
    
    #page .page-wrap .page-section .exp dl.detail dd .more-box .osusume {
        padding: 10px;
        margin: 0 0 10px 0;
    }
    
    #page .page-wrap .page-section .exp dl.detail dd .more-box .osusume h5 {
        margin: 0 0 10px 0;
    }
    
    #page .page-wrap .page-section .exp dl.detail dd .more-box .osusume:last-child {
        margin: 0;
    }

    #page .page-wrap .page-section i {
        width: 70px;
    }

    #page .page-wrap .page-section .exp dl.detail dt .new {
        width: 38px;
        height: 38px;
        text-align: center;
        font-size: 13px;
        padding: 11px 0;
        line-height: 1.4;
    }

    .bs-title-wrap {
        width: 83%;
    }

    #page .page-wrap .page-section .exp dl.detail small {
        font-size: 14px;
        display: inline-block;
    }

    span.bottom-txt {
        font-size: 14px;
    }

    .corona h4 {
        text-align: center;
        position: relative;
        bottom: 0;
        right: 0;
        left: 0;
        color: #fff;
        background: #2991c9;
        padding: 13px;
        font-size: 17px;
    }

    .corona h4 small {
        font-size: 14px;
        display: block;
        margin-bottom: 3px;
    }

    .corona {
        right: 0;
        left: 0;
        width: 90%;
        margin: auto;
        bottom: 40px;
    }

    #page .page-wrap .page-section .exp dl.detail dd.dp_price span {
        display: block;
    }

    #page .page-wrap .page-section .exp dl.detail dd.dp_price small {
        font-size: 12px;
    }

    #page .page-wrap .page-section .exp dl.detail dd div {
        margin: 0 auto 5px;
        width: 100%;
    }

    #page .page-wrap .page-section .exp.small_v {
        padding: 10px;
    }

    #page .page-wrap .page-section .txt-box.pd_point {
        flex-wrap: wrap;
    }

    #page .page-wrap .page-section .pd_point .point {
        width: 100%;
        display: block;
        margin: 0 auto 10px;
    }

    #page .page-wrap .page-section .exp dl.detail dd ul.flow li .num {
        width: 19px;
        height: 19px;
        margin: 4px 2% 0 0;
    }

    #page .page-wrap .page-section .txt-box.pd_point dl li {
        margin: 0 10px 0 5px;
    }

    #page .page-wrap .page-section .txt-box.pd_point dl {
        width: 100%;
    }

    #page .page-wrap .page-section .acne img {
        width: 100%;
    }

    #page .page-wrap .page-section a.pd_button {
        font-size: 14px;
        border: 1px solid #e6c588;
        box-shadow: 2px 3px 2px 0px #f7ecd7;
    }

    /*earring*/
    .c-earring h6.center {
        text-align: center;
        font-size: 16px;
        margin: 0 auto 20px;
    }

    #page .page-wrap .page-section.c-earring ul {
        display: flex;
        flex-wrap: wrap;
    }

    #page .page-wrap .page-section.c-earring ul li {
        width: 48%;
        margin: 0 2% 0 0;
    }

    #page .page-wrap .page-section.c-earring ul li:nth-child(2n) {
        margin: 0 0 0 0;
    }

    .c-earring .off-box .off-inner span.off-stuff {
        font-size: 14px;
    }

    
/*winter2023*/
#page .page-wrap .page-section .exp .redbar-box .redbar {
    font-size: 14px;
    transform: rotateZ(0deg);
    left: 0;
    right: 0;
    top: inherit;
    background: hsl(339.61deg 82.19% 51.57% / 85.1%);
    color: #fff;
    border: none;
    bottom: 0;
    text-align: center;
}

#page .page-wrap .page-section .exp dl.detail .point-wrap .point {
    margin: 0 2% 0 0;
}

.first-img figure {
    width: 100%;
    float: none;
    text-align: center;
}
    
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb30 {
    margin-bottom: 30px;
}

.posr {
    position: relative;
    width: 100%;
    float: left;
}

#page .page-wrap .page-section .exp.reserv span {
    font-size: 16px;
}



}