@charset "utf-8";

/* Global Styles */
html,
body {
height: 100%;
-webkit-font-smoothing: antialiased;
}
body {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
background-image:url(../img/allback.png);
font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
font-size:14px;
text-align: justify;
}
@media(max-width:767px) {
body {
background-size: 80%;
}
}
/* Image style */
#scrollUp {
    background-image: url("../img/top.png");
    bottom: 20px;
    right: 20px;
    width: 38px;    /* Width of image */
    height: 38px;   /* Height of image */
}

.container{
max-width:1056px;
}
@media(max-width:767px) {
.container{
padding-right:5px;
padding-left:5px;
}
.row {
margin-right:5px;
margin-left: 5px;
}
.container{
max-width:560px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
padding-right: 0px;
padding-left: 0px;
}
}
@media (min-width:768px) {
.container {
width: 100%
}
}
@media (min-width:992px) {
.container {
width: 100%
}
}
@media (min-width:1200px) {
.container {
width: 100%
}
}
a{
color:#815391;
}
a:hover{
text-decoration:none;
}


p{
line-height:26px;
font-size:14px;
padding:0px;
margin:0px;
}

@media (max-width:767px) {
p{
line-height:21px;
font-size:13px;
}
}

h1,h2,h3,h4{
margin:0px;
}


h2{
font-family: "ryo-display-plusn",sans-serif;
font-style: normal;
font-weight: 700;
text-align:center;
color:#3d2500;
}

h2.top-title{
margin-bottom:10px;
font-size:25px;
}

h2.top-title::after,h2.page-title::after{
content:url(../img/title-img2.svg);
margin-left:10px;
}

h2.top-title::before,h2.page-title::before{
content:url(../img/title-img.svg);
margin-right:10px;
}

h2.page-title{
font-family: 'Cardo', serif;
margin-bottom:10px;
}

@media(max-width:767px) {
.about h2,.gallery h2{
font-size:23px;
}
}

h3{
font-family: "ryo-display-plusn",sans-serif;
font-style: normal;
font-weight: 700;
}

.maru{
border-radius: 3px;    /* Safari,Google Chrome用 */  
-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 3px;   /* Firefox用 */ 
}

mark{
background:#298a80;
color:#fff;
font-weight:bold;
border-radius: 3px;    /* Safari,Google Chrome用 */  
-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 3px;   /* Firefox用 */ 
}

.access mark{
display:block;
width:80px;
line-height:18px;
margin:0 auto 8px;
}

.school-voice mark,p.salon-text mark{
background:#f4f1cf;
color:#333;
}

p.salon-text mark{
font-weight:normal;
color:#000;
}

.img-hover:hover {
opacity: 0.8;
}

.mg-ttb{
margin-top:80px;
margin-bottom:60px;
}

.mg-s{
margin-top:30px;
}

.mg-t{
margin-top:60px;
}

.mg-st{
margin-top:40px;
}

.mg-sst{
margin-top:10px;
}

.mg-xst{
margin-top:20px;
}

.mg-b{
margin-bottom:30px;
}

.mg-bb{
margin-bottom:50px;
}

.mg-tb{
margin-top:60px;
margin-bottom:60px;
}

.mg-stb{
margin-top:45px;
margin-bottom:60px;
}

.no-pd{
padding:0px;
}

.section{
position:relative;
}

.section_title{
position: absolute;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
text-align:center;
text-shadow: 0 2px 3px rgba(0, 0, 0, .8);
}

.section_title strong{
font-family: 'Tangerine', cursive;
font-size:90px;
color:rgba(255,255,255,0.8);

}


.section_title i{
font-family: 'Tangerine', cursive;
font-style:normal;
font-size:90px;
color:#fff;

}


@media(max-width:767px) {

.mg-s{
margin-top:0px;
}

h2.top-title{
margin-bottom:10px;
font-size:20px;
}

h2.page-title{
font-size:23px;
}

.mg-tt{
margin-top:70px;
}


.mg-stb{
margin-top:30px;
margin-bottom:30px;
}

.mg-tb{
margin-top:45px;
margin-bottom:30px;
}

.xs-md-60{
margin-top:60px;
}

.xs-md-40{
margin-top:40px;
}
}

@media(max-width:991px) {
.mg-ft{
margin-top:50px;
}
}

@media(max-width:767px) {
.mg-fxt{
margin-top:70px;
}
}

/* hr */
hr.horizontal-headline{
border: none;
border-top: 1px solid #e1cdb8;
border-bottom: 1px solid #fffcf9;
text-align: center;
margin:15px 0px 18px;
}

.icon{
position: absolute;
bottom:-11px;
left:0;
right:0;
height:23px;
width:130px;
margin:auto;
text-align:center;
background:#f8f3ec;
color:#3d2500;
}


/* btn */

.btn{
-webkit-box-shadow: 0 1px 2px rgba(51, 0, 0, 0.2);
 box-shadow: 0 1px 2px rgba(51, 0, 0,0.2);
 border-radius: 13px;
-webkit-border-radius: 13px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 13px;   /* Firefox用 */  
transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;
}




.btn-white{
font-weight:bold;
background:rgba(255,255,255,0.7);
color:#5f3b13;
border:1px solid #fff;
width:230px;
padding:7px 0px;
font-size:16px;
margin:10px;
}


a.btn-white:hover{
background:rgba(255,255,255,0.5);
border:1px solid #fff;
color:#815391;
}

a.btn-white:hover span.glyphicon{
color:#815391;
}


.btn-brown{
font-weight:bold;
background:#5f3b13;
color:#fff;
border:1px solid #5f3b13;
width:230px;
}

.btn-brown2{
font-weight:bold;
background:#5f3b13;
color:#fff!important;
border:1px solid #5f3b13;
}


.btn-brown:hover{
background-color: #c8a164;
border:1px solid #bf995e;
color:#fff;
}



.btn-brown:hover span.glyphicon{
color:#fff;
}

.btn-pink{
font-weight:bold;
background:transparent;
color:#5f3b13;
border:1px solid #5f3b13;
width:230px;
margin-top:30px;
}


.btn-pink:hover{
background-color: #c8a164;
border:1px solid #bf995e;
color:#fff;
}



.btn-pink:hover span.glyphicon{
color:#fff;
}

.btn-trans{
background:transparent;
font-weight:normal;
color:#5f3b13;
width:260px;
border:1px solid #5f3b13;
margin-top:5px;

}

a.btn-trans:hover{
border:1px solid #c8a164;
}

button.btn-trans:hover{
border:1px solid #c8a164;
}

@media(max-width:767px) {
.btn-brown{
width:80%;
}

.btn-white{
font-size:14px;
margin:8px;
}
}

.header-bottom{
background:url(../img/header-bottom.png) repeat-x;
top:-20px;
z-index:1;
position: relative;
}

@media(max-width:767px) {
.header-bottom{
background-size:767px;
}

.section_title i{
font-size:75px;
}
}

.section_title_text{
font-size:15px;
margin:10px 0px 25px;
text-align:center;
font-style: normal;
font-weight: 700;
}

@media(max-width:767px) {
.section_title_text{
font-size:14px;
}
}


/* Home Page Carousel */


header.carousel {
height: 510px;
position:relative;
margin-top:-10px;
z-index:0;
}


.fill:after {
position: absolute;
display: block;
content: " ";
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: inset 0 0 30px rgba(72, 39, 4, 0.6);
background: rgba(150, 130, 99, 0.3); /* カラーを重ねる */
}

@media(max-width:767px) {
header.carousel {
height: 280px;
}
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
height: 100%;
}

.carousel .item {
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}

.carousel-inner .active {
opacity: 1;
}

.carousel-inner .active.left,
.carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}

.carousel-inner .next.left,
.carousel-inner .prev.right {
opacity: 1;
}

header.carousel .fill {
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
}


.carousel-caption {
position: absolute;
right: 0%;
bottom: 20%;
left: 0%;
z-index: 10;
color: #fff;
text-align: center;
text-shadow: 0 2px 3px rgba(0, 0, 0, .8);
}

.top-bottan {
position: absolute;
right: 0%;
bottom: 10%;
left: 0%;
z-index:11;
text-align: center;
}

.carousel-caption p{
font-size:19px;
margin-top:25px;
color:#fff;
}

.carousel-caption h2{
font-size:34px;
color:#fff;
}


@media(max-width:767px) {
header.carousel {
height: 390px;
}

.carousel-caption p span{
display:block;
}

.carousel-caption{
top:18%;
}

.top-bottan {
position: absolute;
bottom: 8%;
}

.carousel-caption h2{
letter-spacing:0px;
font-size:24px;
font-family: "ryo-display-plusn",sans-serif;
font-style: normal;
font-weight: 700;
text-align:center;
line-height:40px;
letter-spacing:1px;
}

.carousel-caption p{
padding:0px 5px;
font-size:14px;
margin-top:10px;
margin-bottom:18px;
color:#fff;
line-height:28px;
}

.carousel-caption h2 span{
display:block;
}
}

/* top */

.container.top{
position:relative;
z-index:4;
max-width:980px;
}

@media(max-width:991px) {
.container.top{
display:none;
}
}

h1{
font-size:12px;
line-height:20px;
position:absolute;
left:0px;
top:10px;
margin:0px;
color:#b2a98c;
font-weight:bold;
}

.info{
position:absolute;
right:0px;
top:10px;
padding:0px;
text-align:right;
}

.info p{
font-size:13px;
line-height:17px;
}

.info p small{
font-size:10px;
}

.info .tel{
font-size:20px;
font-family: 'Petit Formal Script', cursive;
font-weight:bold;
text-align:right;
line-height:30px;
color:#3d2500;
}

.tel span{
font-size:14px;
}

/* nav Styles */

.navbar{
border:0px;
padding:5px 0px;
margin:0px;
background:url(../img/header-top.png) bottom repeat-x;
position:relative;
z-index:1
}


@media(max-width:767px) {
.navbar{
background-position:bottom;
border:0px;
padding:8px 0px 15px;
background-size: 767px;
margin-bottom:-5px;
}
}

.navbar-brand {
float: none;
text-align:center;
padding:0px;
}

.navbar-tel {
float: left;
padding:0px
}

.navbar-tel span {
font-size:30px;
margin-top: 13px;
margin-left: 15px;
margin-bottom: 8px;
color:#5f3b13;
}

@media (min-width: 768px) {
.navbar-tel {
display: none;
}
}

a:hover span.glyphicon{
color:rgba(106,57,6,0.7)
}

.navbar-brand img{
max-width:100px;
}

.navbar-toggle{
background:#5f3b13;
border:0px;
border-radius:2px;
margin-top:13px;
}
.navbar-default .navbar-toggle .icon-bar{
background-color:#f1d5a9;
border-radius:0px
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color:rgba(106,57,6,0.7);
}
ul.nav li{
vertical-align: bottom;
}
ul.nav li a.back{
background:url(../img/m_back.png);
width: 92px;
height:92px;
background-size: cover;
font-family: 'Cardo', serif;
font-size:20px;
color:#5f3b13;
margin:20px auto;
padding:20px 0px;
}
ul.nav li a:hover.back{
background:url(../img/m_back2.png);
background-size: cover;
text-shadow: 0px 2px 1px #fff;
}
ul.nav li a:active.back{
}
ul.nav li a.back span{
font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
font-size:13px;
letter-spacing:-1px;
display:block;
margin-top:3px;
color:#54375e;
}
.nav-justified li.dropdown .dropdown-menu{
text-align:center;
padding:0px;
position:absolute;
top:170px;
right:-15px;
}
.nav-justified li.dropdown .dropdown-menu a{
font-weight:bold;
padding:10px 0px;
background-color:#f0e9e1;
border-top:1px solid #fffcf9;
}
.nav-justified li.dropdown .dropdown-menu a:active{
background:#fff;
}
.nav-justified li.dropdown .dropdown-menu a:hover{
background-color:#e8dbcc;
}
.nav-justified li.dropdown a.dropdown-toggle{
background-color:transparent;
}
@media(max-width:991px) {
.nav-justified li.dropdown .dropdown-menu{
text-align:center;
padding:0px;
position:absolute;
bottom:-110px;
right:-30px;
}
ul.nav li{
vertical-align: middle;
}
ul.nav li a.back{
background:transparent;
height:80px;
}
li.main_logo img.logo{
max-width:120px;
}
ul.nav li a:hover.back{
background:transparent;
}
}
.navbar-collapse{
border-top:0px;
padding-top:5px;
}
@media(min-width:768px) {
.navbar-brand{
display:none;
}
}
@media(max-width:767px) {
li.main_logo{
display:none;
}
ul.nav li a.back{
width: 100%;
height:40px;
font-size:16px;
color:#3d2500;
margin:0px auto;
padding:8px 0px;
}
ul.nav li a:hover.back{
background:rgba(255,255,255,0.7);
}
ul.nav li a.back span{
font-size:15px;
letter-spacing:0px;
display:inline;
margin-top:0px;
color:#54375e;
padding-left:10px;
}
}
#menu.affix {
position: fixed;
top: 0px;
left:0px;
padding:0px;
margin:0 auto;
width:100%;
z-index:10;
}
@media screen and (max-width: 767px) {
#menu.affix {
background:url(../img/allback.png);
}
.nav-justified li.dropdown .dropdown-menu{
position:relative;
top:0;
left:0;
float:none;
border:0px;
background:rgba(255,255,255,0.6);
-webkit-box-shadow: 0 1px 1px rgba(51, 0, 0, 0);
box-shadow: 0 1px 1px rgba(51,0,0,0);
}
.nav-justified ul.dropdown-menu li{
background:rgba(255,255,255,0.6);
}
}
@media screen and (min-width: 768px) {
#menu.affix {
position: relative;
}
}
.frame{
background:rgba(255,255,255,0.5);
border:1px solid #fff;
padding:40px 50px;
margin-bottom:30px;
box-shadow: 0 1px 1px rgba(51, 0, 0, 0.1);
-webkit-box-shadow: 0 1px 1px rgba(51, 0, 0, 0.1);
box-shadow: 0 1px 1px rgba(51, 0, 0,0.1);
border-radius: 6px;
-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 6px;   /* Firefox用 */  
}
.sub{
padding:20px 30px;
}
@media (max-width: 767px) {
.frame{
padding:25px 5px;
margin-bottom:15px;
}
.menseki .frame{
padding:15px 10px;
margin-bottom:15px;
}
.sub{
padding:15px 15px 5px;
}
}
/* Footer Styles */
footer {
background:url(../img/footer.jpg);
background-size: cover;
color:#fff;
padding:30px 0px;
}
footer hr{
height:0;
border:0;
border-top:1px solid #000;
border-bottom:1px solid #3d2a1d;
}
.footer-main{
margin-bottom:20px;
}
.footer-main .logo{
text-align:right;
}
.footer-main .acc{
text-align:left;
}
.footer-main p{
margin-top:15px;
}
.footer-tel .tel{
font-family: 'Petit Formal Script', cursive;
font-weight:bold;
font-size:28px;
line-height:35px;
}
ul.footer-nav li{
display:inline;
margin-right:20px;
}
footer a{
color:#c8a164;
}
footer a:hover{
color:#fff;
}
@media(max-width:767px) {
ul.footer-nav li{
display:block;
margin-right:0px;
margin-bottom:10px;
}
footer span{
display:block;
}
ul.footer-nav{
display:none;
}
.footer-main .acc{
text-align:center;
}
}
@media(max-width:991px){
.footer-main .logo{
text-align:center;
}
}
/* index */
.owner{
background:url(../img/top-img.png) no-repeat left;
background-size: cover;
text-align:center;
margin:60px 0px 0px;
}
.first .btn-brown{
margin-top:25px;
}
.owner-text{
margin:20px 0px 20px 30px;
}
.owner-text p{
font-size:13px;
line-height:23px;
}
.owner-text p strong{
text-shadow: 
white 1px 1px 10px, white -1px 1px 10px,
white 1px -1px 10px, white -1px -1px 10px;
}
.owner-text p strong span{
color:#815391;
}
.owner h3{
margin-top:0px;
font-size:20px;
line-height:30px;
font-family: "ryo-display-plusn",sans-serif;
}
.owner h3 span{
font-size:18px;
font-family: 'Cardo', serif;
margin-right:15px;
}
.owner h3 strong{
font-size:15px;
font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
font-weight:normal;
}
.owner p{
margin-top:20px;
}
@media(max-width:991px) {
.owner{
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
}
.owner-text p strong{
text-shadow:none
}
}

@media(max-width:767px) {
.owner{
background:url(../img/top-img2.png) no-repeat;
background-size: cover;
margin:40px 0px 0px;
}

.owner-text{
margin:10px;
}

.owner p{
margin:10px 0px;
font-size:13px;
text-align:left;
}

.owner h3{
font-size:19px;
line-height:28px;
text-align:center;
}

.owner h3 span{
display:block;
font-size:15px;
margin-right:0px
}

.owner h3 strong{
font-size:13px;
}

.owner .btn{
display:none;
}
}

@media (min-width:768px) {
.xs-photo,.xs-button{
display:none;
}
}

.about{
margin-top:60px;
}



.about-text table{
margin:20px auto;
font-size:16px;
width:90%;
}

.about-text table.table th{
font-size:20px;
color:#54375e;
vertical-align:middle;
border:0px;
}

.about-text table.table td{
border:0px;
}

.about .section_title{
color:#fff;
height:100px;
}


@media(max-width:991px) {
.about-text table{
margin:18px 0;
font-size:14px;
width:100%;
}

.about-text table.table th,.about-text table.table td{
padding-bottom:0px;
}
}



.about .voice{
position:relative;
}


.about a .voice{
color:#333;
}

.about .voice h3{
text-shadow: 0px 1px 1px #fffff;
position: absolute;
top: 0px;
bottom:0px;
left:0;
right:0;
margin:auto;
font-size:32px;
height:64px;
text-align:right;
padding-right:13%;
line-height:32px;
text-shadow: 0px 2px 1px #fff;
font-family: 'Tangerine', cursive;
font-weight:normal;
}

.about .voice h3 strong{
font-family: "ryo-display-plusn",sans-serif;
font-size:20px;
letter-spacing:1px;
}


.about .voice h3 span{
color:#54375e;
font-size:20px;
}

.about a .voice{
color:#000;
}

.about a .voice:hover{
opacity: 0.8;
}


.gallery .g-photo{
margin:10px 0px 35px;
}

.gallery .g-photo div{
padding:0px 5px;
}

.gallery .g-photo img{
border:1px solid #fff;
-webkit-box-shadow: 0 2px 1px rgba(51, 0, 0, 0.1);
box-shadow: 0 2px 1px rgba(51, 0, 0,0.1);
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */  
}



.ei-pd{
padding-right:15px;
padding-left:15px;
}


.sns{
background:rgba(224,213,199,0.5);
border-top:1px solid #5f3b13;
padding:50px 0px;
}

.model{
background:#fff;
padding:40px 0px;
}

.model p{
font-size:13px;
line-height:22px;
}

.model .btn{
-webkit-box-shadow: 0 0px 0px rgba(51, 0, 0, 0.2);
 box-shadow: 0 0px 0px rgba(51, 0, 0,0.2);
-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 2px;   /* Firefox用 */  
transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;
    margin-top:20px;
}

.model h3{
margin-bottom:20px;
font-size:20px;
}


@media(max-width:767px) {

.model h3{
margin-bottom:20px;
margin-top:20px;
text-align:center;
font-size:20px;
}

.model .btn{
display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top:15px;
}

.gallery .g-photo{
margin:0px 0px 25px;
}

.gallery .g-photo div{
padding:3px;
}


.sns{
padding:30px 0px;
}



.about .voice h3{
font-size:26px;
line-height:28px;
height:56px;
}

.about .voice h3 strong{
font-size:19px;
}
}

.sns h4{
font-size:20px;
font-weight:bold;
}

.line{
max-width:500px;
margin:15px auto 0px;
}

.blog{
padding-bottom:10px;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{ width: 100%!important; }

.fb{
padding-top:15px;
max-width:500px;
margin:0 auto 18px;
}

@media(min-width:768px) {
.sns img.xs{
display:none;
}
}


@media(max-width:991px) {
.sns h4{
font-size:16px;
}
}

@media(max-width:767px) {
.sm-no {
display:none;
}

.sns img.md{
display:none;
}
}

.blog ul {
padding:0px;
font-size:14px;
}

.blog ul li{
list-style:none;
padding:15px 0px 10px;
border-bottom:1px solid #ccc;
font-size:13px;
}

.blog ul li a{
padding-bottom:5px;
display:inline-block;
}

/*QandA */

.qanda h3{
font-size:26px;
font-family: "ryo-display-plusn",sans-serif;
font-style: normal;
font-weight: 700;
text-align:center;
padding-top:65px;
color:#fff;
margin:0px 0px 40px;
background:url(../img/qanda01.png) no-repeat;
background-size: cover;
height:150px;
 text-shadow: 0 2px 3px rgba(0, 0, 0, .8);
}

.qanda h4{
font-size:16px;
font-family: "ryo-display-plusn",sans-serif;
font-style: normal;
font-weight: 700;
margin:20px 0px;
}

.qanda h5{
font-weight:bold;
}

.qanda .sub-text p{
font-size:12px;
line-height:19px;
padding-top:10px;
}

.qanda .sub-text p.price{
font-weight:bold;
padding-top:0px;
text-align:right;
color:#ac8156;
}

.qanda .sub-text p.last{
padding-left:10px;
display:inline;
}

.qanda .sub-text p span{
border-bottom:1px dotted #ccc;
}

.qanda a strong{
font-family: 'Petit Formal Script', cursive;
font-size:18px;
color:#815391;
}

.qanda a:hover strong{
color:#330000;
}

.qanda span.glyphicon{
font-size:10px;
color:#298a80;
}
 
.mg-qa{
margin:30px 0px;
}

.qanda table.table.off{
margin-bottom:0px;
}

.qanda table.table.off td{
border:0px;
}

.qanda ul.off li{
padding:7px 5px;
}



.qanda .section_title{
color:#fff;
font-size:25px;
height:50px;
}

.qanda .qa_waku{
margin-bottom:40px;
background-size:cover;
height:160px;
}

.qanda mark{
font-size:11px;
letter-spacing:-1px;
}


.qa_photo01{
background:url(../img/qanda01.png) left;
}

.qa_photo02{
background:url(../img/qanda03.png) right;
}

.qa_photo03{
background:url(../img/qanda02.png) left;
}

.qa_waku .section_title{
font-family: "ryo-display-plusn",sans-serif;
font-style: normal;
font-weight: 700;
height:23px;
}

.qanda .section_title{
font-size:23px;
height:23px;
}

.pc_title{
font-family: "ryo-display-plusn",sans-serif;
font-weight: bold;
font-size:18px;
line-height:30px;
padding-top:33px;
width:120px;
height:120px;
-webkit-border-radius: 50%;    /* Safari,Google Chrome用 */  
-moz-border-radius: 50%;   /* Firefox用 */
border-radius: 50%;
margin:0px auto 20px;
text-shadow: 0px 2px 1px #fff;
box-shadow: inset 0 0 10px rgba(175, 155, 127, 0.6),
inset 0 0 10px rgba(175, 155, 127, 0.6);
}



.qa-main{
margin:30px auto;
max-width:960px;
}

.s_qa_title{
font-family: "ryo-display-plusn",sans-serif;
font-size:17px;
text-shadow: 0px 2px 1px #fff;
text-align:center;
margin:20px auto;
padding:8px 0px;
width:95%;
background-color:#eee5db;
-webkit-box-shadow: 0 1x 1px rgba(51, 0, 0, 0.3);
 box-shadow: 0 1px 1px rgba(51, 0, 0,0.3);
 border-radius: 5px;  
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */  

}

a .s_qa_title strong{
color:#000;
font-weight:normal;
border-bottom: 1px dashed #e1cdb8;
padding-bottom:2px;
}



.qa01{
background:url(../img/qa01.png) left bottom no-repeat rgba(255,255,255,0.6);
}

.qa02{
background:url(../img/qa02.png) right bottom no-repeat rgba(255,255,255,0.6);
}


.qa03{
background:url(../img/qa03.png) left bottom no-repeat rgba(255,255,255,0.6);
}



.s_qa_title span,.pc_title span{
font-family: 'Cardo', serif;
}

a .s_qa_title:hover,.qanda a .s_qa_title:hover strong{
opacity: 0.8;
}

@media (max-width:991px) {
.qanda .qa_waku{
margin:0px 5px 25px;
background-size:cover;
height:130px;

}

.qanda .qa_waku span{
font-size:25px;
font-family: 'Cardo', serif;
}


.qa-main{
margin:0px auto 30px;
}
.s_qa_title{
padding:10px 0px;
width:90%;
}


.qa01,.qa02,.qa03{
background: rgba(255,255,255,0.6);
}
}




.qanda .truble{
font-size:18px;
border-top: 1px solid #c8a164;
    margin:20px auto 15px;
    text-align:center;
    padding:0; height:24px;
    font-family: "ryo-display-plusn",sans-serif;
}

.qanda .truble span {
    position: relative;
    top: -12px;
    padding: 0 20px;
    background:#fcfaf7;
    font-weight:bold;
}

.qanda .q3 .itemization{
margin-top:10px;
font-weight:bold;
}

.attention p{
line-height:23px;
font-size:12px;
margin-bottom:15px;
}

.s_attention{
background-color:#f0e9e1;
border-top:1px solid #fffcf9;
padding:10px 15px;
margin:10px 0px 25px;
}

@media (max-width:767px) {
.s_attention{
margin:0px 0px 25px;
}
.qanda table.table.off td{
display:block;
}
}

@media (min-width:992px) {
.qanda .qa_waku,.sm-link,.s_attention{
display:none;
}
}

@media (max-width:991px) {
.none{
display:none;
}
}


.main-panel{
box-shadow: inset 0 0 8px rgba(175, 155, 127, 0.6),
inset 0 0 8px rgba(175, 155, 127, 0.6);
background: #f4f2ee; /* カラーを重ねる */
}

.sub-panel{
box-shadow: inset 0 0 5px rgba(175, 155, 127, 0.3),
inset 0 0 5px rgba(175, 155, 127, 0.3);
background: #f4f2ee; /* カラーを重ねる */
}



a .panel-heading{
font-weight:bold;
color:#333;
text-shadow: 0px 2px 1px #fff;
}



.qanda .sub{
padding:5px 10px;
margin:0px;
}


@media(max-width:767px) {
.qanda .sub{
padding:5px 10px;
}

.main-panel .panel-heading a{
font-size:14px;
}

.main-panel .panel-heading a strong{
font-size:16px;
}


.qanda .qa_title{
margin:0px auto;
}

.qanda .about_title{
display:none;
}

.qanda .trans{
display:none;
}

.qanda .qa_section{
display:none;
}
}


.sub-panel a span{
font-size:13px;
color:#298a80;
}

.sub-panel a:hover span{
color:#330000;
}

.panel-heading a{
color:#333;
font-size:15px;
}

.panel-body{
line-height:25px;
font-size:13px;
}

@media(max-width:767px) {
.panel-body{
line-height:21px;
font-size:12px;
}
}

/*access*/

.access h3{
background:url(../img/info-top.png) no-repeat;
background-size: cover;
height:300px;
margin-bottom:50px;
}

.access img{
margin-bottom:20px;
}

.access p{
font-size:15px;
}

.access p.att{
line-height:31px;
}

.access .access_waku{
margin-bottom:40px;
}

.access .frame{
margin-bottom:20px;
}

.access .sub{
padding-bottom:20px;
}

.access .sub img{
margin-bottom:0px;
}

.access .access_waku:after{
position: absolute;
display: block;
content: " ";
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: inset 0 0 30px rgba(72, 39, 4, 0.6);
background: rgba(150, 130, 99, 0); /* カラーを重ねる */
}

.access .section_title{
height:100px;
}

hr.shr{
 border-top: 1px solid #e1cdb8;
border-bottom: 1px solid #fffcf9;
width:20%;
}

.access-tel .mail a{
text-decoration:underline;
}

.access-tel .tel{
font-size:28px;
font-family: 'Cardo', serif;
letter-spacing:3px;
}

.access .sub-info{
font-size:16px;
border-top: 1px solid #e1cdb8;;
    margin:15px auto 5px;
    text-align:center;
    padding:0; 
    font-family: "ryo-display-plusn",sans-serif;
    color: #000;
}

.access .sub-info span {
    position: relative;
    top: -12px;
    padding: 0 20px;
    background:#fcfaf7;
    font-weight:bold;
}

.access .rote{
margin-top:30px;
}

.access .rote p{
font-size:12px;
}

.access .rote .no-pd{
padding:0px 3px;
}

@media(min-width:768px) {
.access img.xs{
display:none;
}

}

@media(max-width:767px) {
.access .map{
padding-top:20px;
}
.access img.md{
display:none;
}
.access .frame{
padding-top:5px;
}

.access .rote .no-pd{
padding:0px 2px 20px;
}
}


@media(max-width:991px) {


.access p.att{
line-height:23px;
}


img.blur{
max-width:130px;
}

.access .section_title{
height:50px;
}





.access .access-tel{
margin-bottom:20px;
}
}

/*menseki */



.menseki p{
font-size:13px;
line-height:23px;
}

.menseki h3 {
font-size:15px;
font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
margin-bottom:20px;
line-height:24px;

}

.menseki ul{
padding-left:25px;
margin-bottom:30px;
}

.menseki ul li{
list-style-type: decimal;
font-size:13px;
margin:10px 0px;
line-height:25px;
}

.menseki ul.sub-ul{
padding-left:13px;
margin-bottom:0px;
}

.menseki ul.sub-ul li{
list-style-type: disc;
font-size:13px;
margin:10px 0px;
line-height:25px;
}


/*contact */

.contact  .foot_link{
font-size:20px;
padding:5px;
margin:0px auto 10px;
text-align:center;
letter-spacing:1px
}

.mail{
padding-bottom:5px;
}

.contact .foot_link span{
font-size:22px;
vertical-align:bottom;
padding-bottom:3px;
}

.contact .foot_link strong{
font-size:19px;
font-weight:normal;
letter-spacing:3px;
}

.contact table{
-webkit-box-shadow: 0 1x 5px rgba(51, 0, 0, 0.1);
 box-shadow: 0 1px 5px rgba(51, 0, 0,0.1);
 border-right:1px solid #fffcf9;
 border-left:1px solid #fffcf9;
 border-bottom:1px solid #fffcf9;
 border-top:0px solid #fffcf9;
 border-collapse: separate;
 margin:30px 0px 30px;
}


.contact .con-top p{
line-height:26px;
}

.contact h3{
font-size:18px;
padding-bottom:5px;
width:50%;
margin:20px auto;
border-bottom:1px solid #f0e4ce;
color:#b08a4e;

}

.contact table.table {
margin-top:0px;
}




.contact table.table th{
background-color:#e0dad4;
border-top:1px solid #fffcf9;
border-bottom:1px solid #d0cbc5;
border-right:1px solid #d0cbc5;
width:25%;
vertical-align:middle;
text-align:center;

}


.contact table.table td{
padding:20px;
background-color:#f0e9e1;
border-top:1px solid #fffcf9;
border-bottom:1px solid #e1d8cd;
border-left:1px solid #fffcf9;
}

.contact table.table .label-default{
background:#cc3333;
}

.contact p{
line-height:35px;
text-align:center;
}


.input-group-addon{
background:#e0dad4;
font-weight:bold;
}

@media(max-width:767px) {
.menseki .frame{
padding-top:30px;
}


.contact table.table th{
display:block;
width:100%;
border-right:0px solid #d0cbc5;
border-bottom:1px solid #d0cbc5;
}

.contact table.table td{
display:block;
padding:10px 5px;
border-left:0px solid #fffcf9;
border-top:0px solid #fffcf9;
}

.contact .btn-trans{
width:200px;
margin:0px auto;
}
}

@media(max-width:991px) {
.contact .input-group{
margin:5px 0px;
}
}
.required{
background-color: #fff;
}

div.required{
margin-left:15px;
padding-top:5px;
}

.radio{
padding-left:20px;
padding-bottom:5px;
font-weight:bold;
}

@media(max-width:767px) {
div.required{
margin-left:0px;
padding:3px 10px;
}

.mail{
margin-top:15px;
}

.radio{
padding-bottom:0px;
font-weight:bold;
}
}

/*salon_menu*/

.img01{
background-image:url(../img/price01.png);
background-repeat:no-repeat;
background-position:left bottom;
}

.img02{
background-image:url(../img/price02.png);
background-repeat:no-repeat;
background-position:right bottom;
}

.img03{
background-image:url(../img/price04.png);
background-repeat:no-repeat;
background-position:left bottom;
}

a.menu-link{
border-bottom:1px solid;
}

.menu-btn{
overflow:hidden;
}

.menu-btn .menu{
width:20%;
float:left;
}

.menu-btn .menu .s_qa_title{
font-size:14px;
}

.salon_menu img.pull-left{
margin:10px 10px 3px 0px;
}

.salon_menu h3{
font-size:50px;
font-family: 'Tangerine', cursive;
margin-bottom:20px;
color:#3d2500;
}

.salon_menu img{
vertical-align:top;
}

.salon_menu h3 span{
font-size:15px;
 font-family: "ryo-display-plusn",sans-serif;
 font-weight:normal;
}

.salon_menu h3 strong{
font-size:26px;
 font-family: "ryo-display-plusn",sans-serif;
 font-weight:normal;
}

.salon_menu .b-text{
margin-bottom:10px;
}

.salon_menu .bb-text{
font-size:13px;
line-height:22px;
text-align:center;
}

.salon_menu .bb-text span{
margin:10px 0px;
display:block;
text-align:center;
}

.salon_menu .color table.table{
border-collapse: separate;
border-spacing: 3px 10px;
}


.salon_menu table.table th{
border:0px;
font-size:15px;
 font-family: "ryo-display-plusn",sans-serif;
padding:9px 0px 9px 15px;
border-radius: 3px;    /* Safari,Google Chrome用 */  
-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 3px;   /* Firefox用 */ 
box-shadow: inset 0 0 8px rgba(175, 155, 127, 0.6),
inset 0 0 8px rgba(175, 155, 127, 0.6);
text-shadow: 0px 1px 1px #fff;
}

.salon_menu .sub-menu-text{
margin-bottom:25px;
padding:10px 15px;
 background: url(../img/back2.png);
box-shadow: inset 0 0 8px rgba(175, 155, 127, 0.6),
inset 0 0 8px rgba(175, 155, 127, 0.6);
border-radius: 5px;    /* Safari,Google Chrome用 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */ 
}


.sub-menu-text p{
font-size:12px;
line-height:23px;
}

a.month{
text-decoration:underline;
}

.salon_menu .tip{
line-height:27px;
}

.salon_menu table.table td.text{
font-size:12px;
}

.salon_menu table.table td.text-right{
font-weight:bold;
}

.salon_menu .color table.table td.text-right{
background:#f2f0ed;
width:28%;
}

.salon_menu h4 span{
font-family: 'Tangerine', cursive;
font-size:30px;
display:block;
}

.salon_menu h4{
font-size:14px;
font-weight:bold;
font-family: "ryo-display-plusn",sans-serif;
color:#3d2500;
}

.salon_menu .color table.table td{
border-top:0px;
border-bottom:0px;
padding:7px 10px;
}

.salon_menu table.table td{
border-bottom:1px dotted #e1cdb8;
border-top:0px;
padding:10px 8px;
}

.salon_menu table.table td.menu_name{
font-weight:bold;
font-family: "ryo-display-plusn",sans-serif;
}

.salon_menu .color table.table td.menu_name{
background:#f7f3eb;
}

.salon_menu table.table td.menu_name:before{
content:"♦";
color:#999;
padding-right:8px;
font-size:10px;
}

.salon_menu table.table td .pull-left img{
max-width:85px;
margin-right:8px;
}

.middle{
padding-top:10px;
}

.menu-btn{
margin:8px 0px;
text-align:center
}

.menu-btn a{
margin:15px 15px;
color:#333;
text-decoration:underline;
}

.menu-btn a span{
color:#666;
}

.menu-btn a:hover{
color:#815391;
}

.menu-btn a strong{
color:#815391;
}

.menu-main{
margin:30px 0px;
}

.main_price table.table td.sub-text{
font-size:11px;
}


@media(max-width:767px) {

.salon_menu h3 strong{
font-size:20px;
}


.salon_menu .bb-text{
text-align:left;
font-size:12px;
}

.salon_menu .bb-text span{
text-align:left;
}

.menu-main{
margin:10px 0px;
}

.menu-btn{
margin:3px 0px 3px 10px;
text-align:left;
}

.menu-btn a{
display:block;
margin:4px;
font-size:12px;
}
.salon_menu .order{
padding-right:5px;
padding-left:5px;
}

.salon_menu table.table th{
padding:7px 0px 5px 15px;
}

.salon_menu h3{
font-size:45px;
margin-bottom:10px;
}

.salon_menu h3 span{
font-size:13px;
}

.salon_menu table.back-img{
background: url(../img/back2.png);
}

.img01{
background-image : none;
}

.img02{
background-image : none;
}

.img03{
background-image : none;
}

.main_price table.table td.s-text{
font-size:11px;
}
}

@media (min-width:768px) {
.menu-img img{
display:none;
}
}


/*trouble*/

.trouble_menu .frame{
padding:15px;
}

.trouble_menu .frame .row{
margin-bottom:20px;
}

.trouble_menu .frame .row:last-child{
margin-bottom:0px;
}

.trouble_menu .frame .no-pd{
padding-left:15px;
}




.trouble_menu h3{
font-size:18px;
font-family: "ryo-display-plusn",sans-serif;
line-height:20px;
text-shadow:1px 1px 1px #eee;
padding:0px;
}

.trouble_menu h3.small{
font-size:16px;
}

.trouble_menu h4{
font-size:16px;
font-weight:bold;
margin-bottom:10px;
border-bottom:1px dotted #ccc;
padding-bottom:8px;
}

@media(max-width:767px) {
.trouble_menu .frame .no-pd{
padding-left:0px;
padding-right:8px;
}

.trouble_menu .frame .row{
margin-bottom:30px;
}

.trouble_menu h4{
font-size:14px;
margin-bottom:5px;
padding-bottom:5px;
}
}

.trouble_menu .school_price_title {
height:38px;
margin-bottom:30px;
}

.trouble_menu img.pull-left {
margin-right:20px;
}


.trouble_menu h3 span{
font-size:14px;
font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

.trouble_menu p.tr-sub{
margin-top:30px;
margin-bottom:20px;
text-align:center;
border-bottom:1px solid #ccc;
padding-bottom:10px;
font-weight:bold;
font-size:15px;
}

.trouble_menu p{
font-size:13px;
line-height:20px;

}

.trouble-price{
margin-top:20px;
background-image:url(../img/back3.png);
padding:10px 15px;
}

.trouble_menu table.table{
margin-bottom:5px;
}

.trouble_menu table.table th{
border:0px;
vertical-align:middle;
width:25%;
text-align:center;
font-family: 'Cardo', serif;
color:#5f3b13;
font-size:18px;
}

.trouble_menu table.table td{
border-bottom:1px dotted #e1c8ac;
border-top:0px solid #000;
vertical-align:middle;
}

.trouble_menu table.table td.tr-p{
font-weight:bold;
letter-spacing:1px;
font-size:14px;
}

.trouble_menu p.tr-top{
text-align:center;
margin:35px 0px;
line-height:25px;
}

/*school*/

.school .callout{
margin-bottom:10px;
padding-right:5px;
padding-left:5px;
}

.sub_page header.carousel {
height: 410px;
position:relative;
margin-top:-10px;
z-index:0;
}

.sub_page header.carousel p{
line-height:36px;
}

.toku_waku img{
max-width:80%;
margin:0 auto;
}

.toku_waku{
background-image:url(../img/back3.png);
padding:8px 8px 20px;
margin-bottom: 30px;
text-align:center;
border-radius: 3px;
-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 3px;   /* Firefox用 */ 
box-shadow: 0 0px 5px rgba(51, 0, 0,0.3);
-webkit-box-shadow: 0 0px 2px rgba(51, 0, 0, 0.3);
-webkit-box-shadow: 0 0px 2px rgba(51, 0, 0, 0.3);   /* Firefox用 */ 
}

.toku_waku .title{
 text-shadow: 0px 1px 1px #fff;
font-weight:bold;
text-align:center;
font-family: "ryo-display-plusn",sans-serif;
font-size:17px;
padding:7px;
border-radius: 3px;
-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 3px;   /* Firefox用 */ 
color:#000;
box-shadow: inset 0 0 10px rgba(175, 155, 127, 0.5),
inset 0 0 10px rgba(175, 155, 127, 0.5);
background-image:url(../img/toku_title.png);
background-size:cover;
}

.sub-waku{
box-shadow: inset 0 0 8px rgba(175, 155, 127, 0.3),
inset 0 0 8px rgba(175, 155, 127, 0.3);
text-align:center;
padding:8px 0px;
margin:5px 0px;
font-weight:bold;
font-size:16px;
background-image:url(../img/back3.png);
font-family: "ryo-display-plusn",sans-serif;

}


.toku01{
background-image:url(../img/toku01.png);
}

.toku02{
background-image:url(../img/toku02.png);
}

.toku03{
background-image:url(../img/toku03.png);
}


.toku_waku p{
font-weight:normal;
margin:13px 0px;
}


@media(max-width:767px) {

.toku_waku{
padding:6px 6px 12px;
}


.sub_page header.carousel {
height:280px;
}
.sub_page header.carousel p{
line-height:30px;
}

.sub-waku{
margin:5px 3px;
font-size:13px;
}

.trouble_menu h3.small{
font-size:15px;
}
}

@media(max-width:991px) {
.toku_waku .title{
font-size:16px;
}
}

.sub_page header.carousel h2{
font-family: 'Cardo', serif;
font-size:55px;
}


@media (max-width: 767px) {
.sub_page header.carousel h2{
font-size:40px;
}
}

.back{
background:url(../img/back3.png)
}

.school .tc{
padding:30px 20px 20px 30px;
background:url(../img/back.png) bottom right no-repeat;
box-shadow: inset 0 0 8px rgba(175, 155, 127, 0.3),
inset 0 0 8px rgba(175, 155, 127, 0.3);
border:0px
}

.school .tc-2{
padding:30px 20px 20px 30px;
background:url(../img/hand.png) 7% bottom no-repeat;
background-size:20%;
box-shadow: inset 0 0 8px rgba(175, 155, 127, 0.3),
inset 0 0 8px rgba(175, 155, 127, 0.3);
border:0px
}

.school .tc-3{
padding:30px 20px 20px 30px;
background:url(../img/paint.png) bottom right no-repeat;
background-size:contain;
box-shadow: inset 0 0 8px rgba(175, 155, 127, 0.3),
inset 0 0 8px rgba(175, 155, 127, 0.3);
border:0px
}


.tkc{
padding:0px 45px 0px;
}

.school .cv{
padding:10px 10px 0px;
margin-bottom:20px;
}


@media (max-width: 767px) {
.school .tc{
padding:25px 5px 10px;
}
.school .cv{
padding:0px 5px;
}

}

.school .about .voice h3{
color:#3d2500;
}


.school_section{
margin:0px 5px 20px;
}

.school_section p a.text:hover{
text-decoration:none;
}

.school_section p a.text span:hover{
opacity: 0.5;
}


.school_section p{
padding:18px 0px;
font-size:16px;
font-weight:bold;
}

.school_section hr{
padding:0px;
margin:0px;
border-top: 1px dotted #e1cdb8;
border-bottom: 1px dotted #fffcf9;
}

.school .no-pd{
padding:0px 10px 0px 0px;
}

.school_section span{
display:block;
margin-top:5px;
font-family: "ryo-display-plusn",sans-serif;
}

.school_section p small{
font-weight:normal;
color:#54375e;
}

.voice-photo{
max-width:120px;
padding:10px 10px 10px 10px;
}


.school_section .school-price-main span{
font-size:19px;
line-height:20px;
}


.course-photo{
max-width:90px;
margin-left:10px;
}

.school_section a.text{
color:#333;
}

.school_section a:hover.text{
text-decoration:underline;
}


@media(max-width:767px) {
.course-photo{
max-width:80px;
margin:0 auto;
}

.school .tc-3{
padding:30px 10px 130px 10px;
background:url(../img/paint3.png) bottom  no-repeat;
background-size:contain;
}

.tkc{
padding:0px 0px 0px;
}

.voice-photo{
max-width:100px;
padding:10px 10px 10px 0px;
}


.school_section{
margin-bottom:10px;
}
}

@media(max-width:991px) {

.school .tc-2{
padding:30px 10px 20px 10px;
background:url(../img/hand.png) bottom right no-repeat;
background-size:20%;
}


.school_section .school-price-main{
max-width:400px;
margin:0 auto;
}

.school_section .school-price-main span{
font-size:17px;
}

.school_section p{
font-size:13px;
line-height:15px;
}

.course-photo{
margin:8px auto;
}
}


.school h4{
font-size:18px;
font-weight:bold;
text-align:center;
margin:25px 0px 0px;
line-height:35px;
}

.school .teacher_text{
margin:0px 0px 35px;
}

.school .teacher_text p{
font-size:13px;
line-height:22px;
}

.school .teacher_text p span{
display:block;
padding:10px 0px;
}

@media (max-width: 767px) {

.school .tc-2{
padding:30px 10px 20px 10px;
background:url(../img/hand.png) bottom right no-repeat;
background-size:40%;
}

.school .teacher_text{
margin:25px 10px;
}
.school .teacher_text p{
font-size:12px;
line-height:20px;
}
}

.school .name{
font-weight:bold;
font-size:20px;
margin:10px 0px 45px;
font-family: "ryo-display-plusn",sans-serif;
}

.school .name span{
font-family: 'Tangerine', cursive;
font-size:25px;
display:block;
}

.school .photo img{
margin:0 auto;
max-width:75%;
}


@media (max-width: 767px) {
.school .name{
margin:0px 0px 20px;
}
.school .name span{
display:inline;
font-size:22px;
margin-left:10px;
}

.school .photo img{
max-width:40%;
}
}





.school .tc table.table th{
background:url(../img/gold.png);
text-align:center;
box-shadow: inset 0 0 8px rgba(175, 155, 127, 0.6),
inset 0 0 8px rgba(175, 155, 127, 0.6);
}

.school .tc table.table td,.school .tc table.table th{
border:0px;
padding:5px;

}

.school .tc table.table td{
font-size:12px;
border-bottom:1px dotted #ccc;
}

.school-voice .frame{
padding:25px 50px;
}

@media (max-width: 767px) {
.school-voice .frame{
padding:25px 5px;
}
}

.school-voice h3{
font-weight:bold;
font-size:17px;
text-align:center;
margin-bottom:25px;
box-shadow: inset 0 0 8px rgba(175, 155, 127, 0.6),
inset 0 0 8px rgba(175, 155, 127, 0.6);
background: #f4f2ee; /* カラーを重ねる */
padding:22px 0px 17px;
text-shadow: 0px 2px 1px #fff;
}

@media (max-width: 767px) {
.school-voice h3{
font-size:15px;
line-height:23px;
}
}

.school-voice h3 hr{
border-top: 1px solid #e1cdb8;
width:5%;
margin-top:12px;
margin-bottom:10px;
}

@media (max-width: 767px) {
.school-voice h3 hr{
margin-top:7px;
margin-bottom:5px;
}
}

.school-voice h3 span{
font-size:14px;
margin-bottom:20px;
}

@media (max-width: 767px) {
.school-voice h3{
font-size:15px;
line-height:23px;
padding:13px 0px 10px;
}
.school-voice h3 span{
font-size:12px;
margin-bottom:20px;
}
}

p.voice_section{
margin-bottom:10px;
font-weight:bold;
border-bottom:1px dotted #ccc;
padding-bottom:5px;
font-size:15px;
color:#54375e;
}



.school-voice .voice_text{
padding:0px 15px;
}

.school-voice  img.pull-right{
max-width:230px;
padding-left:20px;
padding-bottom:10px;
background:#fcf9f6;
}

@media (max-width: 767px) {
.school-voice  img.pull-right{
max-width:150px;
}
}

.school-contact{
padding:30px 0px 25px;
border-top:1px solid #5f3b13;
background:rgba(255,255,255,0.4);
}


.school-contact h3{
font-weight:bold;
font-size:20px;
}



.school-contact hr{
width:10%;
border-top: 1px solid #c6b59f;
border-bottom: 1px solid #fffcf9;
}


.school-contact .foot_link{
font-size:18px;
text-align:center;
border-bottom:1px dotted #ccc;
display:inline-block;
}

.school-contact .foot_link a,.school-contact .foot_link a:hover span{
color:#000;
}

.school-contact .foot_link span{
font-size:20px;
vertical-align:bottom;
padding-bottom:3px;
color:#3d2500;
}

.school-contact .foot_link strong{
font-size:23px;
font-family: 'Petit Formal Script', cursive;
font-weight:bold;
color:#3d2500;
}

.school-contact table.table th,.school-contact table.table td{
vertical-align:middle;
border:0px;
}

.school-contact table.table td.right{
padding-right:15px;
}

.school-contact table.table td.left{
padding-left:10px;
}


.school-contact table.table th.step_waku{
width:85px;
height:85px;
font-size:12px;
border-radius: 50%; 
-webkit-border-radius: 50%;    /* Safari,Google Chrome用 */  
-moz-border-radius: 50%;   /* Firefox用 */  
text-align:center;
line-height:23px;
box-shadow: inset 0 0 8px rgba(175, 155, 127, 0.6),
inset 0 0 8px rgba(175, 155, 127, 0.6);
background: #f0e9e1; /* カラーを重ねる */
}


@media (max-width: 992px) {
.school-contact table.table{
border-collapse: separate;
border-spacing: 5px;
text-align:center;
}


.school-contact table.table td{
font-size:13px;

}

.school-contact table.table th.step_waku{
height:50px;
font-size:12px;
border-radius: 0%; 
-webkit-border-radius: 0%;    /* Safari,Google Chrome用 */  
-moz-border-radius: 0%;   /* Firefox用 */  
line-height:15px;
border-radius: 5px; 
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */  
}

.step01{
display:none;
}
}

@media (min-width: 992px) {
.step02{
display:none;
}
}


.step{
font-weight:bold;
font-size:15px;
margin-bottom:5px;
font-family: 'Cardo', serif;
}

.step span{
font-size:20px;

}

/* school-price */

.course-title{
font-size:90px;
font-family: 'Tangerine', cursive;
line-height:60px;
color:rgba(255,255,255,0.8);
text-shadow: 0 2px 3px rgba(0, 0, 0,0);
}

.school-price h3{
color:#3d2500;
}

.school-price .school-price-main{
margin-top:40px
}

h3.orna::before,h3.orna::after{
    display: inline-block;
    vertical-align: middle;
content:url(../img/sub-title.svg);
}

h3.orna::before{
 padding-right: 10px;
content:url(../img/sub-title.svg);
}

h3.orna::after{
 padding-left: 10px;
content:url(../img/sub-title2.svg);
}

.tax{
font-size:12px;
}

.tax2{
font-weight:bold;
font-size:13px;
}

.tt{
padding-top:20px;
}

.school-price .frame{
padding:30px 20px 20px;
}

.school-price .school01{
background:url(../img/frame04.png) right bottom no-repeat rgba(255,255,255,0.6);
}

.school-price .school02{
background:url(../img/frame05.png) left top no-repeat rgba(255,255,255,0.6);
}

.school-price .lesson_text{
margin:15px 0px 10px;
font-size:14px;
}

.school-price .lesson_text strong{
color:red;
font-size:17px;
color:#815391;
}

.school_price_waku_in p{
font-size:12px;
line-height:20px;
}

.school_price_waku_in p span{
color:red;
}

.school-price .tax{
margin-bottom:10px;
}

.school-price button.lesson{
background-color:#fff;
padding:5px 0px;
text-align:center;
margin-top:12px;
font-size:12px;
font-weight:bold;
width:100%;
}

.prre{
margin:10px 0;
}

.price{
text-align:center;
margin:20px 5px 0px;
font-size:13px;
}

.price i{
font-style:normal;
margin-top:5px;
display:block;
}

.price span{
border-bottom:1px solid #ccc;
padding-bottom:2px;
}


.price strong{
font-size:16px;
letter-spacing:1px;
}

.school_price_waku_in{
background: #f6f3ec;
padding:8px 8px 10px;
box-shadow: 0 0px 5px rgba(51, 0, 0,0.3);
-webkit-box-shadow: 0 1px 2px rgba(51, 0, 0, 0.3);
-webkit-box-shadow: 0 1px 2px rgba(51, 0, 0, 0.3);   /* Firefox用 */ 
border-radius: 5px;    /* Safari,Google Chrome用 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */ 
}

@media (max-width: 767px) {
.school_price_waku_in{
margin-bottom:15px;
}
.course-title{
font-size:70px;
}

.school-price .frame{
padding:30px 5px 10px;
}

.school-price h3{
font-size:18px;
}
}

.black{
background-image:url(../img/black.png);
color:#fff;
}

.silver{
background-image:url(../img/silver.png);
}

.gold{
background-image:url(../img/gold.png);
}

.green{
background-color:#ccd6d4;
}

.yellow{
background-color:#ebe8c2;
}

.purple{
background-color:#c3c1ce;
}

.school_price_title{
text-align:center;
font-size:14px;
font-weight:bold;
padding:10px 0px 8px;
box-shadow: inset 0 0 8px rgba(175, 155, 127, 0.6),
inset 0 0 8px rgba(175, 155, 127, 0.6);
margin-bottom:10px;
}

.en-title{
font-size:18px;
font-family: 'Cardo', serif;
text-align:center;
margin-top:4px;
}

.en-title span{
font-size:15px;
font-family: "ryo-display-plusn",sans-serif;
}

.school-price h4{
margin: 20px;
font-size: 18px;
}

.school-price table.table{
width:90%;
margin:15px auto 0px;
}

@media (max-width: 767px) {
.school-price table.table{
width:100%;
}
}

.school-price table.table th{
background:#fcfaf6;
padding:5px 0px;
text-align: center;
border-bottom: 1px solid #e1cdb8;
border-top: 1px solid #fffcf9;
}

.school-price table.table td{
text-align: center;
line-height: 25px;
padding:10px 0px;
}

.school-price .modal-body .price{
margin:15px 0px;
}

.salon_menu .cc-b{
overflow:hidden;
}

.salon_menu .modal-body table td{
padding:5px 10px;
width:50%;

}

.salon_menu .modal-body table td.bg{
width:70%;
}

.salon_menu .modal-body .img-d{
float:left;
width:50%;
margin-top:15px;
}


.salon_menu .modal-body .img-d img{
 margin: 0 auto;

}

.salon_menu .modal-body .img-d img.bb{
 max-width:90px;
}

.salon_menu .modal-body .pull-left{
width:50%;
}


.salon_menu .modal-body table{
width:100%;
margin:20px auto;
}

.salon_menu .modal-body .mg-st{
margin-top:30px;
}

.salon_menu .modal-body .dia_title{
padding:5px 10px;
font-size:15px;
font-weight:bold;
}



@media (max-width: 767px) {

.tax2{
padding-top:5px;
font-size:12px;
}
.salon_menu .modal-body .img-d{
width:100%;
}

.salon_menu .modal-body .pull-left{
width:100%;
}

.salon_menu .modal-body .img-d img{
max-width:100px;
}


}


@media(max-width:991px) {

.tt{
padding-top:5px;
}

.school-price .col-sm-12{
margin-bottom:15px;
}

.school-price .school01,.school-price .school02{
background:none right bottom no-repeat rgba(255,255,255,0.6);
}
}

.modal-body .btn{
font-size:12px;
margin-bottom:15px;
}

/* salon-price */

.salon-voice .salon-voice-main {
background-image:url(../img/back3.png);
border-top:8px solid #836f5d;
box-shadow: 0 0px 4px rgba(51, 0, 0,0.4);
-webkit-box-shadow: 0 0px 4px rgba(51, 0, 0, 0.4);
-webkit-box-shadow: 0 0px 4px rgba(51, 0, 0, 0.4);   /* Firefox用 */ 
padding:20px 20px 20px;
margin:25px 0px;
overflow:hidden;
}

.salon-voice .salon-voice-main p {
line-height:24px;
color:#000;
text-shadow:1px 1px 1px #f9f4ee;
}

.salon-voice .salon-voice-main img {
margin-left:8px;
}


.salon-voice .salon-voice-main .voice_name{
font-family: "ryo-display-plusn",sans-serif;
font-weight:bold;
font-size:15px;
padding-bottom:5px;
border-bottom:1px dotted #ccc;
margin-bottom:10px;
}

.salon-voice .salon-voice-main span{
font-weight:normal;
font-size:14px;
}



    
.salon-voice mark{
background:#f4f1cf;
border-radius: 0px;    /* Safari,Google Chrome用 */  
-webkit-border-radius: 0px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 0px;   /* Firefox用 */ 
color:#333;
text-shadow:0px 0px 0px #fff;
}





.school .salon_text table.table td{
padding:0px 0px 8px;
font-family: "ryo-display-plusn",sans-serif;
font-weight:bold;
line-height:40px;
text-shadow:1px 1px 1px #fff;
border:0px;
font-size:17px;
}

.school .salon_text table.table td.list{
padding-right:5px;
}

.school .salon_text table.table td span{
border-bottom:1px solid #ccc;
padding-bottom:8px;
}

@media (max-width: 767px) {
.school .salon_text table.table td{
padding:0px 0px 15px;

line-height:25px;
font-size:15px;
}

.school .salon_text table.table td span{
border-bottom:1px solid #ccc;
padding-bottom:3px;
}

}



.salon_toku img{
padding:8px;
background-image:url(../img/back3.png);
border-radius: 3px;
-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 3px;   /* Firefox用 */ 
box-shadow: 0 0px 5px rgba(51, 0, 0,0.3);
-webkit-box-shadow: 0 0px 2px rgba(51, 0, 0, 0.3);
-webkit-box-shadow: 0 0px 2px rgba(51, 0, 0, 0.3);   /* Firefox用 */ 
}



.salon_toku p{
padding:0px 5px;

}

p.salon-text{
font-size:13px;
line-height:23px;
}

.school .salon-check table.table{
margin:20px 20px 15px 10px;
}


.school .salon-check table.table th{
color:#888;
vertical-align:middle;
}

.school .salon-check table.table td{
font-size:14px;
border-bottom:1px dotted #ccc;
display:inline-block;
padding:8px;
}

.salon-check table.table td,.salon-check table.table th{
border:0px;
padding:3px 0px 3px 0px;
}

.care-frame{
padding:20px 20px;
margin-top:65px;
overflow:hidden;
border-radius: 3px;
-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 3px;   /* Firefox用 */ 
box-shadow: 0 0px 5px rgba(51, 0, 0,0.3);
-webkit-box-shadow: 0 0px 2px rgba(51, 0, 0, 0.3);
-webkit-box-shadow: 0 0px 2px rgba(51, 0, 0, 0.3);   /* Firefox用 */ 
background:url(../img/back-logo.png) bottom left no-repeat;
}

.care-frame2{
padding:30px 30px;
margin-top:65px;
overflow:hidden;
border-radius: 3px;
-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 3px;   /* Firefox用 */ 
box-shadow: 0 0px 5px rgba(51, 0, 0,0.3);
-webkit-box-shadow: 0 0px 2px rgba(51, 0, 0, 0.3);
-webkit-box-shadow: 0 0px 2px rgba(51, 0, 0, 0.3);   /* Firefox用 */ 
background:url(../img/back-logo.png) bottom left no-repeat;
}

.ei-title{
font-weight:bold;
font-size:18px;
margin-bottom:15px;
}

.care-frame2 ul {
padding-left:20px;
}

.care-frame2 ul li{
line-height:25px;
list-style-type: decimal;
padding-top:10px;
}

.care-frame h4{
font-size:55px;
font-family: 'Tangerine', cursive;
text-shadow:1px 1px 1px #fff;
margin-bottom:20px;
}

.care-frame p{
font-size:12px;
color:#000;
}




@media (min-width: 993px) {
.care-frame p span{
display:block;
}
}




.care1{
width:20%;
}

.care{
padding-top:60px;
font-size:20px;
width:6%;
text-align:center;
}


.care1 p{
font-size:12px;
color:#000;
line-height:20px;
margin-top:10px;
}

.school-contact .about{
margin-top:20px;
}

.salon-im .container{
max-width:1260px;
}

.school .gallery{
margin-top:75px;
margin-bottom:30px;
}


@media (max-width: 992px) {
.school .salon_text table.table td.list img{
width:20px;
}

.care1 img{
margin:0 auto;
}
.salon-im .container .about div{
margin-top:6px;
}

.care-frame h4{
margin-top:20px;
margin-bottom:15px;
}

.care-frame p{
font-size:13px;
color:#000;
margin-bottom:20px;
}

.care-frame2{
padding:25px 25px 10px;
}

}

@media (max-width: 767px) {

.care-frame2{
padding:5px 5px;
margin-top:40px;
}

.ei-title{
font-size:18px;
margin-bottom:0px;
margin-top:10px;
margin-left:5px;
}


.care-frame2 ul {
padding-left:20px;
}

.care-frame2 ul li{
line-height:20px;
font-size:12px;
padding-top:10px;
}


.salon-im .container .about div{
width:90%;
margin:6px auto;
}

.school .salon-check table.table{
margin:20px 0px 15px;
}

.care-frame{
padding:15px 10px;
margin-top:40px;
}

.care1{
width:45%;
margin:8px 7px;
}

.salon_text p,.school .gallery p{
font-size:12px;
padding-right:5px;
padding-left:5px;
}

.salon_toku p{
font-size:12px;
}
}
/* =======================================
	blog
======================================= */
.blog ul li{
list-style:none;
padding:8px 0;
}
.blog ul li a{
height:18px;
overflow:hidden;
}
.trademark_wrap{
display:none!important;
}
/* =======================================
	style
======================================= */
#instagram-feed .instagram_gallery a{
width:23%;
display:inline-block;
margin:5px 5px 5px 0;
}
.instagram_gallery a img{
width:100%;
}
.instagram_gallery{
text-align:center;
}
.bs{
font-weight:bold;
margin:15px 0px 5px;
}

.bs-small{
margin-bottom:5px;
font-size:12px;
}

table.mg-kids{
margin-bottom:220px;
}

@media(max-width:767px) {
.instagram_gallery{
margin-bottom:15px;
}
table.mg-kids{
margin-bottom:0px;
}
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px auto;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #725445;
  text-decoration: none;
  background-color: transparent;
  border: 1px solid ##725445;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #725445;
  background-color: #E4D8D2;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #725445;
  border-color: #725445;
}

.cn{
background:rgba(255,255,255,0.7);
margin:50px 0px 0;
padding:30px;
}