/*
Template:accesspress-parallax
Theme Name:accesspress-parallax_child
Description:accesspress parallax の子テーマです
Version:1.0
*/


/*

	Main Color : 2695bf
	Heading fonts : Libre Baskerville
	contents fonts : Roboto

*/


/***********************
	General
***********************/

body
{
    overflow: hidden;
}
body.open
{
    position: fixed;

    width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6
{
    font-family: 'Libre Baskerville', serif;
}
body,
p,
a
{
    font-family: 'Roboto', sans-serif;
}
.text-center
{
    text-align: center;
}

.clearfix:after
{
    display: block;
    clear: both;

    content: '';
}

/****************************

	Loading

****************************/
#loading
{
    position: fixed;
    z-index: 999999;

    width: 100%;
    height: 100%;

    background: #fff;
}


.cssload-dots
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: 0;
    height: 0;
    margin: auto;

    outline: 1px solid red;

            filter: url(#goo);
         -o-filter: url(#goo);
        -ms-filter: url(#goo);
    -webkit-filter: url(#goo);
       -moz-filter: url(#goo);
}

.cssload-dot
{
    position: absolute;
    top: 0;
    left: 0;

    width: 0;
    height: 0;

    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
}
.cssload-dot:before
{
    position: absolute;
    left: 50%;

    width: 34px;
    height: 34px;
    margin-top: -17.5px;
    margin-left: -17.5px;

    content: '';
    -webkit-transform: translate3d(0,0,0);
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translate3d(0,0,0);
            transform: translateY(0);

    border-radius: 49px;
    background: rgb(97,93,97);
}



.cssload-dot:nth-child(5):before
{
    z-index: 100;

    width: 44.5px;
    height: 44.5px;
    margin-top: -21.75px;
    margin-left: -21.75px;

    -webkit-animation: cssload-dot-colors 4.6s ease infinite;
       -moz-animation: cssload-dot-colors 4.6s ease infinite;
        -ms-animation: cssload-dot-colors 4.6s ease infinite;
         -o-animation: cssload-dot-colors 4.6s ease infinite;
            animation: cssload-dot-colors 4.6s ease infinite;
}


.cssload-dot:nth-child(1)
{
    -webkit-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
       -moz-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
        -ms-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
         -o-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
            animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
}
.cssload-dot:nth-child(1):before
{
    -webkit-animation: cssload-dot-move 4.6s 0s ease infinite;
       -moz-animation: cssload-dot-move 4.6s 0s ease infinite;
        -ms-animation: cssload-dot-move 4.6s 0s ease infinite;
         -o-animation: cssload-dot-move 4.6s 0s ease infinite;
            animation: cssload-dot-move 4.6s 0s ease infinite;

    background-color: rgb(255,50,112);
}

.cssload-dot:nth-child(2)
{
    -webkit-animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
       -moz-animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
        -ms-animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
         -o-animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
            animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
}
.cssload-dot:nth-child(2):before
{
    -webkit-animation: cssload-dot-move 4.6s 1.15s ease infinite;
       -moz-animation: cssload-dot-move 4.6s 1.15s ease infinite;
        -ms-animation: cssload-dot-move 4.6s 1.15s ease infinite;
         -o-animation: cssload-dot-move 4.6s 1.15s ease infinite;
            animation: cssload-dot-move 4.6s 1.15s ease infinite;

    background-color: rgb(32,139,241);
}

.cssload-dot:nth-child(3)
{
    -webkit-animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
       -moz-animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
        -ms-animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
         -o-animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
            animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
}
.cssload-dot:nth-child(3):before
{
    -webkit-animation: cssload-dot-move 4.6s 2.3s ease infinite;
       -moz-animation: cssload-dot-move 4.6s 2.3s ease infinite;
        -ms-animation: cssload-dot-move 4.6s 2.3s ease infinite;
         -o-animation: cssload-dot-move 4.6s 2.3s ease infinite;
            animation: cssload-dot-move 4.6s 2.3s ease infinite;

    background-color: rgb(175,225,2);
}

.cssload-dot:nth-child(4)
{
    -webkit-animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
       -moz-animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
        -ms-animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
         -o-animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
            animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
}
.cssload-dot:nth-child(4):before
{
    -webkit-animation: cssload-dot-move 4.6s 3.45s ease infinite;
       -moz-animation: cssload-dot-move 4.6s 3.45s ease infinite;
        -ms-animation: cssload-dot-move 4.6s 3.45s ease infinite;
         -o-animation: cssload-dot-move 4.6s 3.45s ease infinite;
            animation: cssload-dot-move 4.6s 3.45s ease infinite;

    background-color: rgb(251,211,1);
}

@keyframes cssload-dot-move
{
    0%
    {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    18%,
    22%
    {
        -webkit-transform: translateY(-68px);
                transform: translateY(-68px);
    }
    40%,
    100%
    {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

@-webkit-keyframes cssload-dot-move
{
    0%
    {
        -webkit-transform: translateY(0);
    }
    18%,
    22%
    {
        -webkit-transform: translateY(-68px);
    }
    40%,
    100%
    {
        -webkit-transform: translateY(0);
    }
}

@keyframes cssload-dot-colors
{
    0%
    {
        background-color: rgb(89,89,89);
    }
    25%
    {
        background-color: rgb(255,50,112);
    }
    50%
    {
        background-color: rgb(32,139,241);
    }
    75%
    {
        background-color: rgb(175,225,2);
    }
    100%
    {
        background-color: rgb(251,211,1);
    }
}

@-webkit-keyframes cssload-dot-colors
{
    0%
    {
        background-color: rgb(89,89,89);
    }
    25%
    {
        background-color: rgb(255,50,112);
    }
    50%
    {
        background-color: rgb(32,139,241);
    }
    75%
    {
        background-color: rgb(175,225,2);
    }
    100%
    {
        background-color: rgb(251,211,1);
    }
}

@keyframes cssload-dot-rotate-1
{
    0%
    {
        -webkit-transform: rotate(-105deg);
                transform: rotate(-105deg);
    }
    100%
    {
        -webkit-transform: rotate(270deg);
                transform: rotate(270deg);
    }
}

@-webkit-keyframes cssload-dot-rotate-1
{
    0%
    {
        -webkit-transform: rotate(-105deg);
    }
    100%
    {
        -webkit-transform: rotate(270deg);
    }
}

@keyframes cssload-dot-rotate-2
{
    0%
    {
        -webkit-transform: rotate(165deg);
                transform: rotate(165deg);
    }
    100%
    {
        -webkit-transform: rotate(540deg);
                transform: rotate(540deg);
    }
}

@-webkit-keyframes cssload-dot-rotate-2
{
    0%
    {
        -webkit-transform: rotate(165deg);
    }
    100%
    {
        -webkit-transform: rotate(540deg);
    }
}

@keyframes cssload-dot-rotate-3
{
    0%
    {
        -webkit-transform: rotate(435deg);
                transform: rotate(435deg);
    }
    100%
    {
        -webkit-transform: rotate(810deg);
                transform: rotate(810deg);
    }
}

@-webkit-keyframes cssload-dot-rotate-3
{
    0%
    {
        -webkit-transform: rotate(435deg);
    }
    100%
    {
        -webkit-transform: rotate(810deg);
    }
}

@keyframes cssload-dot-rotate-4
{
    0%
    {
        -webkit-transform: rotate(705deg);
                transform: rotate(705deg);
    }
    100%
    {
        -webkit-transform: rotate(1080deg);
                transform: rotate(1080deg);
    }
}

@-webkit-keyframes cssload-dot-rotate-4
{
    0%
    {
        -webkit-transform: rotate(705deg);
    }
    100%
    {
        -webkit-transform: rotate(1080deg);
    }
}

/***********************
	Header Menu
***********************/

body.parallax-on #masthead
{
    z-index: 9998;
}
.main-navigation ul ul
{
    font-size: 11px;
}
.main-navigation > ul > li
{
    margin: 0 5px;
}

.main-navigation > ul > li.menu-item-222
{
    margin: 0 0 0 20px;
}
.main-navigation > ul > li > a
{
    text-transform: none;
}
.main-navigation li:hover > a
{
    color: #333;
}
/*.main-navigation li.menu-item-222:hover > a
{
    color: #fff;
}*/
.main-navigation ul li.open-menu > ul
{
    display: block;
}
.main-navigation ul li > ul
{
    display: none;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a
{
    color: #2695bf;
}
.current_page_item:after,
.current-menu-item:after
{
    position: absolute;
    bottom: -10px;

    display: block;

    width: 100%;
    height: 5px;

    content: '';

    background: #2695bf;
}
.sub-menu .current-menu-item:after
{
    display: none;

    content: '';
}
.main-navigation .sub-menu a:hover
{
    color: #2695bf;
}
.footer-list .current_page_item:after,
.footer-list .current-menu-item:after
{
    display: none;
}
/***********************
	TOP Page
***********************/
#masthead
{
    border-top: 5px solid #2695bf;
    border-bottom: 0;
    box-shadow: 1px 1px 5px rgba(0,0,0,.3);
}
.home-full-screen-yes
{
    position: relative;
}
.bx-slider,
.slides
{
    height: 100%;
}
.home .slides
{
    height: 100%;

    background: url(image/background/top.png);
    background-position: center center;
    background-size: cover;
}
.slides img
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: auto;
    max-width: none;
    height: 100%;

    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.circle
{
    font-size: 1.5em;
    line-height: 70px;

    position: relative;

    width: 70px;
    height: 70px;
    margin: 0 auto;

    border-radius: 50%;
    background: #fff;
}


.circle a
{
    z-index: 0;

    display: block;

    color: #fff;
}
.circle a i
{
    color: #212121;
}
.scroll-desc
{
    font-family: 'Roboto', sans-serif;
    font-size: .8em;

    margin-top: 10px;
    margin-right: -.3em;

    letter-spacing: .3em;

    color: #fff;
}

.slider-caption .caption-btn-down
{
    margin-top: 70px;
}
#go-top
{
    border-radius: 50%;
    background: #2695bf;
}
/*.signin
{
    position: absolute;
    top: 50%;
    right: 0;

    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%, -50%);
}*/
/*.menu-item-222 > a,
.menu-item-318 > a
{
    font-size: .8em;

    padding: 5px 10px;

    color: #212121;
    color: #fff;
    border: 2px solid;
    border-color: #2695bf;
    border-radius: 5px;
    background: #2695bf;
}
.menu-item-222 > a:hover,
.menu-item-318 > a:hover
{
    color: #fff;
}*/
.main-navigation
{
    max-width: 100%;
}
.main-navigation > ul > li.current a
{
    color: #777;
}
.main-navigation > ul > li.current:after,
.main-navigation > ul > li:hover:after
{
    position: absolute;
    right: 0;
    bottom: -10px;
    left: 0;

    display: block;

    width: 100%;
    height: 5px;
    margin: auto;

    content: '';

    background: #2695bf;
}
.menu-item-355,
.menu-item-356{
	display:none;
}
.main-navigation > ul > li.current#menu-item-222:after,
.main-navigation > ul > li:hover#menu-item-222:after
{
    display: none;
}
.slider-caption .caption-title
{
    text-transform: none;
}
.parallax-section h1
{
    font-style: italic;

    text-transform: none;
}
#site-logo
{
    margin-top: 10px;
}
#site-logo > a > img
{
    width: 20vw;
    max-width: 250px;
}
.next-block
{
    position: absolute;
    left: 50%;
}
.down-btn
{
    display: inline-block;

    cursor: pointer;

    outline: none;
}


.newsbox-wrapper
{
    max-width: 700px;
    margin: 0 auto;
    padding: 20px;
}
.newslist > li
{
    margin-bottom: 10px;

    list-style: none;
}
.newslist a
{
    color: #777;
}
.news-date
{
    font-size: .8em;

    display: inline-block;

    margin-right: 10px;
}
.service-icons
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    padding: 20px;

    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.service-icon
{
    max-width: 200px;
    margin: 0 40px;
}
.service-icon a img
{
    transition: all .2s;
}
.service-icon a:hover img
{
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
}

.portfolio-list .portfolio-overlay
{
    transition: all .2s;

        background: rgba(0,0,0,0.5);
	display:block;
}
.portfolio-list .portfolio-overlay:hover{
	background: rgba(38,149,191,.7);
}
.portfolio-list .portfolio-overlay span
{
    font-size: 1em;
    font-weight: bold;
    line-height: 1.2;

    top: 50%;
    left: 50%;

    width: 100%;
    height: auto;
    margin: 0;

    transition: all .2s;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);

    border-radius: 0;
    background: none;
}
.portfolio-list .portfolio-overlay span i
{
    font-size: 1.8em;

    margin-top: 10px;
}
.team-list
{
    max-width: 800px;
    margin: 0 auto;
}
.team-image,
.team-image img
{
    transition: all .2s;
}

.team-image:hover,
.team-image.active
{
    border-width: 6px;
    border-color: #2695bf;
}
.team-image:hover img,
.team-image.active img
{
    -webkit-transform: rotate(25deg);
            transform: rotate(25deg);
}
.team-big-image
{
    width: 25%;
}
.team-detail
{
    padding: 20px 0;
}
.team-detail p
{
    line-height: 2;
}
.staff-btn-wrapper
{
    text-align: center;
}
.staff-btn-wrapper .gost-btn
{
    color: #2695bf;
    border-color: #2695bf;
}
.staff-btn-wrapper .gost-btn:hover
{
    color: #fff;
}
.staff-btn-wrapper  .gost-btn:before,
.staff-btn-wrapper  .gost-btn:after
{
    background: #2695bf;
}
.about-us-subtitle{
	max-width:700px;
	margin:0 auto;
}
.person-thum{
	width:100px;
	border-radius:50%;
  	float:left;
}
.person-thum img{
	border-radius:50%;
}
.name-title{
	float: left;
    width: calc(100% - 100px);
    padding: 10px;
    font-family: 'Libre Baskerville', serif;
    font-weight: bold;
    font-style: italic;
    font-size: 20px;
}

.hiring
{
    text-align: center;

    color: #fff;
}
#clinic
{
    background: url(image/background/top_bamboo.png) no-repeat  center center #e3633b;
    background-size: cover;
}
#news
{
    background: url(image/background/top_bamboo2.png) no-repeat center center;
    background-size: cover;
}
#about{
	/*background: url(image/background/pattern-1.png);
    background-size: ;*/
}
#hiring
{
    background: url(image/background/top_image2.png) no-repeat center center;
    background-size: cover;
}
#hiring .blank-section
{
    position: relative;

    min-height: 400px;
}
.hiring-wrapper
{
    position: absolute;
    top: 50%;
    left: 50%;

    max-width: 400px;

    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.hiring-subtitle
{
    line-height: 2;

    max-width: 400px;
    margin: 0 auto;

    text-align: center;
}
.gost-btn
{
    position: relative;
    z-index: 0;

    display: inline-block;
    overflow: hidden;

    margin: 30px 0;
    padding: 10px 40px;

    color: #fff;
    border: 2px solid #fff;
}
.gost-btn:before,
.gost-btn:after
{
    position: absolute;
    z-index: -1;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;

    content: '';

    border-radius: 50%;
    background: #fff;
}

.gost-btn:before
{
    left: -20px;

    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.gost-btn:after
{
    right: -20px;

    -webkit-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
}

.gost-btn:hover:after
{
    -webkit-animation: criss-cross-right .8s both;
            animation: criss-cross-right .8s both;
}
.gost-btn:hover:before
{
    -webkit-animation: criss-cross-left .8s both;
            animation: criss-cross-left .8s both;
}

@-webkit-keyframes criss-cross-right
{
    0%
    {
        right: 20px;
    }
    50%
    {
        right: 50%;

        width: 20px;
        height: 50%;

        background: #fff;
    }
    100%
    {
        right: 50%;

        width: 120%;
        height: calc(100% * 2);

        background: #2695bf;
    }
}

@keyframes criss-cross-right
{
    0%
    {
        right: 20px;
    }
    50%
    {
        right: 50%;

        width: 20px;
        height: 50%;

        background: #fff;
    }
    100%
    {
        right: 50%;

        width: 120%;
        height: calc(100% * 2);

        background: #2695bf;
    }
}
@-webkit-keyframes criss-cross-left
{
    0%
    {
        left: 20px;
    }
    50%
    {
        left: 50%;

        width: 20px;
        height: 50%;

        background: #fff;
    }
    100%
    {
        left: 50%;

        width: 120%;
        height: calc(100% * 2);

        background: #2695bf;
    }
}
@keyframes criss-cross-left
{
    0%
    {
        left: 20px;
    }
    50%
    {
        left: 50%;

        width: 20px;
        height: 50%;

        background: #fff;
    }
    100%
    {
        left: 50%;

        width: 120%;
        height: calc(100% * 2);

        background: #2695bf;
    }
}

#footer-content
{
    background: #aaa;
}
.footer-list
{
    padding: 50px 0;
}
.footer-list,
.clinic-list
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
            justify-content: space-around;
}
#colophon .stores h2
{
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-weight: bold;

    margin-bottom: 20px;

    text-align: center;

    color: #fff;
}
.clinic-item
{
    font-size: .8em;

    margin: 10px;
    padding: 5px;

    color: #fff;
    border: 1px solid;

    -webkit-flex-wrap: wrap; /* Safari */
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.footer-menu
{
    margin: 0;

    list-style: none;
}
.footer-menu > li
{
    margin: 10px 0 20px;

    text-decoration: underline;

    color: #fff;
}
.footer-menu a
{
    color: #fff;
}
.bottom-footer
{
    background: #777;
}

/************************

	Locations

************************/
body.single-locations
{
    background: #fff;
}
.single-locations #primary
{
    float: none;

    width: 100%;
}
.location-colum
{
    float: left;

    width: 50%;
    padding: 15px;
}
.right-colum:after
{
    display: block;
    clear: both;

    content: '';
}
.available
{
    font-weight: bold;

    display: inline-block;

    margin-right: 10px;

    color: #f7b030;
}
.available-list
{
    display: inline-block;

    list-style: none;
}
.available-list li
{
    font-size: .9em;

    display: inline-block;

    margin: 5px;
    padding: 0 5px;

    color: #fff;
    border-radius: 5px;
    background: #f7b030;
}
.available-list li a
{
    color: #fff;
}
.entry-title
{
    font-family: 'Roboto', sans-serif;
    font-weight: bold;

    color: #2695bf;
}
.open-hours
{
    font-size: .8em;
    line-height: 1.8;

    padding: 20px 0;

    color: #999;
    border-top: 3px solid #999;
    border-bottom: 3px solid #999;
}
.subtitle
{
    font-family: 'Roboto', sans-serif;
    font-size: 1.2em;
    font-weight: bold;

    margin-bottom: 5px;

    color: #999;
}
.subtitle i
{
    margin-right: 10px;
}
.call-appointment
{
    margin: 20px 0;
}
.call-appointment h2
{
    font-family: 'Roboto', sans-serif;
    font-weight: bold;

    color: #999;
}
.location-btn-wrapper > p
{
    font-size: .8em;
    line-height: 1.8;

    margin: 20px 0;

    color: #999;
}
.location-desc
{
    font-size: .8em;
    line-height: 1.8;

    margin: 20px 0;

    color: #999;
}
.location-colum button
{
    border-radius: 5px;
}
.book-now {
    text-align: center;
}
.book-now,
.location-course {
    margin-top: 20px;
}
.location-buttons {
    text-align: center;
}
.location-course,
.location-staffSchedule
{
    text-align: center;
}

.location-staffSchedule:after
{
    display: block;
    clear: both;

    content: '';
}
a i,
button i,
.website i
{
    transition: all .2s;
}
a.book
{
    background: #2695bf;
    box-shadow: 0 3px 0 #2371a0;
	line-height: 1;
    line-height: 36px;
    position: relative;
    display: inline-block;
    height: 36px;
    padding: 0 20px;
    cursor: pointer;
    transition: all .3s ease 0s;
    text-decoration: none;
    color: #fff;
    border: none;
    border-radius: 5px;
  	display:block;
	margin:0 auto;
  	width:260px;
}
a.website,
a.course,
a.staffSchedule
{
    line-height: 1;
    line-height: 36px;

    position: relative;

    display: inline-block;

    height: 36px;
    padding: 0 20px;

    cursor: pointer;
    transition: all .3s ease 0s;
    text-decoration: none;

    color: #fff;
    border: none;
    border-radius: 5px;
    background: #e66432;
}
a.course,
a.staffSchedule,
a.website
{
    background: #239263;
    box-shadow: 0 3px 0 #236763;
  	display:block;
	margin:0 auto;
  	width:260px;
      text-align: center;
}

a.book:hover i,
a.course:hover i,
a.staffSchedule:hover i
{
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
}

a.book i,
a.course i,
a.staffSchedule i
{
    margin-left: 5px;
}
.workshift
{
    margin: 40px 0;
}
.workshift-list
{
    line-height: 1.8;
    margin: 0;
    padding: 20px 0;
    list-style: none;
    color: #999;
    border-top: 3px solid #999;
    border-bottom: 3px solid #999;
  	text-align: center;
}
.workshift-list li{
	display: inline-block;
    padding-left: 20px;
	font-weight: 300;
    color: #2695bf;
	font-size:130%;
}
.video-wrapper
{
    margin: 40px 0;
}
.left-img
{
    float: left;
    overflow: hidden;
    width: 40%;
    height: 200px;
}
.right-img
{
    float: left;
    overflow: hidden;
    width: 60%;
    height: 200px;
}
.right-img:after
{
    display: block;
    clear: both;
    content: '';
}
.left-img img,
.right-img img
{
    width: 100%;
    height: 100%;
}
.location-address
{
    font-size: .8em;
    line-height: 1.8;
    margin: 20px 0;
    color: #999;
}
.location-address h3
{
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    margin-bottom: 0;
    color: #999;
}
.other-locations
{
    padding: 20px;
    background: #bde1da;
}
.other-locations h3
{
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    color: #999;
}
.other-locations h3 i
{
    margin-right: 10px;
}
.other-locations ul
{
    font-size: .9em;
    list-style: none;
}
.other-locations ul li
{
    margin: 10px 0;
}
.other-locations ul li a
{
    color: #777;
}


/************************
	Footer
************************/
.footer-colum.stores
{
    max-width: 500px;
}
.footer-clinic
{
    margin: 0;

    list-style: none;
}
.footer-clinic li
{
    font-size: .8em;

    position: relative;
    z-index: 0;

    float: left;
    overflow: hidden;

    width: 48.5%;
    margin-bottom: 2%;
    padding: 10px 15px;

    border: 2px solid #fff;
}
.footer-clinic li:nth-child(even){
	margin-left:3%;
}
.footer-clinic li:before,
.footer-clinic li:after
{
    position: absolute;
    z-index: -1;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;

    content: '';

    border-radius: 50%;
    background: #fff;
}
.footer-clinic li:before
{
    left: -20px;

    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.footer-clinic li:after
{
    right: -20px;

    -webkit-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
}

.footer-clinic li:hover:after
{
    -webkit-animation: criss-cross-right .8s both;
            animation: criss-cross-right .8s both;
}
.footer-clinic li:hover:before
{
    -webkit-animation: criss-cross-left .8s both;
            animation: criss-cross-left .8s both;
}

.footer-clinic li a
{
    color: #fff;
}

/*base code*/
.animated
{
    -webkit-animation-duration: 1s;
            animation-duration: 1s;

    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}
.animated.infinite
{
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
}
.animated.hinge
{
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
}
/*the animation definition*/
@-webkit-keyframes rubberBand
{
    0%
    {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
    }
    30%
    {
        -webkit-transform: scale3d(1.25, .75, 1);
                transform: scale3d(1.25, .75, 1);
    }
    40%
    {
        -webkit-transform: scale3d(.75, 1.25, 1);
                transform: scale3d(.75, 1.25, 1);
    }
    50%
    {
        -webkit-transform: scale3d(1.15, .85, 1);
                transform: scale3d(1.15, .85, 1);
    }
    65%
    {
        -webkit-transform: scale3d(.95, 1.05, 1);
                transform: scale3d(.95, 1.05, 1);
    }
    75%
    {
        -webkit-transform: scale3d(1.05, .95, 1);
                transform: scale3d(1.05, .95, 1);
    }
    100%
    {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
    }
}
@keyframes rubberBand
{
    0%
    {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
    }
    30%
    {
        -webkit-transform: scale3d(1.25, .75, 1);
                transform: scale3d(1.25, .75, 1);
    }
    40%
    {
        -webkit-transform: scale3d(.75, 1.25, 1);
                transform: scale3d(.75, 1.25, 1);
    }
    50%
    {
        -webkit-transform: scale3d(1.15, .85, 1);
                transform: scale3d(1.15, .85, 1);
    }
    65%
    {
        -webkit-transform: scale3d(.95, 1.05, 1);
                transform: scale3d(.95, 1.05, 1);
    }
    75%
    {
        -webkit-transform: scale3d(1.05, .95, 1);
                transform: scale3d(1.05, .95, 1);
    }
    100%
    {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
    }
}
.rubberBand
{
    -webkit-animation-name: rubberBand;
            animation-name: rubberBand;
}

/************************
	Page
************************/
body.page
{
    background: #fff;
}
.page #primary
{
    float: none;

    width: 100%;
}
.page .bx-viewport
{
    position: relative;

    overflow: hidden;

    width: 100%;
    height: 500px;

    background: #2b4456;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.page-id-148 .bx-viewport
{
    background: url(image/background/Contact.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.page-id-172 .bx-viewport
{
    background: url(image/background/About2.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.page-id-238 .bx-viewport
{
    background: url(image/background/Course.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.page-id-164 .bx-viewport
{
    background: url(image/background/Hiring2.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.page-id-154 .bx-viewport
{
    background: url(image/background/Professional.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.post-type-archive-news .bx-viewport
{
    background: url(image/background/News.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.page-id-344 .bx-viewport
{
    background: url(image/background/Members.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.page-id-1192 .bx-viewport
{
    background: url(http://www.shiatsupractor.com/shiatsuweb/wp-content/uploads/2021/11/OnlineBooking.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.page .news-title-wrapper
{
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center;
}
.page .news-title-wrapper .caption-title
{
    font-size: 45px;
    font-style: italic;

    color: #fff;
}

.sub-desc
{
    font-size: 1.2em;
    line-height: 3;

    max-width: 800px;
    margin: 20px auto;

    text-align: center;
}
.googlemap-wrapper{
	    padding: 20px;
}
.googlemap-wrapper h3{
	    font-family: 'Roboto', sans-serif;
    font-size: 1.8em;
    font-weight: bold;
    border-bottom: 3px solid #999;
}
.googlemap-wrapper dt,
.googlemap-wrapper dd
{
    display: inline-block;
	vertical-align: top;
}
.googlemap-wrapper dd
{
    margin-bottom: 10px;
}
.googlemap-wrapper dl a
{
    font-weight: bold;

    color: #666;
}
.inner-wrapper h3
{
    font-family: 'Roboto', sans-serif;
    font-size: 1.8em;
    font-weight: bold;

    border-bottom: 3px solid #999;
}
.colum.left
{
    float: left;

    width: 50%;
}
.colum.right
{
    float: left;

    width: 50%;
}
.inner-wrapper
{
    width: 1170px;
    margin: 0 auto;
}
.signeture{
	font-family: 'Libre Baskerville', serif;
    font-weight: bold;
    font-style: italic;
}
.contact-us
{
    padding: 30px;
}
.contact-us input[type='text'],
.contact-us input[type='email']
{
    padding: 5px 10px;
  	transition:all 0.2s;
}
.contact-us textarea{
	transition:all 0.2s;
}
.contact-us input[type='text']:focus,
.contact-us input[type='email']:focus,
.contact-us textarea:focus{
	border-left:8px solid #2695bf;
  	border-bottom:1px solid #2695bf;
}
.colum.left iframe
{
    display: block;

    margin: 0 auto;

    border: 0;
}

.page button,
input[type='button'],
input[type='reset'],
input[type='submit']
{
    border-radius: 20px;
    background: #2695bf;
    box-shadow: 0 3px 0 #2371a0;
}
/************************
	Shiatsu Professional
************************/
.shiatsu-list-wrapper
{
    margin: 50px 0;

    list-style: none;
}
.shiatsu-list-wrapper li
{
    display: inline-block;

    width: 50%;
    padding: 20px;

    vertical-align: top;
}
.staff-thum
{
    float: left;

    width: 100px;
    height: 100px;

    border-radius: 50%;
    background: #444;
}
.staff-thum img
{
    border-radius: 50%;
}
.staff-desc
{
    float: left;

    width: calc(100% - 100px);
    padding: 0 10px;
}
.staff-desc h3
{
    display: inline-block;

    border-bottom: 1px solid #ddd;
}
/************************
	Archive News
************************/
.post-type-archive-news .bx-viewport
{
    position: relative;

    overflow: hidden;

    width: 100%;
    height: 500px;
}
.news-title-wrapper
{
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center;
}
.news-title-wrapper	.caption-title
{
    font-size: 45px;
    font-style: italic;

    color: #fff;
}
.campaign-list-wrapper{
	padding:40px 0;
}
.campaignslist
{
    max-width: 500px;
    margin: 0 auto;

    list-style: none;
}
.campaign-thum
{
    float: left;

    width: 100px;
    height: 100px;
    margin: 14px 0;

    text-align: center;

    border-radius: 50%;
}
.campaignslist li
{
    margin-bottom: 20px;
}
.campaignslist h3 a
{
    font-weight: bold;

    color: #666;
}
.campaignslist p
{
    font-size: .8em;

    margin-bottom: 0;
}
.campaignslist  .title-wrapper
{
    float: left;

    width: calc(100% - 100px);
    padding: 10px;
}
.past-campaign
{
    background: #fff;
}
/************************
	News
************************/
body.single-news
{
    background: #fff;
}
.single-news .entry-content
{
    line-height: 1.8;
}
.single-news .entry-header h1.entry-title
{
    font-weight: bold;

    margin: 0;

    border-bottom: 2px solid #ccc;
}
.category-list{
    font-size: .9em;
    display: inline-block;
    margin: 5px;
    padding: 0 5px;
    color: #fff;
    border-radius: 5px;
    background: #f7b030;
}
.single-news #tag_cloud-2{
    display: none;
}
.single-news .available-list{
    margin: 0;
}
.single-news .news-date{
    font-weight: bold;
    display: block;
}
.single-news .tagcloud a{
    padding: 5px 10px;
    color: #f7b030;
    border: 1px solid;
    background: transparent;
}
.latest-news-list li{
    margin-bottom: 10px;
    padding: 15px;
    background: #f5f5f5;
}
.latest-thum{
    float: left;
    width: 20%;
    height: auto;
}
.latest-title-wrapper{
    float: left;
    width: 80%;
    padding: 10px;
}
.latest-date{
    font-size: .8em;
}
#secondary .widget{
    padding: 0;
    background: transparent;
}
#secondary h2.widget-title{
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 10px;
    padding-left: 10px;
    color: #fff;
    border: none;
    background: #f7b030;
}
#secondary h2.widget-title span{
    color: #fff;
}

/************************
	Hiring
************************/
.locations-list
{
    max-width: 500px;
    margin: 0 auto;

    list-style: none;
}
.locations-list li
{
    position: relative;

    margin-bottom: 15px;
}
.requirement
{
    max-width: 600px;
    margin: 40px auto;
}
.requirement dt
{
    font-size: 1.3em;

    display: inline-block;

    margin: 10px;

    border-bottom: 2px solid #eee;
}
.requirement dd b
{
    margin-right: 15px;

    color: #999;
}
.requirement .howtoapply:first-child
{
    margin-top: 10px;
}
.resume
{
    font-weight: bold;
}
.sendBtn
{
    display: block;

    width: 200px;
    margin: 10px auto;
    padding: 10px 40px;

    text-align: center;

    color: #fff;
    border-radius: 20px;
    background: #2695bf;
    box-shadow: 0 3px 0 #2371a0;
}
.aya-msg-wrapper
{
    max-width: 600px;
    margin: 10px auto;
}
.aya-thum
{
    float: left;

    width: 150px;
}
.aya-thum img
{
    border-radius: 50%;
}
.msg-wrapper
{
    line-height: 1.5;

    float: left;

    width: calc(100% - 150px);
    padding: 15px 20px;
}
.msg-wrapper h3
{
    font-family: 'Roboto', sans-serif;
    font-size: 1.1em;
    font-weight: bold;
}
.msg-wrapper p
{
    margin-bottom: 10px;
}
.our-professional{
	clear:both;
}
.our-professional .sendBtn{
	width:300px;
}
.sub-title
{
    font-size: 34px;
    font-weight: 300;
    font-style: italic;
    /* text-transform: uppercase; */
    line-height: 1.2;

    margin-bottom: 50px;
    padding: 0 20px;

    text-align: center;
}
.sub-title span
{
    position: relative;
}
.sub-title span:after
{
    position: absolute;
    top: 100%;
    left: 50%;

    width: 50%;
    margin-top: 10px;
    margin-left: -25%;

    content: '';

    border-color: inherit;
    border-bottom: 2px solid;
}
/*************************

	Member Ship

**************************/
.page-id-344 #content > .mid-content{
	margin:0;
	padding:0;
	width: 100%;
}

.page-id-344 .hentry{
	padding:0;
}
.page-id-344 .entry-content{
	margin:0;
}

.page-id-344 p
{
    margin-bottom: 20px;
}
.page-id-344 section
{
    padding: 60px 0;
}
.page-id-344 section.intro{
	 background: url(image/background/pattern-1.png);
}
.intro .content-wrapper{
	max-width:1300px;
	margin:0 auto;
}

.benefit .sub-intro{
	       max-width: 570px;
    margin: 0 auto 40px;
    word-wrap: break-word;
}
.sub-intro ul{
	list-style:none;
}
.sub-intro ul li{
	margin-bottom:10px;
	position:relative;
}
.sub-intro ul li:before{
	position: absolute;
    top: 7px;
    left: -20px;
    display: block;
    width: 10px;
    height: 10px;
    content: '';
    border-radius: 50%;
    background: #2695bf;
}
.point-detail h4{
	background: #2695bf;
    margin: 0;
    text-align: center;
    border-radius: 10px 10px 0 0;
    padding: 10px;
    color: #fff;
	    font-family: 'Roboto', sans-serif;
}
.point-detail dl{
	    border-radius: 0 0 10px 10px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}
.point-detail dt,
.point-detail dd{
    width: 50%;
    float: left;
    text-align: center;
    padding: 20px;
margin: 0;
	font-weight:500;
	    position: relative;
}
.point-detail dt:after{
	    content: "\f061";
    font-family: FontAwesome;
    position: absolute;
    right: -10px;
    top: 50%;
    color: #999;
    /* border-right: 1px solid #ccc; */
    transform: translate(0,-50%);
}
.point-detail .number{
	    font-size: 1.8em;
}
.page-id-344 section.full-screen-yes
{
    padding: 0;
}
.page-id-344 h2
{
    font-size: 34px;
    font-weight: 300;
    font-style: italic;
    line-height: 1.2;

    margin-bottom: 50px;
    padding: 0 20px;

    text-align: center;
    text-transform: none;
}
.page-id-344 h2 span
{
    position: relative;

    display: inline-block;
}
.page-id-344 h2 span:after
{
    position: absolute;
    top: 100%;
    left: 50%;

    width: 50%;
    margin-top: 10px;
    margin-left: -25%;

    content: '';

    border-color: inherit;
    border-bottom: 2px solid;
}
.benefit .colum.left{
	    padding: 40px 15px;
}
.benefit .colum.right{
	text-align:center;
	padding: 0 20px;
}
.cp-btn{
	line-height: 36px;
    position: relative;
    height: 36px;
    padding: 0 20px;
    cursor: pointer;
    transition: all .3s ease 0s;
    text-decoration: none;
    color: #fff;
    border: none;
    border-radius: 5px;
	background: #239263;
    box-shadow: 0 3px 0 #236763;
    display: block;
    margin: 0 auto;
    width: 200px;
    text-align: center;

}
.cp-btn i{
	margin-left:5px;
}
a.cp-btn:hover i
{
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
}
/************************
	About Shiatsu
************************/
.page-id-172 h3,
.page-id-172 h4,
.page-id-172 h5,
.page-id-172 h6
{
    font-family: 'Roboto', sans-serif;
}
.page-id-172 p
{
    margin-bottom: 20px;
}
.page-id-172 section
{
    padding: 60px 0;
}
.page-id-172 section.full-screen-yes
{
    padding: 0;
}

.page-id-172 h2
{
    font-size: 34px;
    font-weight: 300;
    font-style: italic;
    line-height: 1.2;

    margin-bottom: 50px;
    padding: 0 20px;

    text-align: center;
    text-transform: none;
}
.page-id-172 h2 span
{
    position: relative;

    display: inline-block;
}
.page-id-172 h2 span:after
{
    position: absolute;
    top: 100%;
    left: 50%;

    width: 50%;
    margin-top: 10px;
    margin-left: -25%;

    content: '';

    border-color: inherit;
    border-bottom: 2px solid;
}

.whats-new .colum.left
{
    padding: 30px;

    background: url(image/background/pattern-1.png);
}
.whats-new .colum.left p
{
    line-height: 2;
}
.page-id-172 .colum.left,
.page-id-172 .colum.right
{
    float: right;

    width: 48.5%;
}

.page-id-172 .colum.right
{
    margin-left: 3%;
}
.icon-list
{
    background: #bde1da;
}

.icon-list ul
{
    margin: 0;

    list-style: none;
}
.icon-list ul li
{
    float: left;

    width: calc(100% / 5);
    padding: 20px;

    text-align: center;
}
.icon-list img
{
    width: 85%;
}
.icon-list ul li a
{
    color: #212121;
}
.icon-list ul li h4
{
    margin: 15px 0;
}

.icon-list ul li a:hover i
{
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
}
.icon-list ul li i
{
    font-size: 40px;

    transition: all .2s;
}
.shiatsu-benefit
{
    text-align: center;

    background: #888;
}
.shiatsu-benefit h3
{
    font-size: 30px;

    color: #fff;
}
.benefit-list-wrapper
{
    margin: 20px 0;
    padding: 30px;

    background: url(image/background/pattern-1.png);
    background-position: center;
    background-size: inherit;
}
.benefit-list-wrapper p
{
    margin: 10px 0;
}
.benefit-list
{
    font-size: 14px;

    margin: 20px 0;

    list-style: none;

    text-align: left;
}
.benefit-list > li
{
    float: left;

    width: calc(100% / 4);
    padding: 0 10px;
}
.sub-benefit-list
{
    list-style: none;
}
.sub-benefit-list li
{
    position: relative;
}
.sub-benefit-list li:before
{
    position: absolute;
    top: 6px;
    left: -16px;

    display: block;

    width: 10px;
    height: 10px;

    content: '';

    border-radius: 50%;
    background: #2695bf;
}
.insurance
{
    background: #bbb;
}
.insurance .colum img
{
    width: 100%;
}
.insurance .colum.left
{
    padding: 20px;
}
.page-id-172 .insurance .colum
{
    display: table-cell;
    float: none;

    vertical-align: middle;
}
.insurance h3
{
    font-size: 30px;

    margin-bottom: 20px;

    color: #fff;
}
.insurance p
{
    line-height: 2;

    color: #fff;
}
.first-visit
{
    background: url(image/background/pattern-1.png);
}
.first-visit h3
{
    font-size: 30px;
}
.first-visit .colum.right,
.first-visit .colum.left
{
    padding: 20px;
}
.first-visit p
{
    line-height: 2;
}
.first-visit li
{
    margin-bottom: 10px;
}
.how-often h3
{
    font-size: 30px;

    text-align: center;
}
.phy-func-list
{
    float: left;

    width: 48.5%;
    margin: 0;

    list-style: none;
}
.phy-func-list.margin-left
{
    margin-left: 3%;
}
.php-func-list:nth-child(2)
{
    margin-left: 3%;
}
.phy-func-list .title
{
    position: relative;

    color: #fff;
    background: #bbb;
    box-shadow: 0 2px 1px #aaa;
}
.phy-func-list .title h4
{
    font-size: 2em;

    position: absolute;
    top: 50%;
    left: 50%;

    width: 100%;

    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center;
}
.phy-func-list > li
{
    position: relative;

    margin-bottom: 10px;
    padding: 10px;

    background: #f1f1f1;
    box-shadow: 0 2px 1px #aaa;
}
.phy-func-list p
{
    margin-bottom: 0;
}
.phy-fun-item
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 100%;

    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.phy-func-item h5
{
    font-size: 50px;
    font-weight: bold;

    display: block;
    display: table-cell;

    width: 30px;
    padding: 15px;

    text-align: center;
    vertical-align: middle;
}
.phy-func-item > div
{
    display: table-cell;

    padding: 10px;

    vertical-align: middle;
}
.phy-func-item div > h6
{
    font-size: 20px;
    font-weight: bold;
}
.faq
{
    text-align: center;
}
.faq-list
{
    display: inline-block;

    width: 500px;

    list-style: none;
}
.faq-list h5
{
    font-weight: bold;

    margin-left: 10px;
    padding-right: 20px;

    transition: all .2s;
}
.faq-list li
{
    position: relative;

    margin-bottom: 30px;

    cursor: pointer;
    text-align: left;
}
.faq-list li:after
{
    font-family: FontAwesome;

    position: absolute;
    top: 0;
    right: 0;

    display: inline-block;

    content: '\f067';
    transition: all .2s;

    color: #2695bf;
}
.faq-list li.open-sub:after
{
    transition: all .2s;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.faq-list li:hover h5
{
    color: #aaa;
}
.faq-list li:before
{
    position: absolute;
    top: 7px;
    left: -20px;

    display: block;

    width: 10px;
    height: 10px;

    content: '';

    border-radius: 50%;
    background: #2695bf;
}
.faq-desc
{
    position: relative;

    display: none;

    margin-top: 30px;
    padding: 25px;

    border-radius: 10px;
    background: rgba(38,149,191,.1);
}

#colophon
{
    background: url(image/background/footer.png);
    background-position: center center;
    background-size: cover;
}

/************************
	Course
************************/
.page-id-238 h4
{
    font-size: 30px;
    font-weight: bold;

    position: relative;

    text-align: center;
}
.page-id-238 h4:after
{
    position: absolute;
    right: 0;
    bottom: -10px;
    left: 0;

    display: block;

    width: 100px;
    height: 5px;
    margin: auto;

    content: '';

    background: #999;
}
.page-id-238 .colum.left,
.page-id-238 .colum.right
{
    width: 48.5%;
}
.page-id-238 .colum.right
{
    margin-left: 3%;
}
.price-list
{
    margin: 20px 0 0;
    padding: 20px;

    list-style: none;

    text-align: center;

    background: url(image/background/pattern-1.png);
}
.price-list li
{
    font-size: 1.3em;

    margin-bottom: 10px;
}
.price-list .min,
.price-list .price
{
    display: inline-block;
}
.price-list .min
{
    margin-right: 30px;

    color: #999;
}


.modal
{
    position: fixed;
    z-index: 999999;
    top: 0;

    display: none;

    background: rgba(0,0,0,.6);
}

.inner-modal
{
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}
.closeBtn
{
    font-size: 20px;
    line-height: 50px;

    position: absolute;
    top: -30px;
    right: -30px;
    /* display: inline-block; */

    width: 50px;
    height: 50px;

    cursor: pointer;
    text-align: center;
    vertical-align: middle;

    color: #fff;
    border-radius: 50%;
    background: #2695bf;
}
.clinic-img-list
{
    position: relative;

    float: left;
    overflow: hidden;

    width: 24%;
    margin-right: 1.3333%;
    margin-bottom: 1.5%;
}
.clinic-img-list .portfolio-overlay
{
    position: absolute;
    z-index: 9999;

    display: none;

    width: 100%;
    height: 100%;

    transition: all .2s;

    background: rgba(0,0,0,.3);
}
.clinic-img-list:hover .portfolio-overlay
{
    display: block;
}
.clinic-img-list .portfolio-overlay span
{
    font-size: 30px;
    line-height: 60px;

    position: absolute;
    top: 50%;
    left: 50%;

    width: 60px;
    height: 60px;
    margin-top: -30px;
    margin-left: -30px;

    text-align: center;

    color: #fff;
    border-radius: 50%;
    background: #e66432;
}

/*************************

	error-404

**************************/
.error404 #primary{
  	width:100%;
  }

.error404 .page-header{
	text-align:center;
	    padding: 30px;
}

.error404 .page-title{
	font-size: 15vw;
}

/************************
	Mobile max-width 1200px
************************/
@media screen and (max-width: 1200px)
{
    #masthead .mid-content
    {
        width: 100%;
    }
    .main-navigation
    {
        max-width: 100%;
    }
    .mid-content.footer-list
    {
        padding: 30px 10px;
    }
}
/************************
	Mobile max-width 1000px
************************/
@media screen and ( max-width: 1000px
){
    #site-logo > a > img
    {
        width: 200px;
    }
  	#menu-item-353{
		display:none;
	}
    .main-navigation .menu-toggle
    {
        text-indent: 0;

        background: none;
    }
    .main-navigation ul li:hover > ul
    {
        display: none;
    }
    .main-navigation ul li.open-menu > ul
    {
        display: block;
    }
    .main-navigation#site-navigation > ul > li
    {
        border-bottom: 0;
  		    margin: 0;
    }
    header  .main-navigation > ul
    {
        overflow: scroll;

        background: #2695bf;
    }
    #masthead .single-page-nav li a
    {
        color: #fff;
    }
    .main-navigation > ul > li.current:after,
    .main-navigation > ul > li:hover:after
    {
        display: none;
    }
    .menu-toggle
    {
        display: block;

        width: 40px;
        height: 40px;

        cursor: pointer;
        text-indent: -9999px;

        background: url(../images/menu.png) no-repeat center #e3633b;
    }
    .main-navigation > ul
    {
        display: none;
    }
    .menu-mobile
    {
        font-size: 1.3em;
    }
    #site-logo > a > img
    {
        width: 200px;
    }

    .footer-list,
    .clinic-list
    {
        display: block;
    }
    .footer-colum
    {
        text-align: center;
    }
    .facebook.footer-colum,
    .stores.footer-colum,
    .footer-menu
    {
        margin: 20px auto;
    }
    .googlemap-wrapper .colum.right,
    .googlemap-wrapper .colum.left
    {
        float: none;

        width: 100%;
    }
}
/************************
	Mobile max-width 768px
************************/
@media screen and ( max-width: 768px){
    #masthead
    {
        padding: 0;
    }
    #masthead .main-navigation ul ul
    {
        overflow: scroll;

        background: #2ab5e7;
    }
    .slider-caption .caption-btn-down
    {
        margin-top: 25px;
    }
    .circle-1,
    .circle-2
    {
        display: none;
    }
    .left-colum,
    .right-colum
    {
        float: none;
		padding: 0;
        width: 100%;
    }
    .icon-list img
    {
        max-width: 250px;
    }
    .available-list
    {
        margin: 0;
    }
    .colum.left,
    .colum.right,
    .page-id-238 .colum.left,
    .page-id-238 .colum.right
    {
        float: none;

        width: 100%;
        margin-bottom: 20px;
    }

    .inner-wrapper
    {
        width: 90%;
    }
    .portfolio-list .portfolio-overlay span
    {
        font-size: .7em;
    }
    .page-id-172 .colum.right,
    .page-id-172 .colum.left
    {
        float: none;

        width: 100%;
        margin: 0;
    }
    .page-id-172 .colum.right > img
    {
        display: block;

        margin: 0 auto;
    }
    .shiatsu-list-wrapper li
    {
        width: 100%;
    }
    .icon-list ul li
    {
        float: none;

        width: 100%;
    }
    .icon-list ul li h4
    {
        font-size: 3vw;
    }
    .benefit-list > li
    {
        width: calc( 100% / 2);
    }
    .phy-func-list
    {
        float: none;

        width: 100%;
    }
    .phy-func-list .title h4
    {
        position: static;
        top: 0;
        left: 0;

        -webkit-transform: translate(0,0);
                transform: translate(0,0);
    }
    .phy-func-list.margin-left
    {
        margin-left: 0;
    }
    .page-id-172 .insurance .colum
    {
        display: block;
    }
    .googlemap-wrapper dd
    {
        font-size: 15px;
		    width: calc(100% - 40px);
        margin: 0 0 10px 5px;
        margin-left: 5px;
    }
	.contact-us{
		padding:0;
	}
}
/************************
	Mobile max-width 600px
************************/
@media all and (max-width: 600px)
{
  	.hentry
    .signin > a
    {
        font-size: .7em;

        color: #fff;
        border: none;
        background: #2695bf;
    }
    nav.main-navigation ul ul
    {
        font-size: 12px;

        background: #777;
    }
    nav.main-navigation ul ul li
    {
        padding: 10px;

        border-bottom: 1px dotted #999;
    }
    .service-icons
    {
        display: block;
    }
    .service-icon
    {
        margin: 30px auto;
    }
    .hiring-wrapper
    {
        width: 100%;
    }
    .location-course,
    .location-staffSchedule
    {
        float: none;

        width: 100%;
        margin-bottom: 20px;
    }
    .left-img,
    .right-img
    {
        float: none;

        width: auto;
        margin: 10px auto;
    }
    .footer-clinic li
    {
        font-size: .7em;
    }
	.our-professional .sendBtn{
		width:250px;
	}
	.sub-desc{
		line-height: 2;
    	margin-top: 0;
		font-size: 1em;
	}
	.googlemap-wrapper{
		padding:0;
	}
}

/************************
	Mobile max-width 480px
************************/
@media screen and ( max-width: 480px
){
    #masthead #site-logo
    {
        text-align: left;
    }
    #masthead .main-navigation > ul
    {
        max-height: 440px;
    }
  	.post-148.hentry{
		padding:0;
	}
    .slides .slider-caption
    {
        display: block;

        padding: 0 50px;
    }
    .main-navigation
    {
        float: right;
    }
    .main-navigation > ul > li > a
    {
        padding: 10px 15px;
    }
    .bx-wrapper .slider-caption
    {
        display: block;
    }
    .slides .slider-caption .caption-title
    {
        font-size: 20px;
    }
	.name-title{
		font-size:15px;
	}
    .staff-thum,
    .staff-desc
    {
        float: none;

        width: 100%;
        height: auto;
        margin: 10px auto;
        padding: 0;
    }
    .icon-list ul li h4
    {
        font-size: 6vw;
    }
    .locations-list li
    {
        font-size: .8em;

        margin-bottom: 25px;
    }

    .aya-thum,
    .msg-wrapper
    {
        float: none;

        width: 100%;
    }
    .aya-thum img
    {
        display: block;

        margin: 0 auto;
    }
    .requirement dd b
    {
        display: block;
    }
    .howtoapply
    {
        margin: 10px 0;
    }
    .benefit-list
    {
        display: inline-block;
    }
    .benefit-list > li
    {
        float: none;

        width: 100%;
    }
    .faq-list li:before
    {
        top: 6px;
        left: -20px;
    }
    .faq-list
    {
        width: auto;
    }

    .campaign-thum
    {
        float: none;

        margin: 20px auto;
    }

    .campaignslist  .title-wrapper
    {
        float: none;
		    width: 90%;
        margin: 0 auto;
    }
    .campaignslist  .title-wrapper h3
    {
        text-align: center;
    }
	.shiatsu-list-wrapper li{
		padding:20px 0;
	}
}