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


.top-logo {
    width: 100%;
    max-width: 100px;
    height: auto;
}

.pc {
    display: block;
}

.sp {
    display: none;
}

/*----*****---- << Responsive >> ----*****----*/

/*----*****---- << Desktop >> ----*****----*/

@media only screen and (min-width:1280px) and (max-width:1600px) {

    /*----*****---- << Contact >> ----*****----*/

    .contact-us .dt-sc-three-fifth {
        padding: 0 0 0 200px;
    }

    .pc {
        display: block;
    }

    .sp {
        display: none;
    }
	.sp_br{
	display: none;
	}
}

/*----*****---- << Desktop >> ----*****----*/

@media only screen and (min-width:960px) and (max-width:1279px) {

    .container {
        width: 900px;
    }

    .boxed .wrapper {
        width: 940px;
    }

    .pc {
        display: block;
    }

    .sp {
        display: none;
    }

    /*----*****---- << Header >> ----*****----*/

    .boxed #header,
    .boxed .is-sticky #header,
    .boxed #header.type5 {
        width: 940px;
    }

    .is-sticky .sticky-logo {
        margin-top: 20px;
        width: 18%;
    }

    .is-sticky .type3 .sticky-logo {
        width: auto;
        margin-top: auto;
    }

    .is-sticky #header.type3 #main-menu ul li a {
        padding: 20px 15px;
    }

    .is-sticky #menu-container::after {
        bottom: -10px;
    }

    .dt-sc-offer-text h2 {
        font-size: 70px;
    }

    .dt-sc-offer-text span {
        font-size: 40px;
        line-height: 60px;
    }

    .dt-sc-offer-text span span {
        font-size: 20px;
    }

    .dt-sc-notification h4 {
        font-size: 16px;
    }

    .dt-sc-team .image-overlay {
        width: 207px !important;
        height: 207px !important;
        line-height: 207px !important;
    }

    ul.menu-card li {
        padding: 13px 20px 13px 40px;
    }

    ul.menu-card li span {
        padding: 13px 10px;
    }

    ul.menu-card li::before {
        top: 17px;
    }

    .left-image {
        width: 42%;
    }

    ul.time-info li {
        margin: 0 10px;
    }

    .dt-sc-offer-carousel-wrapper .carousel-arrows {
        width: 16%;
    }

    #header.type5 #main-menu > ul > li {
        margin: 0 20px;
    }

    .lines {
        right: 0;
    }

    .is-sticky .type5 .sticky-logo {
        width: 22%;
        margin-top: 0;
    }

    .is-sticky #header.type4 .sticky-logo {
        width: auto;
        margin-top: auto;
    }

    #header.type4 #main-menu > ul > li {
        margin: 0 15px;
    }

    .is-sticky #header.type4 #main-menu ul li a {
        padding: 15px 8px;
    }

    .is-sticky .type4 #main-menu ul li.menu-item-simple-parent ul {
        top: 48px;
    }
loader
    .loader {
        left: 46% !important;
    }


    /*----*****---- << Shortcodes >> ----*****----*/

    ul.dt-sc-tabs-frame.dt-sc-ico-content.type3 li {
        margin: 0 35px;
    }

    .dt-sc-tabs-container.type2 li a {
        padding: 10px 15px;
    }

    .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame li {
        font-size: 16px;
    }

    .dt-sc-team.type3 .team-details p {
        font-size: 15px;
        line-height: 18px;
    }

    ul.footer-icons li {
        margin: 0 2px;
    }

    ul.footer-icons li a {
        line-height: 35px;
        width: 35px;
        height: 35px;
    }

    .border-title h1 {
        font-size: 38px;
    }

    .border-title h2 {
        font-size: 32px;
    }


}

/*----*****---- << Tablet (Portrait) >> ----*****----*/

@media only screen and (min-width:768px) and (max-width:959px) {

    .container {
        width: 95%;
    }

    .boxed .wrapper {
        width: 750px;
    }

    /*----*****---- << Header >> ----*****----*/

    .boxed #header,
    .boxed .is-sticky #header,
    .boxed #header.type5 {
        width: 750px;
    }

    #main-menu > ul > li {
        margin: 0 15px;
    }

    .is-sticky .sticky-logo {
        margin-top: 22px;
        width: 20%;
    }

    .is-sticky #menu-container::after {
        bottom: -10px;
    }

    .is-sticky #main-menu > ul > li > a {
        font-size: 12px;
    }

    .is-sticky #main-menu ul li.menu-item-simple-parent ul {
        top: 53px;
    }

    .opening-time-info a.appointment-btn {
        padding: 23px 18px;
        font-size: 15px;
    }

    ul.time-info li {
        margin: 0 5px;
    }

    .column.no-space.dt-sc-one-fifth {
        width: 19.98% !important;
    }

    #header.type3 #main-menu > ul > li {
        margin: 0 10px;
    }

    .is-sticky #header.type3 #main-menu ul li a {
        padding: 20px 10px;
    }

    .is-sticky .type3 .sticky-logo {
        margin-top: 3px;
        width: 25%;
    }

    .is-sticky #header.type4 .sticky-logo {
        width: auto;
        margin-top: auto;
    }

    #header.type4 #main-menu > ul > li {
        margin: 0 10px;
    }

    #header.type4 #main-menu > ul > li a {
        font-size: 12px;
    }

    .is-sticky #header.type4 #main-menu ul li a {
        padding: 15px 4px;
    }

    .is-sticky .type4 #main-menu ul li.menu-item-simple-parent ul {
        top: 45px;
    }

    .is-sticky #header.type5 ul.menu li li {
        margin: 0;
    }

    #header.type5 #logo {
        width: 20%;
    }

    #header.type5 ul.menu {
        padding: 15px 0;
    }

    #header.type5 ul.menu li {
        margin: 0 12px;
    }

    .is-sticky #header.type5 ul.menu li {
        margin: 0 15px;
    }

    #header.type5 .sticky-logo img {
        width: 100%;
    }

    .is-sticky #header.type5 .sticky-logo {
        margin-top: 3px;
    }

    .lines {
        top: 20px;
    }

    /*----*****---- << Home >> ----*****----*/

    .dt-sc-testimonial-carousel-wrapper .carousel-arrows {
        width: 40%;
    }

    .dt-sc-team .image-overlay {
        width: 164px !important;
        height: 164px !important;
        line-height: 164px !important;
    }

    .dt-sc-notification h4 {
        font-size: 13px;
        line-height: 50px;
    }

    .dt-sc-notification a.dt-sc-button {
        font-size: 18px;
        line-height: 48px;
        min-width: 70px;
    }

    .dt-sc-offer-text h2,
    .border-title .dt-sc-offer-text h2 {
        font-size: 60px;
    }

    .dt-sc-offer-text span {
        font-size: 35px;
        line-height: 50px;
    }

    .dt-sc-offer-text span span {
        font-size: 20px;
    }

    ul.dt-sc-offer-date li span {
        width: 15px;
    }

    .dt-sc-offer .dt-sc-button {
        line-height: 36px !important;
        min-height: 40px !important;
        min-width: 120px !important;
    }

    .dt-sc-service h3 {
        font-size: 20px;
    }

    .dt-sc-counter-number > p {
        font-size: 60px;
    }

    .entry-title h3 {
        font-size: 20px;
    }

    ul.footer-icons li {
        margin: 0 6px;
    }

    .dt-sc-service .icon img {
        width: 30%;
    }

    ul.menu-card li::before {
        left: 5px;
        top: 15px;
    }

    ul.menu-card li {
        font-size: 16px;
        padding: 10px 30px 10px 20px;
    }

    ul.menu-card li span {
        font-size: 14px;
        padding: 11px 5px 12px;
    }

    .pricing-container .carousel-arrows {
        top: -60px;
    }

    .pricing-container .carousel-arrows a {
        height: 35px;
        width: 35px;
        line-height: 35px;
    }

    .pricing-container .carousel-arrows a i.fa {
        font-size: 30px;
    }

    .left-image {
        width: 42%;
    }

    .dt-sc-service .icon {
        bottom: 20px;
    }

    .dt-sc-offer-carousel-wrapper .carousel-arrows {
        width: 20%;
    }

    .border-title .dt-sc-offer-text {
        left: 10px;
    }

    .dt-sc-client-wrapper .dt-sc-client-carousel-wrapper {
        padding: 60px 0;
    }

    .loader {
        left: 45% !important;
    }

   

    /*----*****---- << Shortcodes >> ----*****----*/

    ul.dt-sc-tabs-frame.dt-sc-ico-content.type3 {
        border-radius: 50px;
    }

    ul.dt-sc-tabs-frame.dt-sc-ico-content.type3 li {
        margin: 0 20px;
    }

    .dt-sc-team.type3 .hr-invisible-very-small {
        margin: 5px 0;
    }

    .dt-sc-team.type3 .team-details p {
        font-size: 14px;
        line-height: 18px;
    }

    .dt-sc-team.type3 .team-details h5 {
        margin: 0 0 10px;
    }

    .dt-sc-donutchart-medium canvas {
        height: 170px;
        width: 170px;
    }

    .dt-sc-donutchart > div {
        line-height: 170px !important;
    }

    .dt-sc-pr-tb-col.type2.plans .dt-sc-tb-title {
        padding: 25px 0;
    }

    .dt-sc-pr-tb-col.type2 .price {
        font-size: 40px;
    }

    .dt-sc-pr-tb-col.type2 .dollar {
        bottom: 20px;
    }

    .dt-sc-callout-box .dt-sc-button {
        padding: 0 10px;
    }

    ul.footer-icons li a {
        line-height: 30px;
        height: 30px;
        width: 29px;
        font-size: 14px;
    }

    ul.footer-icons li {
        margin: 0;
    }

    .border-title h1 {
        font-size: 34px;
    }

    .border-title h2 {
        font-size: 30px;
    }


	 /*----*****---- << 追記 >> ----*****----*/
.sp_br{
display: block;
}
div.top-bar.sp.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  height: 100%;
  z-index: 1000;
}
.top-bar {
    clear: both;
    float: left;
    line-height: 45px;
    padding: 11px 0;
    position: relative;
    width: 100%;
	z-index: 1000;
}
	.top-bar.sp .container p{
	text-align: center;
	margin: 0 auto;
	}
	.top-bar.sp .container p.logo-mark {
	width: 100%;
	}
	.top-bar.sp .container p.logo-mark img{
     width: 15%;
     height: 15%;
     display: block;
     margin:auto;
	}
	.parallax-spacing {
    display: inline-block;
    padding: 150px 0 60px 0;
    width: 100%;
}
	.banner.type3 .caption h1 {
    margin: 0;
    padding: 0px 0 30px 0;
	}
	.top-bar .top-right {
    float: none;
    font-size: 14px;
    margin-top: 4px;
    padding: 0px 0 0 0;
    color: #999;
	}
.top-bar.sp .top-right ul {
    float: none;
}
	.top-bar .top-right ul li {
    display: inline-block;
    margin-right: 30px;
	margin-top: 10px;
    padding: 0;
}

    .dt-sc-parallax-section {
	background-image: url("images/main_visual.png") no-repeat center center;
	background-size: auto 900px;
	}
	h4.about.alignleft.sub-title{
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	}
	.banner.type3 .caption h1 p {
    color: #fff;
    font-size: 40px;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    letter-spacing: 3px;
    margin-bottom: 20px;
    text-align: center;
	line-height: 1.2;
	}
	p.h1_e {
    font-size: 20px;
    color: #fff;
    letter-spacing: 2px;
    text-align: center;
	width: 90%;
	margin: 0 auto;
	}
	.btn, a.btn, button.btn {
    font-size: 15px;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    font-weight: normal;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    padding: 37px 0px;
    width: 60%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #212529;
    border-radius: 0.5rem;
	margin: 0px;
	margin-bottom: 20px;
}
.btn-wrapper{
text-align: center;
margin-top: 80px;
margin-bottom: 50px;
}

.btn-,
a.btn- {
  color: #fff;font-weight: bold;
  background: #000;
}
.btn--,
a.btn-- {
  color: #000;font-weight: bold;
  background: linear-gradient(319deg, rgba(149,119,29,1) 16%, rgba(163,137,58,1) 26%, rgba(255,255,255,1) 47%, rgba(255,255,254,1) 48%, rgba(252,251,248,1) 56%, rgba(163,137,59,1) 76%, rgba(149,119,29,1) 85%, rgba(149,119,29,1) 85%);
  margin-right: 0px;
}
p.abut-text {
    font-family: 'Yu Mincho Regular', 'Yu Mincho','YuMincho Medium',sans-serif;
	width: 80%;
    line-height: 30px;
    margin-bottom: 200px;
    margin-top: 100px;
    font-size: 18px;
    color: #444;
    text-align: center;
    line-height: 2;
	margin: 0 auto;
}
div.menu_contener h3 {
    font-size: 40px;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    background: none;
    color: #fff;
    padding: 20px 0px 20px 0px;
    margin: 0 auto;
	text-align: center;
	}
	div.menu_contener {
	background-image: none;
	}
	div.menu_list ul{
	text-align: center;
	}
	div.menu_list ul li {
	    font-size: 18px;
	    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	    font-weight: 300;
	    line-height: 2;
	}
	div.parallax-spacing-{
	background-image: url("../images/menu_img_sp.png");
	margin: 0px;
	height: auto;
	}
	.menu_contener bg{
	margin: 0 auto;
	width: 100%;
	}
	div.menu_contener {
    background-image: url(images/menu_img.png);
    background-size: 66%;
    background-position: left 50%;
    background-repeat: no-repeat;
    height: auto;
    padding-top: 15%;
	padding-bottom: 80px;}
	
	
.googlemap-bw iframe {
  -webkit-filter: grayscale(100%);
	}
	.footer-widgets-wrapper div.container p{
	font-size: 12px;
	}
	.footer-widgets-wrapper{
	padding-top: 10px;
	}
	
	

}

/*----*****---- << Mobile (Landscape) >> ----*****----*/

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {

    .container {
        width: 95%;
    }

    .boxed .wrapper {
        width: 460px;
    }

    /*----*****---- << MeanMenu >> ----*****----*/

    a.meanmenu-reveal {
        display: block;
    }

    #main-menu ul {
        display: none;
    }

    .is-sticky #main-menu ul li.menu-item-simple-parent ul {
        top: auto !important;
    }

    .is-sticky .sticky-logo {
        display: none;
    }

    .fullwidth-background {
        background-color: transparent;
    }

    .opening-time-info .alignright {
        float: none;
        line-height: 0;
        text-align: center;
    }

    .opening-time-info ul.time-info {
        display: none;
    }

    .opening-time-info a.appointment-btn {
        top: 0;
    }

    .opening-time-info {
        padding: 0;
        bottom: 65px;
        margin: 0;
    }

    /*----*****---- << Column >> ----*****----*/

    .dt-sc-one-third,
    .dt-sc-two-third,
    .dt-sc-one-fourth,
    .dt-sc-one-half,
    .dt-sc-one-fifth,
    .dt-sc-two-fifth,
    .dt-sc-three-fifth,
    .dt-sc-one-sixth,
    .dt-sc-five-fifth,
    .dt-sc-three-fourth,
    .dt-sc-five-sixth,
    .column.no-space.dt-sc-one-fourth,
    .dt-sc-callout-box .dt-sc-four-fifth,
    .column.no-space.dt-sc-one-half,
    .column.no-space.dt-sc-one-third {
        width: 100%;
    }

    .column.no-space.dt-sc-one-third,
    .column.no-space.dt-sc-one-half {
        margin: 0;
    }

    .column {
        margin: 0 0 30px;
    }

    .dt-sc-one-eighth {
        width: 25% !important;
    }

    /*----*****---- << Header >> ----*****----*/

    h2 {
        font-size: 38px;
    }

    .boxed #header,
    .boxed .is-sticky #header,
    .boxed #header.type5 {
        width: 100%;
    }

    .top-bar.type2 p {
        border: none;
    }

    .top-bar.type2 .top-right ul li,
    .top-bar.type2 .top-right ul li:last-child {
        border: none;
    }

    .is-sticky #header.type3 #main-menu ul li a,
    .is-sticky #header.type4 #main-menu ul li a {
        padding: 8px 20px;
    }

    .sticky-wrapper #header.type5 .dt-menu-toggle {
        display: none;
    }

    .is-sticky #header.type5 .dt-menu-toggle {
        display: block;
    }

    .is-sticky #header.type5 #main-menu > ul > li.current_page_item > a::before,
    .is-sticky #header.type5 #main-menu > ul > li.current_page_item > a::after {
        display: none;
    }

    .lines {
        right: 0;
    }

    .loader {
        left: 42% !important;
    }

    /*----*****---- << Home >> ----*****----*/

    .top-bar {
        text-align: center;
    }

    .top-bar p,
    .top-bar .top-right,
    .top-bar .top-right ul {
        float: none;
    }

    .top-bar .top-right ul {
        margin-top: 10px;
    }

    .dt-sc-testimonial-carousel-wrapper .carousel-arrows {
        top: 19%;
        width: 63%;
    }

    .dt-sc-notification h4 {
        font-size: 13px;
        line-height: 42px;
    }

    .dt-sc-notification a.dt-sc-button {
        line-height: 40px;
        font-size: 18px;
        min-width: 60px;
        min-height: 40px;
    }

    .counter-parallax .column {
        margin-bottom: 50px;
    }

    .pricing-container .dt-sc-three-fifth,
    .pricing-container .carousel-arrows {
        padding: 0;
    }

    .pricing-container .dt-sc-one-half {
        margin: 0;
    }

    .left-image {
        height: 23%;
        width: 100%;
    }

    .dt-sc-offer-text span span {
        float: none;
    }

    .dt-sc-offer-text span {
        display: table;
    }

    .pricing-container .dt-sc-two-fifth {
        margin-bottom: 100px;
    }

    .dt-sc-offer-carousel-wrapper .carousel-arrows {
        width: 25%;
    }

    .dt-sc-abt {
        text-align: center;
    }

    .border-title .dt-sc-offer-text {
        left: 0;
        width: 45%;
    }

    .tabs-content {
        padding: 10px;
        width: 100%;
    }

    .tabs-content h3.border-title {
        margin: 0 0 10px;
    }

    .tabs-content > p {
        font-size: 16px;
        line-height: normal;
    }

   
    /*----*****---- << Shortcodes >> ----*****----*/

    ul.dt-sc-tabs-frame.dt-sc-ico-content.type3 li {
        margin: 20px 60px 0;
    }

    .dt-sc-team.type2.alignleft {
        margin-bottom: 40px;
    }

    .dt-sc-callout-box {
        text-align: center;
    }

    .dt-sc-callout-box .icon {
        float: none;
        margin: 0 0 20px;
    }

    .dt-sc-tabs-frame-content.dt-sc-ico-content .alignleft,
    .dt-sc-tabs-frame-content.dt-sc-ico-content .alignright {
        width: 100%;
    }

    .dt-sc-tabs-frame-content.dt-sc-ico-content .alignleft img {
        margin-bottom: 20px;
    }

    .dt-sc-tabs-frame-content.dt-sc-ico-content .alignright img {
        margin-top: 20px;
    }

    .border-none td {
        padding: 10px;
    }

    .border-title h1 {
        font-size: 42px;
    }

    .error-404 h1::before {
        left: 25px;
    }

    /*----*****---- << Mobile Menu >> ----*****----*/

    #primary-menu {
        display: inline-block;
        width: 100%;
        margin-bottom: 10px;
    }

    .dt-menu-toggle {
        display: block;
    }

    #main-menu,
    #main-menu > ul.menu {
        width: 100%;
    }

    #main-menu > ul.menu {
        display: none;
        background: #f9f9f9;
        box-shadow: inset 0px 0px 1px #ffffff;
    }

    #main-menu > ul.menu > li > ul > li,
    #main-menu > ul.menu > li > ul > li > ul > li,
    #main-menu > ul.menu > li > ul > li > ul > li > ul > li {
        font-weight: 600;
        text-transform: uppercase;
    }

    #main-menu > ul > li.menu-item-simple-parent:hover > ul,
    #main-menu > ul > li.menu-item-simple-parent > ul > li:hover > ul {
        animation: none;
    }

    #main-menu ul.menu > li > a {
        margin: 0;
    }

    ul.sub-menu {
        box-shadow: inset 0px 0px 1px #fffff;
    }

    #main-menu > ul > li.current_page_item > a::before,
    .is-sticky .type2 #main-menu > ul > li.current_page_item > a::after {
        display: none;
    }

    #main-menu > ul.menu > li {
        line-height: 23px;
    }

    #main-menu > ul.menu > li > a {
        border-radius: 0;
        display: inline-block;
        line-height: 23px;
        padding: 9px 17px 8px;
    }

    #main-menu ul li.menu-item-simple-parent:hover > ul,
    #main-menu ul li.menu-item-simple-parent > ul > li:hover ul {
        display: none;
    }

    #main-menu ul li.menu-item-simple-parent ul {
        box-shadow: none;
        border: none;
    }

    #main-menu ul.menu > li,
    #main-menu ul.menu > li > ul.sub-menu > li,
    #main-menu ul li.menu-item-simple-parent ul li {
        width: 100%;
        padding: 0px;
        text-align: left;
        box-sizing: border-box;
        clear: both;
        margin: 0;
        border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
    }

    #main-menu > ul.menu {
        background: #000;
        z-index: 999;
    }

    #main-menu {
        background: none;
    }

    #main-menu > ul.menu > li > a {
        display: block;
        box-sizing: border-box;
    }

    #main-menu ul.menu > li:hover > a {
        background: rgba(255, 255, 255, 0.1);
    }

    #main-menu ul.menu > li > a i {
        line-height: 24px;
    }

    #main-menu ul li.menu-item-simple-parent ul,
    #main-menu ul li.menu-item-simple-parent ul li ul {
        top: 27px;
        width: 100%;
        left: 0px;
    }

    a.dt-menu-expand {
        display: block !important;
        border-left: 1px dotted rgba(255, 255, 255, 0.2) !important;
    }

    #main-menu ul li.menu-item-simple-parent ul li ul {
        border: none;
    }

    #main-menu ul li.menu-item-simple-parent ul,
    #main-menu ul li.menu-item-simple-parent ul,
    #main-menu ul li.menu-item-simple-parent ul li ul {
        position: inherit;
        top: 0px;
        margin: 0px;
    }

    #main-menu ul li.menu-item-simple-parent ul li a.dt-menu-expand {
        background: none;
        border: none;
    }

    #main-menu ul li.menu-item-simple-parent ul li a {
        padding: 9px 15px;
    }

    #main-menu ul.menu li a:after,
    #main-menu > ul.menu > li.current_page_item a:after,
    #main-menu ul.menu li:after {
        content: none;
    }

    #main-menu ul li.dropdown:hover > ul,
    #main-menu ul li.dropdown > ul > li:hover ul {
        display: none;
    }

    #main-menu ul li.dropdown ul li a {
        padding-left: 25px;
    }

    #main-menu ul li.dropdown ul li a:hover {
        padding-left: 25px;
        color: #d4f055;
    }

    #main-menu ul li.dropdown ul li {
        border: none;
    }

    #main-menu ul li ul.sub-menu {
        box-shadow: 0 0 1px #ffffff inset !important;
    }

}


/*----*****---- << Mobile >> ----*****----*/

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (min-width: 320px) and (max-width: 479px) {
	.pc{
	display: none;
	}
	.sp{
	display: block;
	}
    .container {
        width: 95%;
    }

    .boxed .wrapper {
        width: 100%;
    }

    /*----*****---- << MeanMenu >> ----*****----*/

    .fullwidth-background {
        background-color: transparent;
    }
	.opening-time-info .alignright {
        float: none;
        line-height: 0;
        text-align: center;
    }


	 /*----*****---- << 追記 >> ----*****----*/
	.top-bar { float: none;}	
	.top-bar p { float: none}
	.top-bar .top-right { float: none;}/*----*****---- << 追記 >> ----*****----*/
	.top-bar .top-right ul { float: none;}
	.top-bar .top-right { float: none;}/*----*****---- << 追記 >> ----*****----*/
	.top-bar .top-right ul { float: none;}
	.sp_header{
	background: #555;
	}
	.sp_br{display: block

	}
	/*----*****---- << sp_header >> ----*****----*/
	.sp_top sp{
	position: fixed;
	z-index: 1000;
	}
	.sp_top_container{
	padding: 20px 0 15px;
	background: #000;
	}
	div.sp_top_container sp{
	background: #000;
	}
	.sp_top_container p.logo-mark{
	margin: 0 auto;
	width: 63px;
	}
	.sp_top_container p.logo-mark img{
	width: 100%;
	height: auto;
	padding: 0px;
	margin-bottom: 5px;
	}
	.sp_top_container .sp_list ul{
	text-align: center;
	}
	.sp_top_container .sp_list ul li,
	.sp_top_container .sp_list ul li a{
	color: #ccc;
	display: inline-block;
	}
	.sp_top_container .sp_list ul li{
	margin-left: 20px;
	}
	.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
	z-index: 1000;
	}
	#service_menu {
    display: block;
    padding-top: 100px;
    margin-top: -100px;
}

	/*----*****---- << end sp_header >> ----*****----*/
	.parallax-spacing {
    display: inline-block;
    padding: 150px 0 60px 0;
    width: 100%;
	}
	.banner.type3 .caption h1 {
    margin: 0;
    padding: 0px 0 30px 0;
	}
	.top-bar .top-right {
    float: none;
    font-size: 14px;
    margin-top: 4px;
    padding: 0px 0 0 0;
    color: #999;
	}
	.top-bar.sp .top-right ul {
    float: none;
	}
	.top-bar .top-right ul li {
    display: inline-block;
    margin-right: 30px;
	margin-top: 10px;
    padding: 0;
	}
	.dt-sc-parallax-section{
    height: auto;
	background: url("../images/main_visual.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 780px;
	}
	.banner.type3 .caption h1 p {
    color: #fff;
    font-size: 40px;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    letter-spacing: 3px;
    margin-bottom: 20px;
    text-align: center;
	line-height: 1.2;
	}
	p.h1_e {
    font-size: 20px;
    color: #fff;
    letter-spacing: 2px;
    text-align: center;
	width: 90%;
	margin: 0 auto;
	}
	.btn, a.btn, button.btn {
    font-size: 15px;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    font-weight: normal;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    padding: 37px 0px;
    width: 60%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #212529;
    border-radius: 0.5rem;
	margin: 0px;
	margin-bottom: 20px;
	}
	.btn-wrapper{
	text-align: center;
	margin-top: 80px;
	margin-bottom: 50px;
	}
	.btn-,
	a.btn- {
	  color: #fff;font-weight: bold;
	  background: #000;
	}
	.btn--,
	a.btn-- {
  color: #000;font-weight: bold;
  background: linear-gradient(319deg, rgba(149,119,29,1) 16%, rgba(163,137,58,1) 26%, rgba(255,255,255,1) 47%, rgba(255,255,254,1) 48%, rgba(252,251,248,1) 56%, rgba(163,137,59,1) 76%, rgba(149,119,29,1) 85%, rgba(149,119,29,1) 85%);
  margin-right: 0px;
	}
	p.abut-text {
    font-family: 'Yu Mincho Regular', 'Yu Mincho','YuMincho Medium',sans-serif;
	width: 80%;
    margin-bottom: 200px;
    margin-top: 100px;
    font-size: 18px;
    color: #444;
    text-align: center;
    line-height: 2;
	margin: 0 auto;
	}
	div.menu_contener h3 {
    font-size: 40px;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    background: none;
    color: #fff;
    padding: 20px 0px 20px 0px;
    margin: 0 auto;
	text-align: center;
	}
	div.menu_contener {
	background-image: none;
	}
	div.menu_list ul{
	text-align: center;
	}
	div.menu_list ul li {
	font-size: 18px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: 300;
	line-height: 2;
	}
	div.parallax-spacing-{
	background-image: url("../images/menu_img_sp.png");
	margin: 0px;
	height: auto;
	}
	.menu_contener bg{
	margin: 0 auto;
	width: 100%;
	}
	div.menu_contener {
    background-image: url(images/menu_img.png);
    background-size: 66%;
    background-position: left 50%;
    background-repeat: no-repeat;
    height: auto;
    padding-top: 15%;
	padding-bottom: 80px;
	}div.menu_list {
	margin-left: 0px;
	margin-top: 20px;
	color: #fff;
	width: 100%;
	}
	.googlemap-bw iframe {
  -webkit-filter: grayscale(100%);
	}
	.footer-widgets-wrapper div.container p{
	font-size: 12px;
	}
	.footer-widgets-wrapper{
	padding-top: 10px;
	}
	.footer-widgets-wrapper{
	padding-top: 30px;
	}
	
	/*----*****---- << recruit >> ----*****----*/
	div.parallax-spacing--{
	background-image: url("../images/recruit_img_sp.png");
	background-position: center right;
	margin: 0px;
	height: auto;
	}
	div.recruit h3 {
    font-size: 40px;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    background: none;
    color: #fff;
    padding: 20px 0px 20px 0px;
    margin: 0 auto;
	text-align: center;
	}
	div.recruit {
	background-image: none;
	}
	div.recruit {
    background-image: url(images/menu_img.png);
    background-size: 66%;
    background-position: left 50%;
    background-repeat: no-repeat;
    height: auto;
    padding-top: 15%;
	padding-bottom: 80px;
	}div.menu_list {
	margin-left: 0px;
	margin-top: 20px;
	color: #fff;
	width: 100%;
	}
	.recruit_wrap dl{
	text-align: center;
	margin: 0 auto;
	width: 80%;
	}
	.recruit_wrap dl dt{
	padding-top: 20px;
	}
	.recruit_wrap dl dd{
	padding-bottom: 20px;}
    /*----*****---- << Header >> ----*****----*/


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

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

    .container {
        width: 200px;
    }

    .boxed .wrapper {
        width: 100%;
    }

    .pc {
        display: none;
    }

    .sp {
        display: block;
    }


    /*----*****---- << Header >> ----*****----*/

    .boxed #header,
    .boxed .is-sticky #header,
    .boxed #header.type5 {
        width: 100%;
    }

    .top-bar {
        text-align: center;
    }

    .top-bar p {
        line-height: 22px;
    }

    .top-bar .top-right ul {
        margin-top: 10px;
    }

    .top-bar .top-right ul li {
        margin-bottom: 5px;
    }

    .top-bar.type2 p {
        border: none;
    }

    .top-bar.type2 .top-right ul li,
    .top-bar.type2 .top-right ul li:last-child {
        border: none;
    }

    .is-sticky #header.type3 #main-menu ul li a,
    .is-sticky #header.type4 #main-menu ul li a {
        padding: 7px 20px;
    }

    .sticky-wrapper #header.type5 .dt-menu-toggle {
        display: none;
    }

    .is-sticky #header.type5 .dt-menu-toggle {
        display: block;
    }

    .is-sticky #header.type5 #main-menu > ul > li.current_page_item > a::before,
    .is-sticky #header.type5 #main-menu > ul > li.current_page_item > a::after {
        display: none;
    }

    .lines {
        right: 0;
        top: 20px;
    }

    .loader {
        left: 33% !important;
    }

    .opening-time-info .alignright {
        float: none;
        line-height: 0;
        text-align: center;
    }

    .opening-time-info ul.time-info {
        display: none;
    }

    .opening-time-info a.appointment-btn {
        top: 0;
        min-height: auto;
    }

    .opening-time-info {
        padding: 0;
        bottom: 54px;
        margin: 0;
    }

    /*----*****---- << Home >> ----*****----*/

    h1.alignright {
        font-size: 40px;
        margin: 15px 0 0;
    }

    h2.border-title.aligncenter {
        font-size: 30px;
    }

    .dt-sc-offer-text {
        width: 100%;
    }

    .pricing-parallax .dt-sc-one-fourth {
        margin-bottom: 100px;
    }

    .dt-sc-testimonial-carousel-wrapper .carousel-arrows {
        top: 13%;
        width: 100%;
    }

    .author img {
        width: 70%;
    }

    .dt-sc-notification {
        padding: 0;
    }

    .dt-sc-notification .alignright {
        width: 100%;
    }

    .dt-sc-notification h4 {
        line-height: 30px;
        text-align: center;
    }

    .dt-sc-notification a.dt-sc-button {
        min-width: 100%;
        min-height: 40px;
        line-height: 40px;
        margin-top: 10px;
    }

    .left-image {
        height: 19%;
        width: 100%;
    }

    .pricing-container .dt-sc-two-fifth {
        margin-bottom: 120px;
    }

    .dt-sc-team .image-overlay {
        width: 200px;
        height: 200px;
        line-height: 200px;
    }

    .entry-title h3 {
        font-size: 22px;
    }

    ul.menu-card li span {
        padding: 13px 6px 14px;
    }

    ul.menu-card li::before {
        left: 5px;
        top: 17px;
    }

    ul.menu-card li {
        padding: 16px 20px;
        font-size: 14px;
    }

    #footer .copyright p {
        text-align: center;
    }

    .border-title .dt-sc-offer-text {
        width: 65%;
    }

    .tabs-content {
        padding: 10px;
        width: 100%;
    }

    .tabs-content h3.border-title {
        margin: 0 0 10px;
    }

    .tabs-content > p {
        font-size: 10px;
        line-height: normal;
    }
	
	
	 /*----*****---- << 追記 >> ----*****----*/
	 
.sp_br{
display: block;
}
div.top-bar.sp.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  height: 100%;
  z-index: 1000;
}
.top-bar {
    clear: both;
    line-height: 45px;
    padding: 11px 0;
    position: relative;
    width: 100%;
	z-index: 1000;
}
	.top-bar.sp .container p{
	text-align: center;
	margin: 0 auto;
	}
	.top-bar.sp .container p.logo-mark {
	width: 100%;
	}
	.top-bar.sp .container p.logo-mark img{
     width: 15%;
     height: 15%;
     display: block;
     margin:auto;
	}
	.parallax-spacing {
    display: inline-block;
    padding: 150px 0 60px 0;
    width: 100%;
}
	.banner.type3 .caption h1 {
    margin: 0;
    padding: 0px 0 30px 0;
	}
	.top-bar .top-right {
    float: none;
    font-size: 14px;
    margin-top: 4px;
    padding: 0px 0 0 0;
    color: #999;
	}
.top-bar.sp .top-right ul {
    float: none;
}
	.top-bar .top-right ul li {
    display: inline-block;
    margin-right: 30px;
	margin-top: 10px;
    padding: 0;
}

    .dt-sc-parallax-section {
	background-image: url("images/main_visual.png") no-repeat center center;
	background-size: auto 900px;
	}
	.banner.type3 .caption h1 p {
    color: #fff;
    font-size: 40px;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    letter-spacing: 3px;
    margin-bottom: 20px;
    text-align: center;
	line-height: 1.2;
	}
	p.h1_e {
    font-size: 20px;
    color: #fff;
    letter-spacing: 2px;
    text-align: center;
	width: 90%;
	margin: 0 auto;
	}
	.btn, a.btn, button.btn {
    font-size: 15px;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    font-weight: normal;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    padding: 37px 0px;
    width: 60%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #212529;
    border-radius: 0.5rem;
	margin: 0px;
	margin-bottom: 20px;
}
.btn-wrapper{
text-align: center;
margin-top: 80px;
margin-bottom: 50px;
}

.btn-,
a.btn- {
  color: #fff;font-weight: bold;
  background: #000;
}
.btn--,
a.btn-- {
  color: #000;font-weight: bold;
  background: linear-gradient(319deg, rgba(149,119,29,1) 16%, rgba(163,137,58,1) 26%, rgba(255,255,255,1) 47%, rgba(255,255,254,1) 48%, rgba(252,251,248,1) 56%, rgba(163,137,59,1) 76%, rgba(149,119,29,1) 85%, rgba(149,119,29,1) 85%);
  margin-right: 0px;
}
p.aobt-text {
    font-family: 'Yu Mincho Regular', 'Yu Mincho','YuMincho Medium',sans-serif;
	width: 80%;
    line-height: 30px;
    margin-bottom: 200px;
    margin-top: 100px;
    font-size: 18px;
    color: #444;
    text-align: center;
    line-height: 2;
	margin: 0 auto;
}
div.menu_contener h3 {
    font-size: 40px;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    background: none;
    color: #fff;
    padding: 20px 0px 20px 0px;
    margin: 0 auto;
	text-align: center;
	}
	div.menu_contener {
	background-image: none;
	}
	div.menu_list ul{
	text-align: center;
	}
	div.menu_list ul li {
	    font-size: 18px;
	    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	    font-weight: 300;
	    line-height: 2;
	}
	div.parallax-spacing-{
	background-image: url("../images/menu_img_sp.png");
	margin: 0px;
	height: auto;
	}
	.menu_contener bg{
	margin: 0 auto;
	width: 100%;
	}
	div.menu_contener {
    background-image: url(images/menu_img.png);
    background-size: 66%;
    background-position: left 50%;
    background-repeat: no-repeat;
    height: auto;
    padding-top: 15%;
	padding-bottom: 80px;
}div.menu_list {
margin-left: 0px;
margin-top: 20px;
color: #fff;
width: 100%;
}

.googlemap-bw iframe {
  -webkit-filter: grayscale(100%);
	}
	.footer-widgets-wrapper div.container p{
	font-size: 12px;
	}
	.footer-widgets-wrapper{
	padding-top: 10px;
	}
	
	
}

    .banner-details {
        padding: 10px;
    }

    .breadcrumb-wrapper {
        margin-top: 40px;
    }