/*
Theme Name: SHIMA
Theme URI: https://wordpress.org/themes/sima/
Author: Lagrange-point:TSUTOMU YAMANO
Author URI: http://lagrange-point.jp/
Description: このテーマは株式会社ラグランジュポイントが制作したテーマになります。利用する場合は、事前に当社に問い合わせ承諾をもって使用ください。
Version: 2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentyeleven
*/

/* =Reset default browser CSS. Based on work by Eric Meyer.
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	list-style:none;
	text-decoration:none;
	color:black
}
section,em{display: block;}
a:-webkit-any-link{color:black;}
/* サイト全体
-------------------------------------------------------------- */
html, body, input, textarea, table, pre, p, h1, h2, h3, h4, h5, h6{
 font-family: Verdana;
}
#content{width:80%;text-align:center;margin: 0 auto}
#content h2{font-size:1.5em;font-weight:bold;margin:0 0 2em 0;}
#content h2 em{border-bottom:2px dotted #000;display:inline;padding:0 0 5px 0}
#content p{font-size:1em}
section{padding:50px 0px;text-align:center}
.bottam{background:white;color:black;border-left:2px solid black;border:2px solid black;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.bottam:hover{background:black;color:white}
section a .bottam{width:100px;padding:5px 0;text-align:center;margin: 0 auto;}
#content section a .bottam{font-size:1em;}
.slidefect{position:absolute;top:0;left:0px;width:300px;height:230px;padding:170px 0 0 0;}
#content .slidefect p{font-size:12px;color:rgba(255, 255, 255, 0);-moz-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease;margin-bottom:-8px}
#content .slidefect p em{font-size:15px;font-weight:bold;margin:5px 0;color:rgba(255, 255, 255, 0);-moz-transition:all 2s ease;-o-transition:all 2s ease;-webkit-transition:all 2s ease;transition:all 2s ease}
.liBrack:hover > img{-webkit-filter: brightness(0.5);
     -moz-filter: brightness(0.5);
     -o-filter: brightness(0.5);
     -ms-filter: brightness(0.5);
     filter: brightness(0.5);}
.bold{font-weight:bold;color:white;font-size:1.37em;margin:5px 0}
#content .slidefect .effectWhite{color:white !important}
.inine{display:inline}
.breadcrumbs{text-align:left;margin:10px 0 -20px 0;font-size:0.7em}
section .wp-pagenavi a, .wp-pagenavi span{padding:6px 10px}
section .wp-pagenavi span.current{padding:6px 10px;color:white;background:black}
.pc{display:none !important}

/*header
-------------------------------------------------------------- */
header{position:relative;border-bottom:5px solid black;text-align:center}
.headerSns{position:absolute;top:20px;left:5%}
.headerLogo{width:220px;height:125px;overflow:hidden;margin:20px 0}
.headerInsta{width:20px;}
.headerTwitter{width:25px;}
.headerMail{width:29px;}
nav{width:1000px;margin:0 auto;font-size:0.87em}
nav ul{width:1000px;margin:0 auto;text-align:center;overflow:hidden}
nav li{display:inline-block;padding:10px 18px;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}
nav .test{color:#d8d4d4 !important}
nav .gnavHover:hover{background:#3c3b3b}
nav .gnavHover:hover >a{color:white}
#mainImg topImag,#content{clear:both}
.headerReserve{position:absolute;top:20px;right:11.5%;width:140px;line-height:30px;border-radius:15px;font-size:1em;}

/*home
-------------------------------------------------------------- */
/*topImag*/
#mainImg{background-attachment:fixed;background-size:cover;height:1000px;width:100%;background-position:center center}


/*aboutContent*/
.aboutContent,.infoContent{border-bottom:1px solid #d2d2d2}
#content .aboutContent p{text-align:center;width:70%;margin:0 auto;line-height:200%;font-size:0.8em}
.aboutContent p em{font-weight:bold;display:inline}

/*infoBody*/
.infoBody table{margin:30px auto;text-align:left;font-size:0.8em;}
.infoBody table th{width:200px;font-weight: bold;text-align:right;padding:0 30px 0 0}
.infoBody table td{width:450px;padding:0 0 20px 0}
.infoBody table td a:hover{color:#828282}
.infoBody table th i{width:20%;vertical-align: middle;display: inline;padding:0 10px 0 0}

/*salonContent*/
.salonContent{border-bottom:1px solid #d2d2d2}
.salonContent table{margin:3em auto 3em auto;text-align:left;font-size:0.8em}
.salonContent table th{padding:30px 20px 0px 0;font-weight:bold;padding:0 20px 0 0}
.salonContent img{width:100%}

/*staffContent*/
.staffContent ul{width:100%;margin:0 auto;text-align:center}
.staffContent li{display:inline-block;margin:0 10px 35px 10px;position:relative;height:400px;vertical-align: top;overflow:hidden}
.staffContent li img{width:300px}

/*single(info)
-------------------------------------------------------------- */
#infoDet .infoBody{text-align:left}
#infoDet .infoBody time{display:inline;padding:0 20px 0 0}
#infoDet .infoBody h1{display:inline}
#infoDet .infoBody time{font-weight:bold}
#infoDet .infoBody .eyeImg{width:300px;margin:0 0 20px 140px}
#infoDet .infoDetTitle{margin:0 0 20px 0;font-size:0.8em}
#infoDet .infoBody .infoDetContent{margin:0 0 0 140px;font-size:0.8em}
#infoDet .infoContent{border-bottom:0}

/*single(info)
-------------------------------------------------------------- */
.infoList .infoBody{border-bottom:3px solid black;margin:0 0 100px 0}
.infoList .infoDetContent{padding:0 0 100px 0}

/*page(menu)
-------------------------------------------------------------- */
.menuNaviHover{width:190px;text-align:center;margin:0 auto;padding:10px;display: inline}
.menuNaviHover li{display: inline}
.menuNaviHover li:hover > a{color:#ed8bb6}
.menuNaviHover li:hover > a{color:#ed8bb6}
.menuNaviHover li a{color:black;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
#menu .menuNaviHover .white{color:white;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
#menu ul li{display:inline}
#menu .nemuList{margin:30px 0 0 0;text-align:left;clear:both}
#menu .nemuList h3{font-size:1.3em;font-weight:bold;border-bottom:1px solid black;margin:0 auto 30px auto;width:73%}
#menu .nemuList h3 em{font-size:0.5em;margin:0 0 0 10px;display:inline;font-weight:100}
#menu .nemuList .menuBody{width:80%;margin:0 auto;}
#menu .nemuList .menuBody h4{font-size:0.87em;font-weight:bold;border-bottom:1px solid black;width:85%;margin:0 auto}
#menu .nemuList .menuBody h4 em{margin:0 0 0 10px;font-size:0.8em}
#menu .nemuList .menuBody em{display:inline;font-weight:100}
#menu .nemuList .menuBody .menuPrice{width:80%;margin:5px auto 40px auto}
#menu .nemuList .menuBody .menuPrice p{border-bottom:1px dotted #6c6c6c;padding:2px 0;font-size:0.7em}
#menu .nemuList .menuBody .menuPrice p em{float:right;font-size:1em}
#menu .nemuList .menuBody .menuSub p{border:0;font-size:0.7em}
#menu .nemuList .menuBody .menuSub img{margin:10px 0}
#menu .nemuList .menuBody .menuCharge{float:left;width:50.5%;font-size:0.875em;margin:0 0 0 10%}
#menu .nemuList .menuBody .menuCharge p{font-size:0.8em;margin: 0 0 20px 0}
#menu .nemuList .menuBody .menuImg{float:left;width:35%;margin:0 0 30px 0}
#menu .nemuList .menuBody .menuCharge h5{width:100%;margin:0 auto;font-size:0.8em}
#menu .nemuList .menuBody .menuCharge ul{border:0;width:50%;margin:0 0 10px 0%;padding:10px 0}
#menu .nemuList .menuBody .menuCharge ul li{display:block;text-align:left;margin:10px 0 0 0;font-size:0.8em}
#menu .nemuList .menuBody .menuCharge ul li em{float:right;font-size:0.9em}
#menu .eyelash a .bottam{width:300px;background:#ed8bb6;color:white;font-weight:bold;font-size:1em;border:3px solid rgba(0, 0, 0, 0);margin:0 auto 30px auto}
#menu .eyelash a .bottam:hover{border:3px solid black;color:black;background:white}
#menu .douishoImg{width:64%;margin:40px 18% 40px 18%}
#menu .eyeAtention{text-align:center;font-size:0.8em}
#menu .comingSoon{text-align:center}

/*page(contact)
-------------------------------------------------------------- */  
#contact p{text-align:center;font-size:0.8em}
#contact .contactMail{margin:10px 0;font-size:1.2em}
#contact .atention{margin:30px 0 60px 0}


/*page(catalog)
-------------------------------------------------------------- */  
#catalog h3{font-size:1.3em;border-bottom:1px solid black;font-weight:bold;text-align:left;width:100%;margin:30px auto 30px auto}
#catalog .catalogAria ul li{display:inline-block;width:19.4%;overflow:hidden;position:relative}
#catalog .catalogAria ul li img{width:100%}
#catalog .catalogAria ul li .staffIntro{width:100%;padding:60% 0 0 0;text-align:center}
#catalog .catalogAria ul li .staffIntro p{font-size:11px;line-height:170%}

/*page(single)
-------------------------------------------------------------- */ 
.catalogSingle{padding:30px;text-align:left;position:relative}
.catalogSingle h2{font-size:1em;text-align: center;margin:0px auto 30px auto;}
.catalogSingle h2 em{border-bottom:1px dotted black;display:inline}
.catalogSingle .leftContent{display:inline-block;width:45%;vertical-align:top;margin:0 4% 0 0}
.catalogSingle .leftContent .cataStylest{text-align:left}
.catalogSingle .leftContent .cataStylest img{width:40%;display:inline-block}
.catalogSingle .leftContent .cataStylest .cateStylestName{width:45%;display:inline-block;text-align:center;vertical-align: top;line-height:17px}
.catalogSingle .leftContent .cataStylest .cateStylestName .underLine{font-size:0.5em;padding:0 0 3px 0}
.catalogSingle .leftContent .cataStylest .cateStylestName .stylestHover:hover{color:#ed8bb6}
.catalogSingle .leftContent .cataStylest .cateStylestName .stylestHover:hover > em{color:#ed8bb6}
.catalogSingle .leftContent .cataStylest .cateStylestName p,
.catalogSingle .leftContent .cataStylest .cateStylestName p em{-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.catalogSingle .leftContent .cataStylest .cateStylestName .lastP{font-size:0.7em;padding:3px 0 0 0}
.catalogSingle .leftContent .cataStylest .cateStylestName .cateSingleSns{margin:20px 0 0 0}
.catalogSingle .leftContent .cataStylest .cateStylestName .cateSingleSns img{display:inline-block;width:20px}
.catalogSingle .leftContent .cataStylest .cateStylestName .cateSingleSns p{display:inline-block;position:static;width:auto;padding:0px 5px;font-size:0.6em;line-height:16px;vertical-align:top;margin:0}
.catalogSingle .leftContent .cataStylest .cateStylestName .underLine{border-bottom:1px solid black}
.catalogSingle .leftContent .cataComent{margin: 0 0 80px 0}
.catalogSingle .rightContent{display:inline-block;width:49%;text-align:right}
#staffD .rightContent{width:183px;float:right;margin:0 5% 0 0}
.catalogSingle .rightContent img{width:100%}
.catalogSingle .cataComent h3{margin:30px 0 10px 0}
.catalogSingle .cataComent p{font-size:0.8em;line-height:200%}
.catalogSingle .singleSnsBottom{position:absolute;bottom:30px;left:30px}
.catalogSingle .singleSnsBottom .inline{display:inline-block}
.catalogSingle .singleSnsBottom .facebookShare img{width:20px}
.catalogSingle .singleSnsBottom .twitterShare img{width:24px}
.catalogSingle .singleSnsBottom .share{width:55%;margin:0 0 5px 0}

/*page(single-catalog)
-------------------------------------------------------------- */ 
#cataD .stffStylestName .lastP{font-size:0.8em}
#cataD .leftContent{margin:0 4%}
#cataD .cataStylest .cateStylestName .cateSingleSns{width:100%;text-align: center}
#cataD .cataStylest .cateStylestName .cateSingleSns img{width:13%}
#cataD .staffDcoment{margin:30px 0}
#cataD .staffDcoment h3{margin:0 0 10px 0}
#cataD .staffDcoment p{font-size:0.8em}
#cataD .rightContent{width:40%}
#cataD .leftContent .cataStylest .cateStylestName .headerReserve{width:50%;display:inline-block;font-size:0.8em;line-height:160%}
#cataD .singleSnsBottom{bottom:30px;left:6.5%}
#cataD .singleSnsBottom .share{width:60%;display:block}


/*page(recurit)
-------------------------------------------------------------- */ 
#recruit ul{text-align:left}
#recruit ul li{padding:30px 0;border-bottom:1px solid #d2d2d2}
#recruit h3{font-size:1em;font-weight:bold;margin:0 0 10px 0}
#recruit ul p{font-size:0.7em;line-height:250%}


/*page(single-staff)
-------------------------------------------------------------- */ 
.staffDD .staffCatalogList{clear:both;padding:0 0 30px 0;width:90%;margin:0 auto}
#content .staffCatalogList .catalogAria h3{border-bottom:1px solid black;width:100%}
#staffD{padding:30px 0}
#staffD .cataStylest img{width:40%;margin:0 30px 0 0}
#staffD .leftContent{width:65%;margin:0 4% 0 5%}
#staffD .leftContent .cateStylestName{position:relative}
#staffD .leftContent .stffStylestName{width:50%;position:relative}
#staffD .leftContent .staffDname{font-size:1em;margin:20px 0 0 0}
#staffD .leftContent .staffDcoment p{margin:10px 0}
#staffD .leftContent .cateStylestName .lastP{font-size:0.8em}
#staffD .leftContent .cateStylestName .underLine{padding:5px 0 0 0}
#staffD .leftContent .cateStylestName .cateSingleSns{position:absolute;top:5%;left:53%;text-align:left}
#staffD .leftContent .cataStylest .cateStylestName .cateSingleSns img{width:22px;margin:0}
#staffD .leftContent .cataStylest .staffDcoment{line-height:150%;margin:30px 0 0 0;font-size:0.7em;text-align:left}
#staffD .leftContent .cataStylest .cateStylestName .cateSingleSns p{font-size:0.7em;line-height:165%}
.staffDD .rightContent .scheduleTitle{background:black;text-align:center;color:white;font-size:1em;font-weight:bold;border:1px solid black;margin:0 0 20px 0;line-height:200%}
.single-staff #content{width:75%}
#content .catalogAria .slidefect p em{font-size:13px}
.catalogAria{text-align:left;margin:0 auto}
.catalogList .catalogAria{width:84%}
/*footer
-------------------------------------------------------------- */
#footer{background:black;color:white;text-align:center;padding:0 0 20px 0;position:relative}
#footer a .topScllor{position:absolute;top:-40px;right:30px;width:1.5%}
#footer ul{padding:30px;margin:0 0 20px 0}
#footer ul li{display:inline;margin:20px}
#footer ul li a{color:white;font-size:0.875em}
#footer .footerSns a{color:white}
#footer .footerSns a .headerInsta{height: auto;width:25px}
#footer .footerSns a .headerTwitter{height: auto;width:28px;margin:0 10px}
#footer .footerSns a .headerMail{height: auto;width:34px}
#footer .footerSns .headerMail{height: auto;width:34px}
#footer .footerLogo{width:250px;margin:20px 0}
#footer p{background:white;padding:5px 0px;width:250px;margin:0px auto 20px auto}
#footer p a{color:black;font-weight:bold;font-size:0.875em}
#footer .footerSns{margin:0 0 0 10px}


/*MOBILE
-------------------------------------------------------------- */
@media screen and ( max-width:480px ){
    html{margin-right:0 !important}
    .pc{display:block !important}
    .sp{display:none !important}
    #content{width:100%}
    section{padding:20px 0}
    #content h2{font-size:1.2em}
    #content h2{margin:0 0 30px 0}
    #content h2 em{line-height:150%}
    .breadcrumbs{margin:10px 0 -20px 5%}
    nav li:hover{background:rgba(255, 255, 255, 0)}
    .catalogEffect{display:none}
    
    /*header
    -------------------------------------------------------------- */
    header{position:relative}
    .headerLogo{width:150px;height: auto}
    #mainImg{height:270px;background-attachment:inherit}
    .spMbtn{position:absolute;cursor:pointer;width:30px;top:30px;height:5px;background:black;left:30px}
    .spMbtn:before{width:30px;height:5px;position:absolute;background:black;content:"";top:-10px;left:0}
    .spMbtn:after{width:30px;height:5px;position:absolute;background:black;content:"";top:10px;left:0}
    .closeBtn{position:absolute;top:10px;right:10px;}
    #content section a .bottam{font-size:0.8em;width:20%}
    .menueBottam{background:transparent;border:2px solid white;color:white}
    .closeBtn:after{position:absolute;top:20px;right:10px;background:white;content:"";width:30px;height:2px;transform:rotate(40deg);}
    .closeBtn:before{position:absolute;top:20px;right:10px;background:white;content:"";width:30px;height:2px;transform:rotate(140deg);}
    header .navSp{transform:translateX(0);width:60%;}
    header nav{z-index:100; position:absolute;top:0;left:0px;background:rgba(0, 0, 0, 0.56);padding:0 0 20px 0;-moz-transition:transform .2s ease-in-out 0s;-o-transition:transform .2s ease-in-out 0s;-webkit-transition:transform .2s ease-in-out 0s;transition:transform .2s ease-in-out 0s;width:0%;}
    header nav ul{width:100%;margin:50px 0 0 0;text-align:left}
    header nav li{display:block}
    header nav li:nth-child(1){-webkit-animation-duration: 0.1s;animation-delay:0.1s}
    header nav li:nth-child(2){-webkit-animation-duration: 0.2s;animation-delay:0.2s}
    header nav li:nth-child(3){-webkit-animation-duration: 0.3s;animation-delay:0.3s}
    header nav li:nth-child(4){-webkit-animation-duration: 0.4s;animation-delay:0.4s}
    header nav li:nth-child(5){-webkit-animation-duration: 0.5s;animation-delay:0.5s}
    header nav li:nth-child(6){-webkit-animation-duration: 0.55s;animation-delay:0.55s}
    header nav li:nth-child(7){-webkit-animation-duration: 0.6s;animation-delay:0.6s}
    header nav li:nth-child(8){-webkit-animation-duration: 0.63s;animation-delay:0.63s}
    header nav li:nth-child(9){-webkit-animation-duration: 0.65s;animation-delay:0.65s}
    #Top header nav li a{color:white}
    .headerTwitter,.headerInsta,.headerMail{margin:10px;vertical-align:top}
    .headerReserve{display:block;position:static;margin:0 auto}
    
        /*aboutContent
    -------------------------------------------------------------- */
    .aboutContent p{width:90%}
    .aboutContent, .infoContent{border-bottom:1px solid #d2d2d2}
    #footer p{width:200px;margin:10px auto}
    
        /*salonContent
    -------------------------------------------------------------- */   
    .salonContent img{width:100%}
    .salonContent table{margin:1em auto;padding:0 10px}
    .salonContent table th{font-size:0.8em}
    .salonContent table td{font-size:0.8em}
    
        /*infoBody
    -------------------------------------------------------------- */ 
    .infoBody table{padding:0 20px;margin:30px auto 0 auto}
    .infoBody table th{font-size:1em}
    .infoBody table th{font-size:0.8em;text-align:left;display:block}
    .infoBody table td{font-size:0.8em;display:block;width:90%;margin:0 0 0 35px;padding:0 0 15px 0}
    .infoBody table th i{padding:0;width:30px;}
    
    /*staffContent
    -------------------------------------------------------------- */   
    .staffContent li{display:block;position:relative;margin:100px 15px 35px 15px;overflow:inherit}
    .staffContent .slidefect{top:-60px;width:100%;height:auto;padding:0}
    #content .staffContent .slidefect p{color:black !important;font-size:1em}
    #content .staffContent .slidefect p em{color:black !important}
    .staffContent ul{width:100%}
    #content .slidefect p em{font-size:12px}
    .slidefect:hover{background-color:rgba(0, 0, 0, 0.0);}
    .single-staff #content{width:100%}
    
    /*page(info)
    -------------------------------------------------------------- */  
    #infoDet .infoDetTitle{width:90%;margin:0 auto 20px auto;text-align:left}
    #infoDet .infoBody .eyeImg{width:90%;margin: 0 auto}
    .infoList{text-align:center}
    #infoDet .infoBody .infoDetContent{margin:20px 5%;text-align:left}
    .infoList .infoDetContent{padding:0 0 50px 0}
    #infoDet .infoBody{text-align:center}
    .infoList .infoBody{margin:0 0 40px 0}
    
      /*page(menu)
    -------------------------------------------------------------- */    
    #menu ul{width:82%}
    .menuNaviHover{font-size:0.7em}
    #catalog .menuNaviHover{font-size:1em}
    #menu ul li a{font-size:1.4em}
    #menu .nemuList{margin:30px 5%}
    #menu .nemuList h3{font-size:1.3em;width:100%}
    #menu .nemuList .menuBody{width:100%}
    #menu .nemuList .menuBody h4{font-size:1em;width:90%;margin:0 auto}
    #menu .nemuList .menuBody h4 em{font-size:0.6em}
    #menu .nemuList .menuBody .menuSub p{font-size:0.7em !important;text-align:left}
    #menu .nemuList .menuBody .menuPrice p{font-size:0.8em}
    #menu .nemuList .menuBody .menuPrice p span{font-size:0.8em;display:block}
    #menu .nemuList .menuBody .menuPrice .collagePrice{position:relative}
    #menu .nemuList .menuBody .menuPrice .collagePrice em{position:absolute;top:10px;right:0px}
    #menu .nemuList .menuBody .menuSub{width:100%;text-align:center}
    #menu .nemuList .menuBody .menuCharge{float: none;width:100%;margin:0}
    #menu .nemuList .menuBody .menuCharge p{font-size:0.8em;}
    #menu .nemuList .menuBody .menuImg{float:none;margin:30px auto;width:100%}
    #menu .nemuList .menuBody .menuPrice p em{font-weight:bold}
    #menu .nemuList .menuBody .menuCharge ul li em{font-weight:bold}
    #menu .eyelash a .bottam{width:98%}
    #menu .douishoImg{margin:30px 0;width:100%}
    #menu .eyeAtention{text-align:left;font-size:0.7em}
    
        /*page(catalog)
    -------------------------------------------------------------- */
    #catalog .catalogAria ul li{width:48.5%;height:230px}
    #catalog .catalogAria ul li{height:auto}
    #catalog h2{margin:10px 0 30px 0}
    #catalog .catalogAria ul li{position:static}
    #catalog .catalogSingle{padding:10%}
    .catalogSingle .cateHiddenImg{text-align:center}
    .cateHiddenImg img{width:80%}
    .catalogSingle h2{margin:0px auto 10px auto}
    .catalogSingle .cataComent{text-align:left}
    .catalogSingle .cataComent h3{margin:10px 0;font-size:0.9em}
    .catalogSingle .cataComent p{font-size:0.7em;line-height:150%}
    .catalogSingle .leftContent{width:100%;margin:10px auto 0 auto}
    .catalogSingle .leftContent .cataStylest .cateStylestName .cateSingleSns{margin:0px 0 0 0}
    .catalogSingle .leftContent .cataStylest .cateStylestName .cateSingleSns img{width:20px;margin:0px 10px 0 10px}
    .catalogSingle .leftContent .cataStylest .cateStylestName .stylestHover{font-size:0.8em;line-height:100%}
    .catalogSingle .leftContent .cataStylest .cateStylestName .lastP{font-size:0.6em;margin:0 0 10px 0}
    .catalogSingle .leftContent .cataStylest .cateStylestName{width:57%}
    .catalogSingle .leftContent .cataStylest .singleSnsBottom .share{width:60%;margin:0;display:block;margin:0 0 3px 0}
    .catalogSingle .singleSnsBottom .facebookShare img{width:100%}
    .catalogSingle .singleSnsBottom .twitterShare img{width:100%}
    .catalogSingle .singleSnsBottom .facebookShare{width:25%}
    .catalogSingle .singleSnsBottom .twitterShare{width:30%}
    .catalogSingle .singleSnsBottom{position:absolute;text-align:left;bottom:0;left:45%;width:30%}
    .catalogSingle .leftContent .cataStylest{position:relative}
    .catalogSingle .leftContent .cataStylest .cateStylestName .cateSingleSns p{line-height:15px;font-size:0.5em}
    .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content{width:90% !important}
    .mfp-container{top:10% !important}
    .catalogList .catalogAria{width:90%}

        /*single(catalog)
    -------------------------------------------------------------- */
    #cataD .leftContent{margin:0}
    #cataD .rightContent{width:100%;text-align:left;margin:0 0 30px 0}
    #cataD .rightContent p{font-size:0.8em;margin:10px 0 0 0}
    #cataD .rightContent img{margin:0 0 30px 0}
    #cataD .singleSnsBottom{bottom:0;left:auto}
    
        /*single(staff)
    -------------------------------------------------------------- */
    #staffD .leftContent{display:block;width:80%;margin:0 auto}
    #staffD .catalogSingle .leftContent .cataStylest{text-align: center}
    #staffD .cataStylest img{width:100%;margin:0 auto}
    #staffD .leftContent .cataStylest .cateStylestName{width:100%}
    #staffD .leftContent .stffStylestName{width:50%;position:static}
    #staffD .leftContent .staffDname{font-size:1em;line-height:100%}
    #staffD .leftContent .cateStylestName .cateSingleSns{top:12%;right:0;text-align: center;width:49%}
    #staffD .leftContent .cataStylest .cateStylestName .cateSingleSns img{width:20px}
    #staffD .leftContent .cataStylest .cateStylestName .cateSingleSns p{width:55%;display:inline-block;font-size:0.7em;line-height:145%}
    .staffDD .staffCatalogList .catalogAria #HAIR{margin: 30px auto}
    #staffD .rightContent{width:80%;margin:30px auto 0 auto;float:none}
    #staffD{text-align:center}
    
    
        /*page(contact)
    -------------------------------------------------------------- */
    #content .contact{padding:20px 5%}
    .contact .atention{margin:30px 0 30px 0}
    .contact div.wpcf7{width:100%}
    .contact div.wpcf7 form table td{padding:20px 0;display:block}
    .contact div.wpcf7 form table td span input{height:20px}
    .contact div.wpcf7 form table th{display:block}
    .contact div.wpcf7 form table td span input{padding:10px 0;width:100%}
    
    
    
        /*footer
    -------------------------------------------------------------- */ 
    #footer{padding:20px 0;margin:40px 0 0 0}
    #footer ul{display:none}
    #footer .footerLogo{width:200px;margin:10px 0}
    .footerSns{margin:10px 0 0 0}
    .footerSns .headerInsta{width:50px;height:auto;margin:15px 30px}
    .footerSns .headerTwitter{width:60px;height:auto;margin:15px 15px}
    .footerSns .headerMail{width:70px;height:auto;margin:15px 20px}
    #footer a .topScllor{width:7%;top:-45px;right:20px}
    #footer .footerSns a .headerTwitter{margin:16px 10px}
}

/*tablet
-------------------------------------------------------------- */
@media screen and (min-width: 481px) and (max-width: 780px){
    #mainImg{background-attachment:inherit}
    nav,nav ul{width:100%;margin:0 0 10px 0}
    nav ul li{padding:10px;display:inline;float:none}
    nav ul li a{font-size:0.8em}
    #content{width:90%}
    .aboutContent p{width:100%}
    .salonContent img{width:100%}
    .staffContent ul{width:100%}
    #infoDet .infoBody{text-align:center}
    #infoDet .infoBody .eyeImg{margin:0 auto 20px auto}
    #infoDet .infoBody .infoDetContent{margin:0}
    #menu .nemuList .menuBody .menuCharge h5{width:100%}
    .eyelashPdf{top:10%;right:20%}
    .contact div.wpcf7{width:80%}
    #staffD .leftContent .cateStylestName .cateSingleSns{right:-10%}
    #staffD .rightContent{width:25%;margin:0}
    .simcal-shima-calendar-grid *{font-size:1.0em}
    #catalog .catalogAria ul li{height:auto}
    .catalogSingle .leftContent .cataStylest .cateStylestName{font-size:0.7em}
    #catalog .catalogAria ul li{width:24%}
}
@media screen and (min-width: 781px) and (max-width: 1024px){
#mainImg{background-attachment:inherit}
#catalog .catalogAria ul li{width:24%}
}
#infoDet .infoBody .infoDetContent a img{width:700px;height:auto}
@media screen and ( max-width:800px ){
	#infoDet .infoBody .infoDetContent a img{width:100%}
}