@charset "utf-8";


.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { *zoom: 1; }

.dn-pc { display:none !important; }
.dn-pc2 { display:none !important; }
.dn-sp { display:block !important; }
.dn-sp2 { display:inline-block !important; }
.hidden { display:none !important; }
.lcp { opacity:1 !important; transform:none !important; transition:none !important; }
.sr-only { position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; clip:rect(0 0 0 0); overflow:hidden; }

@media screen and (max-width:899px){
.dn-pc { display:block !important; }
.dn-pc2 { display:inline-block !important; }
.dn-sp { display:none !important; }
.dn-sp2 { display:none !important; }
}

*, *::before, *::after { box-sizing:border-box; }




/* ----------------------------------------------
 ! normalize
 ---------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html { font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body { line-height:1; background:#fff; font-size:1em; color:#000; }

/* html5 format */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary { display: block; }

audio,
canvas,
progress,
video { display:inline-block; vertical-align:baseline; }

audio:not([controls]) { display:none; height:0; }

a { background-color:transparent; }
a:active,
a:hover { outline:0; }

b,
strong { font-weight:600; }

small { font-size:80%; }

sub,
sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }

sup { top:-0.5em; }
sub { bottom:-0.25em; }

img { border:0; vertical-align:middle; }

hr { -moz-box-sizing:content-box; box-sizing:content-box; height:0; }

pre { overflow:auto; }

code,
kbd,
pre,
samp { font-family:monospace, monospace; font-size:1em; }

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

td,
th { padding:0; }




/* ----------------------------------------------
 ! Base
 ---------------------------------------------- */

body { width:100%; overflow-x:hidden; font-family:'Zen Kaku Gothic New'; font-style:normal; font-weight:400; }
#content {}
.font-min { font-family:'Zen Old Mincho'; font-style:normal; font-weight:500; }
.font-en {}

@media screen and (max-width:899px){
body { min-width:280px; }
#content {}
}
@media screen and (min-width:900px){
body {}
#content {}
}

@media screen and (min-width:1380px){
body { min-width:1380px; }
#content {}
}




/* ----------------------------------------------
 ! Fonts
 ---------------------------------------------- */

@font-face {
  font-display:swap;
  font-family:'Zen Kaku Gothic New';
  font-style:normal;
  font-weight:400;
  src:url('../fonts/zen-kaku-gothic-new-v18-japanese-regular.woff2') format('woff2');
}

/* zen-old-mincho-500 - japanese */
@font-face {
  font-display:swap;
  font-family:'Zen Old Mincho';
  font-style:normal;
  font-weight:500;
  src:url('../fonts/zen-old-mincho-v13-japanese-500.woff2') format('woff2');
}




/* ----------------------------------------------
 ! Animation
 ---------------------------------------------- */

.fade {
  transform: translateY(20px);
  opacity: 0;
  transition: all 0.8s ease;
}
.fade.active {
  transform: translateY(0);
  opacity: 1;
}




/* ----------------------------------------------
 ! Slider
 ---------------------------------------------- */

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list { position:relative; display:block; overflow:hidden; margin:0; padding:0; }
.slick-list:focus { outline:none; }
.slick-list.dragging { cursor:pointer; cursor:hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track { position:relative; top:0; left:0; display:block; margin-left:auto; margin-right:auto; }
.slick-track:before,
.slick-track:after { display:table; content:''; }
.slick-track:after { clear:both; }
.slick-loading .slick-track { visibility:hidden; }
.slick-slide { display:none; float:left; height:100%; min-height:1px; }
[dir='rtl'] .slick-slide { float:right; }
.slick-slide img { display:block; }
.slick-slide.slick-loading img { display:none; }
.slick-slide.dragging img { pointer-events:none; }
.slick-initialized .slick-slide { display:block; }
.slick-loading .slick-slide { visibility:hidden; }
.slick-vertical .slick-slide { display:block; height:auto; border:1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }




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

body {}
body.clicked-nav { height:100vh; overflow:hidden; }
header {}
#header-wrap { width:100%; height:23.07vw; background:#fff; z-index:99998; position:relative; }
#header-txt { position:absolute; top:15.38vw; left:14.1vw; font-size:2.31vw; color:#0C0C0C; font-weight:500; letter-spacing:0.01em; z-index:99995; }
#header-logo { display:flex; align-items:center; width:44.1vw; height:auto; aspect-ratio:440/88; padding:7.68vw 0 0 5.64vw; position:relative; z-index:99995; }
#header-logo a { display:block; text-decoration:none; }
#header-logo a img { width:100%; height:auto; }

@media screen and (min-width:900px){
header {}
#header-wrap { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; height:10.86vw; background:none; margin:0 auto; }
#header-txt { top:7.61vw; left:5.65vw; font-size:0.94vw; }
#header-logo { width:18.11vw; margin:1.74vw 0 0 1.45vw; padding:0; }
#header-logo a {}
#header-logo a:hover { opacity:0.7; transition:1s ease; }
}
@media screen and (min-width:1380px){
header {}
#header-wrap { width:1380px; height:150px; }
#header-txt { top:105px; left:78px; font-size:13px; }
#header-logo { width:250px; margin:24px 0 0 20px; }
#header-logo a {}
}




#header-nav {}
#header-nav-menu { position:fixed; top:0; left:100%; width:calc(100% - 3.07vw); height:100%; background:rgba(245,245,245,1) url(../img/common/bg-clinic-infobk.webp) left 40vw/70% auto no-repeat; overflow-y:scroll; margin:0 0 0 3.07vw; transition:all 0.4s linear; z-index:99996; }
#header-nav-menu.clicked { left:0; transition:all 0.2s linear; }

@media screen and (min-width:900px){
#header-nav { width:72.46vw; margin:5.07vw 1.45vw 0 0; }
#header-nav-menu { position:static; width:100%; height:auto; background:none; overflow:visible; margin:0; padding:0; }
#header-nav-menu:before { display:none; }
}
@media screen and (min-width:1380px){
#header-nav { width:1000px; margin:70px 0 0 0; }
#header-nav-menu {}
}




#btn-main-navi { position:absolute; position:fixed; top:0; right:0; width:23.07vw; height:23.07vw; background:#fff; border:none; text-align:center; transition:all 0.4s linear; z-index:99999; }
#btn-main-navi span { position:absolute; left:7.18vw; width:8.71vw; height:0.51vw; background:#0C0C0C; }
#btn-main-navi span:nth-child(1) { top:8.97vw; }
#btn-main-navi span:nth-child(2) { top:10.51vw; }
#btn-main-navi span:nth-child(3) { top:12.05vw; }
#btn-main-navi b { position:absolute; top:14.35vw; left:50%; width:100%; margin:0 0 0 -50%; font-size:2.05vw; color:#0C0C0C; font-weight:400; letter-spacing:0.08em; }
#btn-main-navi b i { font-style:normal; }
#btn-main-navi b i:last-child { display:none; }
.btn-hn-on {}
.btn-hn-on b { color:#0C0C0C !important; }
.btn-hn-on b i:first-child { display:none; transition:all 0.2s linear; }
.btn-hn-on b i:last-child { display:block !important; transition:all 0.2s linear; }
.btn-hn-on span:nth-child(1) { top:10.51vw !important; left:7.18vw !important; width:8.71vw !important; background:#0C0C0C !important; transform:rotate(25deg); transition:all 0.2s linear; }
.btn-hn-on span:nth-child(2) { display:none; }
.btn-hn-on span:nth-child(3) { top:10.51vw !important; left:7.18vw !important; width:8.71vw !important; background:#0C0C0C !important; transform:rotate(-25deg); transition:all 0.2s linear; }

@media screen and (min-width:900px){
#btn-main-navi { display:none; }
}
@media screen and (min-width:1380px){
#btn-main-navi {}
}




.clicked-nav { position:relative; }
.clicked-nav:after { content:""; position:fixed; top:0; left:0; width:100%; height:100vh; background:rgba(0,0,0,0.4); z-index:99995; }
.clicked-nav #header-wrap { background:none; }




#header-logo2 { height:23.07vw; background:#0C0C0C; margin:0 0 7.69vw; padding:8.97vw 0 0 2.57vw; }
#header-logo2 img { width:44.1vw; height:auto; aspect-ratio:440/88; }
#header-contact { border-top:1px #958d84 solid; }
#header-contact > li { border-bottom:1px #958d84 solid; list-style:none; position:relative; }
#header-contact > li > a { display:flex; align-items:center; height:13.84vw; line-height:1.8; background:#7e6b55; padding:0 12.82vw 0 9.74vw; font-size:3.59vw; color:#fff; font-weight:500; text-decoration:none; position:relative; }
#header-contact > li:nth-of-type(1) a { background:#7e6b55 url(../img/common/ico_sp_01.svg) 4.1vw center/2.82vw auto no-repeat; }
#header-contact > li:nth-of-type(2) a { background:#7e6b55 url(../img/common/ico_tel_01.svg) 3.59vw center/3.67vw auto no-repeat; }
#header-contact > li:nth-of-type(3) a { background:#7e6b55 url(../img/common/ico_mail_01.svg) 3.33vw center/3.92vw auto no-repeat; }

@media screen and (min-width:900px){
#header-logo2,
#header-contact { display:none; }
}
@media screen and (min-width:1380px){

}




#header-nav-ul {}
#header-nav-ul > li { border-bottom:1px #958d84 solid; list-style:none; position:relative; }
#header-nav-ul > li > a,
#header-nav-ul > li > mark { display:flex; align-items:center; height:13.84vw; line-height:1.8; background:#7d7551; padding:0 12.82vw 0 9.74vw; font-size:3.59vw; color:#fff; font-weight:500; text-decoration:none; position:relative; }
#header-nav-ul > li > a:before,
#header-nav-ul > li > mark:before { content:""; position:absolute; top:50%; left:4.1vw; width:2vw; height:2vw; border-top:0.6vw solid #fff; border-right:0.6vw solid #fff; transform:translateY(-50%) rotate(45deg); }

@media screen and (max-width:899px){
#header-nav-ul > li:first-of-type > a { background:#7d7551 url(../img/common/ico_home_01.svg) 3.33vw center/3.92vw auto no-repeat; }
#header-nav-ul > li:first-of-type > a:before,
#header-nav-ul > li:first-of-type > a:after { display:none; }
}
@media screen and (min-width:900px){
#header-nav-ul { display:flex; flex-flow:row nowrap; justify-content:space-between; border-top:none; position:static; }
#header-nav-ul > li { border-bottom:none; position:relative; }
#header-nav-ul > li:not(:first-of-type)::before { content:""; position:absolute; top:calc(50% - 0.72vw); left:-1.45vw; width:1px; height:1.45vw; background:#0C0C0C; }
#header-nav-ul > li > a, 
#header-nav-ul > li > mark { height:3.62vw; background:linear-gradient(#fff, #fff); background-repeat: no-repeat; background-position:bottom right; background-size:0 0.14vw; transition:background-size 0.3s;  padding:0 0.29vw; font-size:1.01vw; color:#384658; font-weight:600; position:relative; }
#header-nav-ul > li > a:before,
#header-nav-ul > li > mark:before { display:none; }
#header-nav-ul > li > a:after { display:none; }
#header-nav-ul > li.dn-annai > mark { padding:0 1.45vw 0 0.29vw; }
#header-nav-ul > li.dn-annai > mark:after { content:""; position:absolute; top:calc(50% - 0.29vw); right:0; width:0; height:0; border-style:solid; border-width:0.43vw 0.29vw 0 0.29vw; border-color:#B4AA80 transparent transparent transparent; }
#header-nav-ul > li > a:hover, 
#header-nav-ul > li > mark:hover { background-position:bottom left; background-size:100% 0.14vw; color:#2971A9; transition:1s ease; cursor:pointer; }
#header-nav-ul > li > a:hover::before, 
#header-nav-ul > li > mark:hover::before { opacity:1; transition:1s ease; }
#header-faq { position:absolute !important; top:0; left:calc(50% + 6.52vw); z-index:99999; }
#header-faq:before { display:none; }
#header-faq a { justify-content:center; width:14.49vw; height:5.07vw !important; background:#0C0C0C url(../img/common/ico_question_01.svg) center 1.01vw/0.87vw auto no-repeat !important; padding:1.88vw 0 0 !important; font-size:1.16vw; color:#fff !important; font-size:1.09vw !important; font-weight:400 !important; }
#header-faq a:hover { opacity:0.7; transition:1s ease; }
}
@media screen and (min-width:1380px){
#header-nav-ul {}
#header-nav-ul > li {}
#header-nav-ul > li:not(:first-of-type)::before { top:calc(50% - 10px); left:-20px; height:20px; }
#header-nav-ul > li > a, 
#header-nav-ul > li > mark { height:50px; background-size:0 2px; padding:0 8px; font-size:16px; }
#header-nav-ul > li > a:before,
#header-nav-ul > li > mark:before {}
#header-nav-ul > li > a:after {}
#header-nav-ul > li.dn-annai > mark { padding:0 20px 0 4px; }
#header-nav-ul > li.dn-annai > mark:after { top:calc(50% - 4px); right:0; border-width:6px 4px 0 4px; }
#header-nav-ul > li > a:hover, 
#header-nav-ul > li > mark:hover { background-size:100% 2px; }
#header-faq { left:calc(50% + 90px); }
#header-faq a { width:200px; height:70px !important; background:#0C0C0C url(../img/common/ico_question_01.svg) center 14px/12px auto no-repeat !important; padding:26px 0 0 !important; font-size:16px; font-size:15px !important; }
}




.header-ul-sub { display:flex; flex-flow:row wrap; }
.header-ul-sub > li { width:50%; border-bottom:1px #505050 solid; list-style:none; position:relative; }
.header-ul-sub > li:nth-child(odd) { border-right:1px #505050 solid; }
.header-ul-sub > li > a { display:flex; align-items:center; height:13.84vw; line-height:1.5; padding:0 4.1vw 0 8.97vw; background:#fff; font-size:3.59vw; color:#0C0C0C; font-weight:500; text-decoration:none; position:relative; }
.header-ul-sub > li > a:before { content:""; position:absolute; top:50%; left:4.1vw; width:2vw; height:2vw; border-top:0.6vw solid #0C0C0C; border-right:0.6vw solid #0C0C0C; transform:translateY(-50%) rotate(45deg); }

@media screen and (max-width:899px){
.header-ul-sub { max-height:0; overflow:hidden; transition:max-height .3s ease; }
.header-ul-sub-on { max-height:200svh; }
.btn-hd-sub-open { position:absolute; top:0; right:0; width:100%; height:14.35vw; }
.btn-hd-sub-open:before { content:""; position:absolute; top:50%; right:4.1vw; width:4.1vw; height:0.51vw; background:#fff; }
.btn-hd-sub-open:after { content:""; position:absolute; top:50%; right:4.1vw; width:4.1vw; height:0.51vw; background:#fff; transform:rotate(90deg); }
.btn-hs-on:after { display:none; transition:all 0.2s linear; }
}
@media screen and (min-width:900px){ 
.btn-hd-sub-open { display:none; }
.btn-hs-on:after {}
.header-ul-sub { opacity:0; max-height:0; overflow:hidden; pointer-events:none; transition:max-height .25s ease, opacity .25s ease; display:flex; flex-flow:row wrap; position:absolute; top:3.62vw; right:0; width:36.95vw; background:rgba(248,248,248,0.95); border:1px #D9D9D9 solid; z-index:99999; }
.dn-annai:last-of-type .header-ul-sub { left:auto; right:0; }
.header-ul-sub-on { opacity:1; max-height:100svh; pointer-events:auto; }
.header-ul-sub > li { width:calc(100% / 2); border-bottom:1px #D9D9D9 solid; }
.header-ul-sub > li:nth-child(odd) { border-right:1px #D9D9D9 solid; }
.header-ul-sub > li > a { height:3.62vw; background:none; padding:0 0 0 2.17vw; font-size:0.94vw; color:#535050; font-weight:500; position:relative; }
.header-ul-sub > li > a:before { left:0.72vw; width:0.43vw; height:0.43vw; border-top:0.07vw solid #0C0C0C; border-right:0.07vw solid #0C0C0C; }
.header-ul-sub > li > a:hover { text-decoration:underline; transition:1s ease; }
}
@media screen and (min-width:1380px){
.btn-hd-sub-open {}
.btn-hs-on:after {}
.header-ul-sub { top:50px; width:510px; }
.dn-annai:last-of-type .header-ul-sub {}
.header-ul-sub-on {}
.header-ul-sub > li {}
.header-ul-sub > li > a { height:50px; padding:0 0 0 30px; font-size:13px; }
.header-ul-sub > li > a:before { left:10px; width:6px; height:6px; border-top:1px solid #0C0C0C; border-right:1px solid #0C0C0C; }
}





@media screen and (min-width:900px){
#header-nav-menu .medical-hour-box,
#header-nav-menu .common-bnr,
#header-nav-menu .btn-directions-to-clinic { display:none; }
}
@media screen and (min-width:1380px){

}




.medical-hour-box {}
#header-nav-menu .medical-hour-box { margin:0 5.13vw; }
.medical-hour-box table { width:100%; margin:0 0 3.33vw; }
.medical-hour-box thead th { text-align:center; padding:2.56vw 0; font-size:2.82vw; color:#535050; font-weight:500; }
.medical-hour-box thead th:first-of-type { width:25%; text-align:left; }
.medical-hour-box thead th:not(:first-of-type) { width:calc(75% / 8); white-space:nowrap; }
.medical-hour-box tbody th { border-top:1px #D9D9D9 solid; text-align:left; padding:2.56vw 0; font-size:2.82vw; color:#535050; font-weight:500; }
.medical-hour-box td { border-top:1px #D9D9D9 solid; text-align:center; padding:2.56vw 0; font-size:2.82vw; color:#535050; font-weight:400; }
.medical-hour-note { line-height:2; padding:0 0 5.13vw; font-size:2.82vw; }
#header-nav-menu .medical-hour-note { color:#0C0C0C; }
.c-green { color:#B4AA80 !important; }


@media screen and (min-width:900px){
.medical-hour-box {}
.medical-hour-box table { margin:0 0 1.16vw; }
.medical-hour-box thead th { padding:0.72vw 0; font-size:0.94vw; }
.medical-hour-box thead th:first-of-type { width:30%; }
.medical-hour-box thead th:not(:first-of-type) { width:calc(70% / 7); }
.medical-hour-box tbody th { padding:0.72vw 0; font-size:0.94vw; }
.medical-hour-box td { padding:0.71vw 0; font-size:0.94vw; }
.medical-hour-note { padding:0 0 1.16vw; font-size:1.01vw; }
}
@media screen and (min-width:1380px){
.medical-hour-box {}
.medical-hour-box table { margin:0 0 16px; }
.medical-hour-box thead th { padding:10px 0; font-size:13px; }
.medical-hour-box thead th:first-of-type {}
.medical-hour-box thead th:not(:first-of-type) {}
.medical-hour-box tbody th { padding:10px 0; font-size:13px; }
.medical-hour-box td { padding:10px 0; font-size:13px; }
.medical-hour-note { padding:0 0 16px; font-size:12px; }
}




#bottom-nav { position:absolute; position:fixed; bottom:0; left:0; width:100%; z-index:99996; }
#bottom-nav ul { display:flex; flex-flow:row nowrap; box-shadow:0 0 0.77vw 0 #aaa; }
#bottom-nav li { width:calc(100% / 3); list-style:none; }
#bottom-nav li:not(:last-child) { border-right:1px #707070 solid; }
#bottom-nav li a { display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; height:20.51vw; padding:7.69vw 0 0; font-size:3.07vw; font-weight:400; letter-spacing:0.08em; text-decoration:none; }
#bottom-nav li:nth-child(1) a { background:#0C0C0C url(../img/common/ico_tel_01.svg) center 4.61vw/4.61vw auto no-repeat; color:#fff; }
#bottom-nav li:nth-child(1) span { display:block; }
#bottom-nav li:nth-child(1) em { display:none; }
#bottom-nav li:nth-child(2) a { background:#0C0C0C url(../img/common/ico_mail_01.svg) center 5.38vw/5.13vw auto no-repeat; color:#fff; }
#bottom-nav li:nth-child(3) a { background:#F5F0E5 url(../img/common/ico_sp_02.svg) center 4.35vw/3.07vw auto no-repeat; color:#0C0C0C; }

@media screen and (max-width:899px){

}
@media screen and (min-width:900px){
#bottom-nav { position:static; width:auto; }
#bottom-nav ul { display:block; }
#bottom-nav li { width:auto; height:auto; }
#bottom-nav li:nth-child(1) { position:absolute; top:1.59vw; left:calc(50% - 13.04vw); width:auto; height:auto; border-right:none; z-index:99999; }
#bottom-nav li:nth-child(2) { position:absolute; top:0; left:calc(50% + 21.01vw); border-left:1px solid #707070; z-index:99998; }
#bottom-nav li:nth-child(3) { position:absolute; top:0; left:calc(50% + 35.5vw); border-right:none; z-index:99998; }
#bottom-nav li a { width:100%; }
#bottom-nav li:nth-child(1) a { height:auto; background:none; padding:0; }
#bottom-nav li:nth-child(1) a span { display:none; }
#bottom-nav li:nth-child(1) a em { display:block; font-size:1.23vw; color:#0C0C0C; font-weight:600; letter-spacing:0; }
#bottom-nav li:nth-child(1) a em strong { display:inline-block; margin:0 0 0 0.43vw; font-size:2.17vw; font-style:normal; letter-spacing:0.08em; }
#bottom-nav li:nth-child(2) a { width:14.49vw; height:5.07vw; background:#0C0C0C url(../img/common/ico_mail_01.svg) center 1.16vw/1.45vw auto no-repeat; padding:1.88vw 0 0; font-size:1.09vw; }
#bottom-nav li:nth-child(3) a { width:14.49vw; height:5.07vw; background:#F5F0E5 url(../img/common/ico_sp_02.svg) center 0.87vw/1.01vw auto no-repeat; padding:1.88vw 0 0; font-size:1.09vw; }
#bottom-nav li a:hover { opacity:0.7; transition:1s ease; }
}
@media screen and (min-width:1380px){
#bottom-nav {}
#bottom-nav ul {}
#bottom-nav li {}
#bottom-nav li:nth-child(1) { top:22px; left:calc(50% - 180px); }
#bottom-nav li:nth-child(2) { left:calc(50% + 290px); }
#bottom-nav li:nth-child(3) { left:calc(50% + 490px); }
#bottom-nav li a {}
#bottom-nav li:nth-child(1) a {}
#bottom-nav li:nth-child(1) a span {}
#bottom-nav li:nth-child(1) a em { font-size:17px; }
#bottom-nav li:nth-child(1) a em strong { margin:0 0 0 6px; font-size:30px; }
#bottom-nav li:nth-child(2) a { width:200px; height:70px; background:#0C0C0C url(../img/common/ico_mail_01.svg) center 16px/20px auto no-repeat; padding:26px 0 0; font-size:15px; }
#bottom-nav li:nth-child(3) a { width:200px; height:70px; background:#F5F0E5 url(../img/common/ico_sp_02.svg) center 12px/14px auto no-repeat; padding:26px 0 0; font-size:15px; }
}




html #wpadminbar { position:fixed; }
body.admin-bar {}
body.admin-bar #btn-main-navi { top:46px; }
body.admin-bar #header-nav-menu { top:46px; }

@media screen and (min-width:900px) {
body.admin-bar {}
body.admin-bar #bottom-nav li:nth-child(1) { margin-top:32px; }
body.admin-bar #bottom-nav li:nth-child(2) { margin-top:32px; }
body.admin-bar #bottom-nav li:nth-child(3) { margin-top:32px; }
body.admin-bar #header-nav-menu { top:32px; }
}
@media screen and (min-width:1380px) {

}




/* ----------------------------------------------
 ! footer
 ---------------------------------------------- */

footer { background:rgba(245,245,245,0.3); padding:0 0 20.51vw; }
#footer-wrap { background:url(../img/common/bg-clinic-infobk.webp) 15% bottom/75% auto no-repeat; }

@media screen and (min-width:900px){
footer { padding:3.62vw 0 0; }
#footer-wrap { display:flex; flex-flow:row-reverse nowrap; justify-content:space-between; width:86.95vw; background:none; margin:0 auto; padding:0 0 6.52vw; position:relative; }
#footer-wrap:after { content:""; position:absolute; top:0; left:-10%; width:100%; height:100%; background:url(../img/common/bg-clinic-infobk.webp) left bottom/40% auto no-repeat; z-index:-1; }
}
@media screen and (min-width:1380px){
footer { padding:50px 0 0; }
#footer-wrap { width:1200px; padding:0 0 90px; }
}




#footer-img {}
#footer-img img { width:100%; height:auto; }
#footer-info { padding:7.69vw 5.13vw 10.25vw; }
#footer-logo { width:50vw; padding:0 0 7.69vw; }
#footer-logo img { width:100%; height:auto; }
#footer-ad { line-height:1.8; padding:0 0 7.69vw; font-size:3.59vw; font-weight:400; }
#footer-tel { padding:0 0 7.69vw; font-size:3.85vw; color:#7e6b55; font-weight:600; }
#footer-tel a { display:inline-block; margin:0 0 0 2.56vw; font-size:7.18vw; color:#7e6b55; font-weight:600; letter-spacing:0.05em; text-decoration:none; }
#footer-wrap .medical-hour-box {}
.btn-directions-to-clinic { width:76.92vw; margin:0 auto; padding:2.56vw 0 0; }
.btn-directions-to-clinic a { display:flex; justify-content:center; align-items:center; height:14.35vw; background:#0C0C0C url(../img/common/ico_access.svg) 20% center no-repeat; background-size:3.85vw auto; padding:0 0 0 7.69vw; font-size:3.59vw; color:#fff; font-weight:400; letter-spacing:0.03em; text-decoration:none; }

@media screen and (min-width:900px){
#footer-img { width:42.02vw; }
#footer-img img {}
#footer-info { width:30.07vw; padding:0; }
#footer-logo { width:15.21vw; padding:0 0 2.17vw; }
#footer-logo img {}
#footer-ad { padding:0 0 2.17vw; font-size:1.09vw; }
#footer-tel { padding:0 0 2.17vw; font-size:1.09vw; }
#footer-tel a { margin:0 0 0 0.72vw; font-size:2.03vw; }
#footer-wrap .medical-hour-box {}
.btn-directions-to-clinic { width:20.86vw; padding:1.09vw 0 0; }
.btn-directions-to-clinic a { height:4.05vw; background-size:1.16vw auto; padding:0 0 0 2.61vw; font-size:1.09vw; }
.btn-directions-to-clinic a:hover { opacity:0.7; transition:1s ease; }
}
@media screen and (min-width:1380px){
#footer-img { width:580px; }
#footer-img img {}
#footer-info { width:415px; }
#footer-logo { width:210px;; padding:0 0 30px; }
#footer-logo img {}
#footer-ad { padding:0 0 30px; font-size:15px; }
#footer-tel { padding:0 0 30px; font-size:15px; }
#footer-tel a { margin:0 0 0 10px; font-size:28px; }
#footer-wrap .medical-hour-box {}
.btn-directions-to-clinic { width:288px; padding:15px 0 0; }
.btn-directions-to-clinic a { height:56px; background-size:16px auto; padding:0 0 0 36px; font-size:15px; }
}




#information-gmap {}
#information-gmap iframe { display:block; width:100%; height:79.48vw; }

@media screen and (min-width:900px){
#information-gmap {}
#information-gmap iframe { height:22.46vw; }
}
@media screen and (min-width:1380px){
#information-gmap {}
#information-gmap iframe { height:310px; }
}




#footer-nav { background:#535050; }
#footer-nav-ul {}
#footer-nav-ul > li { border-bottom:1px #3E3E3E solid; list-style:none; position:relative; }
#footer-nav-ul > li > a,
#footer-nav-ul > li > mark { display:flex; align-items:center; height:14.35vw; line-height:1.4; background:#0C0C0C; padding:0 14.1vw 0 9.74vw; font-size:3.59vw; color:#fff; font-weight:500; text-decoration:none; position:relative; }
#footer-nav-ul > li > a:before,
#footer-nav-ul > li > mark:before { content:""; position:absolute; top:50%; left:4.1vw; width:2vw; height:2vw; border-top:0.6vw solid #fff; border-right:0.6vw solid #fff; transform:translateY(-50%) rotate(45deg); }
.btn-ft-sub-open { position:absolute; top:0; right:0; width:100%; height:12.82vw; }
.btn-ft-sub-open:before { content:""; position:absolute; top:50%; right:4.1vw; width:4.1vw; height:0.51vw; background:#fff; }
.btn-ft-sub-open:after { content:""; position:absolute; top:50%; right:4.1vw; width:4.1vw; height:0.51vw; background:#fff; transform:rotate(90deg); }
.btn-fs-on:after { display:none; transition:all 0.2s linear; }
.footer-ul-sub { display:flex; flex-flow:row wrap; }
.footer-ul-sub > li { width:50%; border-bottom:0.5px #505050 solid; list-style:none; position:relative; }
.footer-ul-sub > li > a { display:flex; align-items:center; height:14.35vw; line-height:1.4; padding:0 4.1vw 0 9.74vw; background:#E5E5E5; font-size:3.59vw; color:#0C0C0C; font-weight:500; text-decoration:none; position:relative; }
.footer-ul-sub > li > a:before { content:""; position:absolute; top:50%; left:4.1vw; width:2vw; height:2vw; border-top:0.6vw solid #535050; border-right:0.6vw solid #535050; transform:translateY(-50%) rotate(45deg); }

@media screen and (max-width:899px){
.footer-ul-sub > li:nth-child(odd) { border-right:1px #3E3E3E solid; }
#footer-nav-ul > li:first-of-type > a { background:#0C0C0C url(../img/common/ico_home_01.svg) 3.85vw center/3.92vw auto no-repeat; }
#footer-nav-ul > li:first-of-type > a:before { display:none; }
.footer-ul-sub { max-height:0; overflow:hidden; transition:max-height .3s ease; }
.footer-ul-sub-on { max-height:200svh; }
}
@media screen and (min-width:900px){
#footer-nav { background:#0C0C0C; padding:2.9vw 0; }
#footer-nav-ul { display:flex; flex-flow:column wrap; width:86.95vw; height:30.43vw; margin:0 auto; }
#footer-nav-ul > li { width:18.11vw; margin:0 0 1.01vw; border-bottom:none; }
#footer-nav-ul > li:nth-of-type(4) { margin-bottom:14.49vw; }
#footer-nav-ul > li:nth-of-type(6) { margin-bottom:14.49vw; }
#footer-nav-ul > .dn-annai { width:25.36vw; position:relative; }
#footer-nav-ul > .dn-annai:before { content:""; position:absolute; top:0; left:-1.45vw; width:0.5px; height:30.43vw; background:rgba(255,255,255,0.3); }
#footer-nav-ul > .dn-annai:nth-of-type(6)::after { content:""; position:absolute; top:0; right:1.45vw; width:0.5px; height:30.43vw; background:rgba(255,255,255,0.3); }
#footer-nav-ul > li > a { height:auto; background:none; padding:0 0 0 1.45vw; font-size:1.01vw; }
#footer-nav-ul > li > mark { height:auto; background:none; padding:0; font-size:1.01vw; }
#footer-nav-ul > li > a:before { top:0.72vw; left:0; width:0.43vw; height:0.43vw; border-top:0.07vw solid #fff; border-right:0.07vw solid #fff; }
#footer-nav-ul > li > mark:before { display:none; }
#footer-nav-ul > li:first-of-type > a { background:url(../img/common/ico_home_01.svg) 0 center/1.09vw auto no-repeat; }
#footer-nav-ul > li:first-of-type > a:before { display:none; }
#footer-nav-ul > li > a:hover { text-decoration:underline; transition:1s ease; }
.btn-ft-sub-open { display:none; }
.footer-ul-sub { flex-flow:column nowrap; padding:1.01vw 0 0; }
.footer-ul-sub > li { width:100%; border-bottom:none; margin:0 0 1.01vw; }
.footer-ul-sub > li > a { height:auto; background:none; padding:0 0 0 2.61vw; font-size:1.01vw; color:#fff; }
.footer-ul-sub > li > a:before { top:0.72vw; left:1.16vw; width:0.43vw; height:0.43vw; border-top:0.07vw solid #fff; border-right:0.07vw solid #fff; }
.footer-ul-sub > li > a:hover { text-decoration:underline; transition:1s ease; }
}
@media screen and (min-width:1380px){
#footer-nav { padding:40px 0; }
#footer-nav-ul { width:1200px; height:420px; }
#footer-nav-ul > li { width:250px; margin:0 0 14px; }
#footer-nav-ul > li:nth-of-type(4) { margin-bottom:200px; }
#footer-nav-ul > li:nth-of-type(6) { margin-bottom:200px; }
#footer-nav-ul > .dn-annai { width:350px; }
#footer-nav-ul > .dn-annai:before { left:-20px; width:0.5px; height:420px; }
#footer-nav-ul > .dn-annai:nth-of-type(6)::after { right:20px; width:0.5px; height:420px; }
#footer-nav-ul > li > a { padding:0 0 0 20px; font-size:14px; }
#footer-nav-ul > li > mark { padding:0; font-size:14px; }
#footer-nav-ul > li > a:before { top:10px; width:6px; height:6px; border-top:1px solid #fff; border-right:1px solid #fff; }
#footer-nav-ul > li > mark:before {}
#footer-nav-ul > li:first-of-type > a { background:url(../img/common/ico_home_01.svg) 0 center/15px auto no-repeat; }
#footer-nav-ul > li:first-of-type > a:before {}
.footer-ul-sub { padding:14px 0 0; }
.footer-ul-sub > li { margin:0 0 14px; }
.footer-ul-sub > li > a { padding:0 0 0 36px; font-size:14px; }
.footer-ul-sub > li > a:before { top:10px; left:16px; width:6px; height:6px; border-top:1px solid #fff; border-right:1px solid #fff; }
}




#footer-copy { background:#0C0C0C; text-align:center; padding:7.69vw 0 5.13vw; font-size:3.07vw; color:#fff; }
#footer-copy a { color:#fff; }

@media screen and (min-width:900px){
#footer-copy { padding:2.17vw 0; font-size:1.01vw; }
#footer-copy a {}
#footer-copy a:hover { text-decoration: none; }
}
@media screen and (min-width:1380px){
#footer-copy { padding:30px 0; font-size:14px; }
#footer-copy a {}
}




/* ----------------------------------------------
 ! scroll-top
 ---------------------------------------------- */

#scroll-top { position:absolute; position:fixed; bottom:25.64vw; right:4.1vw; width:12.3vw; z-index:99997; }
#scroll-top a { display:block; }
#scroll-top img { width:100%; height:auto; }

@media screen and (min-width:900px){
#scroll-top { bottom:1.45vw; right:1.45vw; width:3.98vw; }
#scroll-top a {}
#scroll-top a:hover { opacity:0.7; transition:all 1s; }
}
@media screen and (min-width:1380px){
#scroll-top { bottom:20px; right:20px; width:55px; }
#scroll-top a {}
}





/* ----------------------------------------------
 ! common
 ---------------------------------------------- */

#content {}
main {}
#main-wrap {}

@media screen and (max-width:899px){
main { overflow:hidden; }
}
@media screen and (min-width:900px){
#content {}
main {}
#main-wrap {}
#home #main-wrap {}
}
@media screen and (min-width:1380px){
#content {}
main {}
#main-wrap {}
#home #main-wrap {}
}




.txt-basic p { line-height:1.8; font-size:3.85vw; }
.txt-basic p:not(:last-child) { padding:0 0 4.1vw; }
.txt-basic mark { display:inline; background:linear-gradient(transparent 70%, #F9FBBF 0%); font-weight:600; }
.txt-c { text-align:center !important; margin:0 auto; }
.indent01 { padding-left:1rem !important; text-indent:-1rem; }

@media screen and (min-width:900px){
.txt-basic p { font-size:1.09vw; }
.txt-basic p:not(:last-child) { padding:0 0 1.16vw; }
.txt-basic mark {}
}
@media screen and (min-width:1380px){
.txt-basic p { font-size:15px; }
.txt-basic p:not(:last-child) { padding:0 0 16px; }
.txt-basic mark {}
}




.btn-more { width:86.15vw; margin:0 auto; position:relative; }
.btn-more a { display:flex; justify-content:center; align-items:center; height:16.15vw; line-height:1.25; background:#0C0C0C; border-radius:2.05vw; padding:0 4.1vw 0 10.25vw; font-size:3.59vw; color:#fff; font-weight:500; letter-spacing:0.02em; text-decoration:none; position:relative; }
.btn-more a:before { content:""; position:absolute; top:50%; left:4.1vw; width:2vw; height:2vw; border-top:0.6vw solid #fff; border-right:0.6vw solid #fff; transform:translateY(-50%) rotate(45deg); }

@media screen and (min-width:900px){
.btn-more { width:24.63vw; }
.btn-more a { height:4.35vw; border-radius:0.58vw; padding:0 1.45vw 0 2.9vw; font-size:1.09vw; }
.btn-more a:before { left:1.16vw; width:0.43vw; height:0.43vw; border-top:0.07vw solid #fff; border-right:0.07vw solid #fff; }
.btn-more a:hover { opacity:0.7; transition:0.6s ease; }
}
@media screen and (min-width:1380px){
.btn-more { width:340px; }
.btn-more a { height:60px; border-radius:8px; padding:0 20px 0 40px; font-size:15px; }
.btn-more a:before { left:16px; width:6px; height:6px; border-top:1px solid #fff; border-right:1px solid #fff; }
}




.btn-more2 { width:61.54vw; margin:0 auto; position:relative; }
.btn-more2 a { display:flex; justify-content:center; align-items:center; height:14.35vw; line-height:1.25; background:#fff; border:1px #3E6FAE solid; border-radius:14.35vw; font-size:3.85vw; color:#3E6FAE; font-weight:400; letter-spacing:0.14vw; text-decoration:none; position:relative; }
.btn-more2 a:before { content:""; position:absolute; top:calc(50% - 1.055vw); right:4.1vw; width:2.31vw; height:0.51vw; background:#3E6FAE; transform:rotate(45deg); }
.btn-more2 a:after { content:""; position:absolute; bottom:calc(50% - 1.055vw); right:4.1vw; width:2.31vw; height:0.51vw; background:#3E6FAE; transform:rotate(-45deg); }

@media screen and (min-width:900px){
.btn-more2 { width:23.91vw; margin:0 auto; }
.btn-more2 a { height:3.76vw; padding:0 1.45vw 0 0; font-size:1.09vw; letter-spacing:0; }
.btn-more2 a:before { top:1.66vw; right:1.16vw; width:0.65vw; height:0.14vw; }
.btn-more2 a:after { top:2.1vw; right:1.16vw; width:0.65vw; height:0.14vw; }
.btn-more2 a:hover { opacity:0.7; transition:0.6s ease; }
}
@media screen and (min-width:1380px){
.btn-more2 { width:330px; }
.btn-more2 a { height:52px; padding:0 20px 0 0; font-size:15px; }
.btn-more2 a:before { top:23px; right:16px; width:9px; height:2px; }
.btn-more2 a:after { top:29px; right:16px; width:9px; height:2px; }
}




.btn-2pane { }
.btn-2pane li { width:100%; list-style:none; }

@media screen and (max-width:899px){
.btn-2pane li:not(:last-child) { margin-bottom:4.1vw; }
}
@media screen and (min-width:900px){
.btn-2pane { display:flex; flex-flow;row nowrap; justify-content:space-between; width:880px; margin:0 auto; }
.btn-2pane li { width:45%; }
}
@media screen and (min-width:1380px){
.btn-2pane { display:flex; flex-flow;row nowrap; }
.btn-2pane li {}
}




.mb0 { margin-bottom:0 !important; }
.mb10 { margin-bottom:2.56vw !important; }
.mb20 { margin-bottom:5.13vw !important; }
.mb30 { margin-bottom:7.69vw !important; }
.mb40 { margin-bottom:10.3vw !important; }
.mb50 { margin-bottom:12.8vw !important; }
.mb60 { margin-bottom:15.4vw !important; }
@media screen and (min-width:900px){
.mb0 { margin-bottom:0 !important; }
.mb10 { margin-bottom:0.72vw !important; }
.mb20 { margin-bottom:1.45vw !important; }
.mb30 { margin-bottom:2.17vw !important; }
.mb40 { margin-bottom:2.9vw !important; }
.mb50 { margin-bottom:3.62vw !important; }
.mb60 { margin-bottom:4.34vw !important; }
}
@media screen and (min-width:1380px){
.mb0 { margin-bottom:0 !important; }
.mb10 { margin-bottom:10px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }
}

.pb0 { padding-bottom:0 !important; }
.pb10 { padding-bottom:2.56vw !important; }
.pb20 { padding-bottom:5.13vw !important; }
.pb30 { padding-bottom:7.69vw !important; }
.pb40 { padding-bottom:10.3vw !important; }
.pb50 { padding-bottom:12.8vw !important; }
.pb60 { padding-bottom:15.4vw !important; }
@media screen and (min-width:900px){
.pb0 { padding-bottom:0 !important; }
.pb10 { padding-bottom:0.72vw !important; }
.pb20 { padding-bottom:1.45vw !important; }
.pb30 { padding-bottom:2.17vw !important; }
.pb40 { padding-bottom:2.9vw !important; }
.pb50 { padding-bottom:3.62vw !important; }
.pb60 { padding-bottom:4.34vw !important; }
}
@media screen and (min-width:1380px){
.pb0 { padding-bottom:0 !important; }
.pb10 { padding-bottom:10px !important; }
.pb20 { padding-bottom:20px !important; }
.pb30 { padding-bottom:30px !important; }
.pb40 { padding-bottom:40px !important; }
.pb50 { padding-bottom:50px !important; }
.pb60 { padding-bottom:60px !important; }
}

.w100 { width:100% !important; }




/* ----------------------------------------------
 ! twentytwenty
 ---------------------------------------------- */

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  content: " ";
  display: block;
  background: white;
  position: absolute;
  z-index: 30;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
  width: 3px;
  height: 9999px;
  left: 50%;
  margin-left: -1.5px; }

.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  width: 9999px;
  height: 3px;
  top: 50%;
  margin-top: -1.5px; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s; }

.twentytwenty-before-label, .twentytwenty-after-label {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  color: white;
  font-size: 13px;
  letter-spacing: 0.1em; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  line-height: 38px;
  padding: 0 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
  top: 50%;
  margin-top: -19px; }

.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
  left: 50%;
  margin-left: -45px;
  text-align: center;
  width: 90px; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow {
  top: 50%;
  margin-top: -6px; }

.twentytwenty-up-arrow, .twentytwenty-down-arrow {
  left: 50%;
  margin-left: -6px; }

.twentytwenty-container {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }
  .twentytwenty-container img {
    max-width: 100%;
    position: absolute;
    top: 0;
    display: block; }
  .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0, 0, 0, 0); }
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
      opacity: 0; }
  .twentytwenty-container * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }

.twentytwenty-before-label {
  opacity: 0; }
  .twentytwenty-before-label:before {
    content: attr(data-content); }

.twentytwenty-after-label {
  opacity: 0; }
  .twentytwenty-after-label:before {
    content: attr(data-content); }

.twentytwenty-horizontal .twentytwenty-before-label:before {
  left: 10px; }

.twentytwenty-horizontal .twentytwenty-after-label:before {
  right: 10px; }

.twentytwenty-vertical .twentytwenty-before-label:before {
  top: 10px; }

.twentytwenty-vertical .twentytwenty-after-label:before {
  bottom: 10px; }

.twentytwenty-overlay {
  -webkit-transition-property: background;
  -moz-transition-property: background;
  transition-property: background;
  background: rgba(0, 0, 0, 0);
  z-index: 25; }
  .twentytwenty-overlay:hover {
    background: rgba(0, 0, 0, 0.5); }
    .twentytwenty-overlay:hover .twentytwenty-after-label {
      opacity: 1; }
    .twentytwenty-overlay:hover .twentytwenty-before-label {
      opacity: 1; }

.twentytwenty-before {
  z-index: 20; }

.twentytwenty-after {
  z-index: 10; }

.twentytwenty-handle {
  height: 38px;
  width: 38px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border: 3px solid white;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  z-index: 40;
  cursor: pointer; }

.twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 22px;
  -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  margin-top: 22px;
  -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-vertical .twentytwenty-handle:before {
  left: 50%;
  margin-left: 22px;
  -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:after {
  right: 50%;
  margin-right: 22px;
  -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-left-arrow {
  border-right: 6px solid white;
  left: 50%;
  margin-left: -17px; }

.twentytwenty-right-arrow {
  border-left: 6px solid white;
  right: 50%;
  margin-right: -17px; }

.twentytwenty-up-arrow {
  border-bottom: 6px solid white;
  top: 50%;
  margin-top: -17px; }

.twentytwenty-down-arrow {
  border-top: 6px solid white;
  bottom: 50%;
  margin-bottom: -17px; }