/* charset */
@charset "iso-2022-jp";
@import url(https://shinka.com.au/system/mt-static/support/theme_static/eiger/css/base.css);
@import url(https://shinka.com.au/system/mt-static/support/theme_static/eiger/css/screen.css);
/* コメント、トラックバック用 */
@import url(https://shinka.com.au/system/mt-static/support/theme_static/eiger/css/feedback.css);

/* ======================== 共有 ======================== */

body {
    color: #000;
    font-family: Raleway, ms ui gothic, meiryo, meiryo ui!important;
    font-size: 14px;
}
a {color: #000}
a:hover {color: #999;}
.content {border-top: none; padding-top: 0px;}
img {float: left;}
a:hover img{
    opacity:0.7;
    filter:alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    background:none!important;
}
hr {margin:10px 0; background: #ccc;}
.content .related {
    float: right;
    padding: 0;
    margin: 0;
}
   
.clear {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.padding0 {
	padding-top:0px;
	font-size:0;
	line-height:0;
}
.content [role="main"] {width: 100%; margin-right: 0;}


/* HEADER */
p.header-place {
    text-align: center;
    color: #fff;
    padding: 3px 0;
    background-color: #000;
}

h1.title {
    text-align: center;
    display: none;
    width: 100%;
    float: left;
    height: 51px;
    margin: 20px 0;
}
[role="banner"] {
    height: 60px;
    padding: 0;
    margin-bottom: 15px;
}
br.pc-none {display: none;}
br.pc-inline {display: inline}

/* MAIN MENU */

nav {
    border-bottom: 0px!important;
    height: auto!important;
    float:left;
    z-index: 1000;
}
   
nav ul {height: 50px;}
nav li {
    height: 50px;
    border-right: 1px solid #ddd !important;
    overflow: hidden;
}
nav li a {
    width: 107.8px;
    overflow: hidden;
    height: 70px;
    border-right: none !important;
    color: #000;
    line-height: 3.5em;
    text-transform: uppercase;
    font-weight: normal;
}
nav li a:hover {
    color: #000;
    background-color: #fff;
}
nav li.logo a {
    width: 196px;
    background: url(../images/common/main-nav-logo-new.png) no-repeat;
    background-size: 90%;
    background-position: 0 12px !important;
    text-indent: -9999px;
}

#service nav li.service a, 
#staff nav li.staff a,
#prices-new nav li.prices a,
#media nav li.media a,
#access nav li.access a,
#reservation nav li.reservation a {background-color: #F2F1EB;}

nav li.home {display: none;}

/* PAGE TITLE */  
h2.title {
    margin: 0 0 30px 0;
    color: ;
    padding: 15px 0 0 0;
    font-size: 18px;
    height: 30px;
    float:left;
    width:100%;
}

/* FOOTER */  
   
[role="contentinfo"] {
    background-color: ;
    color: #000;
    padding: 20px 0;
    margin-top: 30px;
    border-top: none;
}
[role="contentinfo"] ul {
    margin: 0 0 0 3%;
    width: 37%;
    float: left;
    padding: 0;
}
[role="contentinfo"] ul li {list-style-type: none}
[role="contentinfo"] .footer-menu　a {
    color: ;
    background: url(../images/common/footer-tri.png) no-repeat left 3px;
    padding-left: 12px;
}
                      
[role="contentinfo"] .footer-shops {
    margin: 0;
    width: 100%;
    float: left;
} 
[role="contentinfo"] .footer-shops a {
    float: left;
    width: 13.3%;
    margin: 0 1.14% 0 0;
    background-color: #fff;
    box-sizing: border-box;
}
[role="contentinfo"] .footer-shops a:last-child {margin-right: 0;}
[role="contentinfo"] .footer-shops img {float: right; width: 100%; border: solid 1px #ddd; box-sizing: border-box;} 
[role="contentinfo"] .footer-shops a:last-child img {}
[role="contentinfo"] .copyright {text-align:center;  font-size: 10px; clear:left; padding-top: 10px}
[role="contentinfo"] .bottom-link {margin: 30px 0 15px 0; text-align: center;}
[role="contentinfo"] .bottom-link a {color: #000; padding: 0 12px; text-decoration: none; border-right: solid 1px #000;}
[role="contentinfo"] .bottom-link a:nth-last-child(1) {border-right: none;}

footer p {float: left;width: 100%;}
.footer-menu {font-size: 13px;}
.footer-menu a {text-decoration: none;}
.footer-menu a:hover {text-decoration: underline;}

footer .footer-company {float: right; /*width: 35.3%;*/ width: 24.4%; margin-right: 2%;}
footer .footer-company a {float: left; margin: 0;}
footer .footer-company img {width: 100%;}
                      
/* BACK TO TOP */
                      
#page-top {
	position: fixed;
	bottom: 10px;
	left: -20px;
    width: 80px;
    padding: 0;
}
#page-top a {
	background: rgba(0,0,0,0.3);
	text-decoration: none;
	color: #fff;
	width: 80px;
	padding: 15px 0 15px 15px;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: rgba(0,0,0,1);
}
            
                      
/* ======================== SHOP TOP PAGE ======================== */

#home .content [role="main"] {
    width: 100%!important; 
    margin:0!important;
    position: relative;
    height: 600px;
}
#home [role="contentinfo"] {
    margin-top: 70px;
}
                      
/* HP SLIDESHOW */

.bxslider {
    padding: 0;
    margin: 0;
}
.bxslider li {
    width: 100% !important;
}
.bx-wrapper {
    margin: 0 auto 30px!important;
}
.bx-pager.bx-default-pager {
    display: none;
}
.bx-wrapper .bx-viewport {
    border: none!important;
    left: 0!important;
}


/* ======================== PAGES ======================== */


/* PAGE - Recruit */

.recruit-header {
    float:left;
    width: 100%;
    position: relative;
    margin-bottom: 30px;
}
.recruit-header img {
    width: 100%;
}
.recruit-header p {
    position: absolute;
    top:20px;
    padding: 5px 10px;
    color: #000;
    text-shadow: 1px 1px 0 #999;
    font-size: 20px;
    background-color: #fff;
    opacity: 0.7;
	filter: alpha(opacity=70);/*IE7*/
}

#recruit .box {
    float: left;
    width: 47.9%;
    margin-right: 4.1%;
    margin-bottom: 20px;
}
#recruit .box img {
    width: 100%;
    float: left;
}
#recruit .box p {
    width: 100%;
    float: left;
    margin-bottom:10px;
}
#recruit .box a.img {
padding: 20px;
float:left;
border: solid 1px #ccc;
}
#recruit a.recruit-title {
    float:left;
    width:100%;
    text-align: center;
    color: #fff;
    text-decoration: none;
    padding: 5px 0;
    font-size: 16px;
}
#recruit .recruit-text {
    background-size: 10% !important;
    padding-top: 40px;
    padding-bottom: 10px;
    text-align: center;
}
#recruit .recruit-a .recruit-text {
    background: url(../images/common/butterfly-purple.png) top center no-repeat;
    /*border-bottom: solid 1px ;*/
}
#recruit .recruit-b .recruit-text {
    background: url(../images/common/butterfly-blue.png) top center no-repeat;
    /*border-bottom: solid 1px ;*/
}
#recruit .recruit-c .recruit-text {
    background: url(../images/common/butterfly-green.png) top center no-repeat;
    /*border-bottom: solid 1px ;*/
}
#recruit .recruit-d .recruit-text {
    background: url(../images/common/butterfly-orange.png) top center no-repeat;
    /*border-bottom: solid 1px ;*/
}
#recruit .recruit-a a.recruit-title {background-color: ;}
#recruit .recruit-b a.recruit-title {background-color: ;}
#recruit .recruit-c a.recruit-title {background-color: ;}
#recruit .recruit-d a.recruit-title {background-color: ;}

#recruit-from-overseas .recruit-header {border-top: solid 8px ; margin-bottom: 0px;}
#recruit-to-sydney .recruit-header {border-top: solid 8px ; margin-bottom: 0px;}
#recruit-global .recruit-header {border-top: solid 8px ; margin-bottom: 0px;}
#recruit-receptionist .recruit-header {border-top: solid 8px ; margin-bottom: 0px;}

.head-copy {
    padding: 3%;
    width: 94%;
    float: left;
    background-color: ;
    margin-bottom: 20px;
}
.head-copy p {margin-bottom: 0px;}
.box-sub {
    background-color: ;
    padding: 2%;
    width: 45%;
    float: left;
    margin: 0 2% 15px 0;
}
.box-sub p {
    background-color: #fff;
    padding: 3%;
    width: 94%;
    margin: 0;
    height: 270px;
}
.box-sub strong {
    float:left;
    width: 100%;
    border-bottom: dotted 1px #ccc;
    margin-bottom: 10px;
}
#recruit-from-overseas .box-sub strong {color: ;}
#recruit-to-sydney .box-sub strong {color: ;}
#recruit-global .box-sub strong {color: ;}
#recruit-receptionist .box-sub strong {color: ;}
.process {
    float:left;
    width: 100%;
}
#recruit-from-overseas .process {border-bottom: solid 2px ;}
#recruit-to-sydney .process {border-bottom: solid 2px ;}
#recruit-global .process {border-bottom: solid 2px ;}
#recruit-receptionist .process {border-bottom: solid 2px ;}
.process strong {
    width: 100%;
    padding: 3px 0;
    text-align:center;
    float:left;
    color: #fff;
    margin-bottom: 10px;
}
#recruit-from-overseas .process strong {background-color: ;}
#recruit-to-sydney .process strong {background-color: ;}
#recruit-global .process strong {background-color: ;}
#recruit-receptionist .process strong {background-color: ;}
.process p {
    float: right;
    width: 45%;
    padding: 15px 2%;
    background-color: ;
    overflow: hidden;
}
.process p img {margin: 10px 0; width: 100%}

.recruit-bottom-menu {
    float:left; 
    width: 100%;
    margin: 20px 0 0 0;
}
.recruit-bottom-menu a {
    float:left;
    width: 25%;
    text-align: center;
    text-decoration: none;
    padding: 10px 0;
    color: #fff;
    filter:alpha(opacity=65);
    -moz-opacity:0.65;
    -khtml-opacity:0.65;
    opacity:0.65;
}
.recruit-bottom-menu a:hover {
    filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity:1;
    opacity:1;
}
.recruit-bottom-menu a.bottom-menu-overseas {background-color: ;}
.recruit-bottom-menu a.bottom-menu-sydney {background-color: ;}
.recruit-bottom-menu a.bottom-menu-global {background-color: ;}
.recruit-bottom-menu a.bottom-menu-receptionist {background-color: ;}
.recruit-bottom-menu a br {display: none;}

.resume-add {
    background-color: #fff;
    float:left;
    width: 94%;
    padding: 5px 3%;
    margin: 5px 0 10px 0;
}

.resume-mail, .resume-pdf {
    width: 100%;
    float:left;
    text-align:center;
    line-height: 2em;
}  

/* PAGE - REVIEW */

.review {
background: url(https://shinka.com.au/images/common/review-bg.jpg); 
padding: 20px; 
float: left;
position: relative;
float: left;
}
#review p.ja, #review p.en {margin: 0; width: 48%; margin-bottom: 15px; }
#review p.ja {padding-right: 2%; float: left;}
#review p.en {padding-left: 2%; float: right; background: url(https://shinka.com.au/images/common/line-dot-1px.png) left repeat-y;}

.review .kuchikomi p {
    line-height: 35px; 
    float: left; 
    width: 100%; 
    background: url(https://shinka.com.au/images/common/review-line.png); 
    padding-bottom: 35px; 
    font-style: italic; 
    font-size: 14px;
    margin: 0;
}



/* ======================== ERROR PAGE ======================== */

#error-page .content [role="main"] {
    padding: 50px 0;
    text-align:center;
    border-top: solid 2px ;
    color: 
}
#error-page .content [role="main"] br {display: none;}
#error-page section h2 {margin-bottom: 50px;}
#error-page pre {
    background-color: #fff;
    padding: 0;
}


   
/* ==================================================================================
 MEDIA QUERIES
====================================================================================*/	
   
/* ==================== 930px ==================== */
@media (max-width: 930px) {
/* =============================================== */

    [role="banner"] {height: 130px; padding: 10px 0; margin: 0;}
    .header-place {margin: 0;}
    h1.title {display: inline!important; margin: 20px 0 10px 0!important;}
    h1.title img {margin-bottom: 0px; float: none; width: 35%;}
    nav li.logo {display: none!important;}
    nav li ul {border-left: 1px solid #cabdb6;}
    nav li {width: 14.1%;}
    nav li a {width: 100%;}
    nav li.home {display: none;}

}
   
   
/* ==================== 700px ==================== */
@media (max-width: 700px) {
/* =============================================== */

    .process p {
        width: 96%;
        height:auto !important;
        margin-top: 15px;
    }
    .process p img {display: none;}

    #media .head-copy p br {display: none;}

}
   
/* ==================== 600px ==================== */
   @media screen and (max-width: 600px) {
/* =============================================== */  

    br.pc-none {display: inline;}
    br.pc-inline {display: none}

    h1.title img {margin-bottom: 0px; float: none; width: 65%;}
    [role="banner"] {padding: 10px 0; height: 80px; margin: 0;}
    [role="banner"] h1 img {margin-bottom: 0px;}
   
    nav {padding-bottom: 20px;}
    #home nav {padding-bottom: 0px;}
    nav ul {border-top: solid 1px #cabdb3;}
    nav li {width: 25%; border-bottom: solid 1px #cabdb6; border-right: none !important; overflow: hidden; }
    nav li a {border-right: 1px solid #cabdb6 !important;}
    nav a#pull {background-color: #B9B5A5!important; color: #fff;}
    nav li.home a, nav li.hairstyle a {border-left: 1px solid #cabdb6;}
    
    nav li.home {display: block;}
            
    [role="contentinfo"] ul {
        margin: 0 3% 10px 3%;
        width: 94%;
    }
    [role="contentinfo"] ul li {
    text-align: center;
    }
    [role="contentinfo"] .footer-shops {
        margin: 0;
        width: 100%;
    } 

    footer .footer-company { width: 93%; margin: 15px 3.5%; background-color: #fff;}
    footer .footer-company a {margin: 0;}
    [role="contentinfo"] .bottom-link a {padding: 0 5px 0 1px; font-size: 11px; margin: 5px 0;}
    [role="contentinfo"] .bottom-link a:nth-child(4) {border-right: none;}
    [role="contentinfo"] .bottom-link a.mb-none {display: none;}

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

    .bx-controls {display: none;}
    #mainimage {margin-top: 0px; padding: 0;}
    .bx-wrapper .bx-viewport {box-shadow: 0;}
   
    .related img {width: 100%;}
              
    .box-sub {
        background-color: ;
        padding: 2%;
        width: 96%;
        margin: 0 0 15px 0;
    }
    .box-sub p {
        height: auto;
    }
    .process p {
        width: 96%;
        height:auto;
        margin-top: 15px;
    }
    .process p img {display: none;}
    #staff .box p.btn {margin: 15px 0 0 0; text-align: center;}    
    
    /* RECRUIT */
    .recruit-bottom-menu a br {display: block;}
    #recruit-receptionist .recruit-header p {top:120px;}

    .related .side-btn.side-access a.map {}
    .related .side-btn.side-facebook a {width: 99.5%;}
    
}

   
/* ==================== 480px ==================== */
   @media only screen and (max-width: 480px) {
/* =============================================== */
   
    .display-none {display: none;}
   
    /*[role="banner"] h1 {display: none!important;}*/
    [role="banner"] {height: 90px; padding: 0; }
    .content .related {
        margin: 20px 0 0 0; 
        padding: 0;
        width: 100%;
    }
    [role="contentinfo"] .footer-shops a { width: 23%; margin: 1%; }
   /*[role="contentinfo"] .footer-shops a:nth-child(5) {margin-left: 13%;}*/
    
    .breadcrumb {float: left; width: 100%; margin: 0;}
    .breadcrumb li {float: left;}
   
    nav {padding-bottom: 20px;}
    nav ul {border-top: solid 1px #cabdb3;}
    nav li {width: 50%; border-bottom: solid 1px #cabdb6; border-right: none; overflow: hidden; border-right: none !important;}
    nav li a {border-bottom: none; border-right: 1px solid #cabdb6 !important;}
    nav li.service {border-left: none !important;}
    nav li.home {display: block;}
    /*nav li.hairstyle a, nav li.staff a, nav li.access a {border-left: 1px solid #cabdb6;}*/
          
    /* HOME */
    #home .content [role="main"] {
        width: 100%!important;
        padding: 0;
    }
    #home .hp-box {width: 100%; position: static;}
    .hp-box.box07 {height: auto;}

    p.slide-text{
        font-size: 11px;
        line-height: 1.8em;
        margin: 5% 0 0;
    }
    p.slide-text img {
        width: 15%;
        height: auto;
    }
    p.slide-text img.inline, p.slide-text .inline {
        display: none !important;
    }
    
    /* STAFF */
    #staff .box {width: 100%; margin: 0 0 15px 0;}
    #staff .box img {width: ; margin: 0 10px 5px 0; }
    
    /* PRICES */
    #media .media-top-box {width: 100% !important; margin: 20px 0 0 0;}
    #prices .menu-box {width: 100%;}
    #prices .menu-box img {width: 100%; margin-bottom: 10px;}
    #prices .menu-box .title {width: 100%;}
    #prices .menu-box .menu-text {width: 100%; margin-top: 5px;}
    #prices .menu-box table {width: 100%;}
    #prices .menu-box table td.left {width: 50%;}
    #prices .menu-box .price {width: 50%; margin: 5px 0 0 0;}
    #prices .price-gender {width: 65px !important; font-size: 10px;}
    #prices .menu-box.small {width: 100%; margin-right: 0%;}
    #prices .menu-box.kids {width: 100%; margin-right: 0% !important;}
    #prices .menu-box.kids table {width: 100% !important;}
    #prices .menu-box.kids .menu-text {width: 100% !important;}
    

    /* REVIEW */
    #review p.ja, #review p.en {width: 100%;}
    #review p.ja {padding-right: 0%; padding-bottom: 15px; border-bottom: solid 1px #ccc;}
    #review p.en {padding-left: 0%; background: none;}
    
    /* RECRUIT */   
    #recruit .recruit-header p {font-size: 15px; top:10px;}
    #recruit a.recruit-title {font-size: 13px;}
    #recruit .recruit-text {padding-top: 20px;}
    #recruit .box a.img {padding: 5px;}
    #recruit .box p br {display: none;}
    .recruit-bottom-menu a {width: 50%;}
    #recruit-receptionist .recruit-header p {top:50px;}

    #inline2, #inline3 {width: auto !important;}
   
    /* ERREO PAGE */
    #error-page .content [role="main"] {padding: 0;}
    #error-page section h2 {margin-bottom: 20px; font-size: 18px;}
    #error-page .content [role="main"] br {display: inline;}
    
}

/* ==================== 320px ==================== */
   @media only screen and (max-width: 320px) {
/* =============================================== */

}

/*テンポラリー・ページ*/
#recruit-global-azabujuban nav, #recruit-receptionist-azabujuban nav,
#recruit-global-azabujuban .content .related, #recruit-receptionist-azabujuban .content .related,
#recruit-global-azabujuban [role="contentinfo"] ul, #recruit-receptionist-azabujuban [role="contentinfo"] ul,
#recruit-global-azabujuban .footer-shops, #recruit-receptionist-azabujuban .footer-shops
{display: none;}
#recruit-global-azabujuban [role="banner"], #recruit-receptionist-azabujuban [role="banner"]
{height: 50px;}
#recruit-global-azabujuban .content [role="main"],
#recruit-receptionist-azabujuban .content [role="main"]
{width: 100%;}
#recruit-global-azabujuban .recruit-bottom-menu a, #recruit-receptionist-azabujuban .recruit-bottom-menu a
{width: 50%;}