/* SP用 */
@import url(fontello.css);

.pc_break {
	display: none;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

a{
-webkit-transition:0.3s;
-moz-transition:0.3s;
 transition:0.3s;
 -webkit-tap-highlight-color: transparent;
}

em,strpng{
font-style: normal;
}

p{
line-height: 2.0em;
font-size: 11pt;
}

img {
    max-width: 100%;
    height: auto;
}


/*p margin調整*/
.mb5{
	margin-bottom:5px;
}
.mb10{
	margin-bottom:10px;
}
.mb20{
	margin-bottom:20px;
}
.mb30{
	margin-bottom:30px;
}
.mb40{
	margin-bottom:40px;
}
.mb50{
	margin-bottom:50px;
}
.mb60{
	margin-bottom:60px;
}
.mb80{
	margin-bottom:80px;
}
.mb100{
	margin-bottom:100px;
}

.mt10{
	margin-top:10px;
}

.mt20{
	margin-top:20px;
}

.ml20{
	margin-left: 20px;
}

.mt30{
	margin-top:30px;
}
.mt40{
	margin-top:40px;
}

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


.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
display:inline-block;
min-height: 1px;
}

img.center{
	margin-left:auto;
	margin-right:auto;
	display:block;
}


/*文字装飾*/

.font_bold{
	font-weight:bold;
}

.font_red{
	color:#b80101;
}

.font_small{
	font-size:8.5pt;
}

.s_font {
	font-size: 0.8em;
}

a{
	color:#333;
	text-decoration:none;
}

a.link{
	color:#666;
	text-decoration: underline;
}

@keyframes large {
    0% {transform: scale(1.1)}
    100% {transform: scale(1.0)}
}

@-webkit-keyframes large {
     0% {transform: scale(1.1)}
    100% {transform: scale(1.0)}
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@keyframes opacity {
  0% { opacity: 1.0;}
  50% { opacity: 0.4; }
  100% { opacity: 0.7; }
}
@-webkit-keyframes bg-color {
  0% { opacity: 1.0;}
  50% { opacity: 0.4; }
  100% { opacity: 0.7; }
}


/* 各ページ共通 */

body{
color:#333;
font-size:10pt;
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
font-weight: 500;
background-color: #f6f4ed;
}

header{
width: 100%;
height: 95px;
}

#logo{ /* h1 */
top:0px;
left: 0px;
position: fixed;
z-index: 99;
background-color: #fff;
width: 100%;
padding-top: 7px;
padding-left: 10px;
padding-bottom: 3px;
}

#logo a{
color:#fff;
}

#logo img{
width: 244px;
height: 35px;
}

#telwrap p , #time{
display: none;
}

/* 医療脱毛2 */
.hair_removal{
 /*アニメーションの起点とするためrelativeを指定*/
    position: relative;
  overflow: hidden;
    /*ボタンの形状*/
  text-decoration: none;
  display: inline-block;
    border: 1px solid #555;/* ボーダーの色と太さ */
    padding: 5px 40px;
	width: 100%;
    text-align: center;
    outline: none;
    /*アニメーションの指定*/   
    transition: ease .2s;
	margin: 0px auto;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #009b40;
}

/*ボタン内spanの形状*/
.hair_removal span {
  position: relative;
  z-index: 3;/*z-indexの数値をあげて文字を背景よりも手前に表示*/
  color:#fff;
}

.hair_removal:hover span{
  color:#009b40;
}


/*== 背景が流れる（左から右） */
.bgleft:before {
  content: '';
    /*絶対配置で位置を指定*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
    /*色や形状*/
  background:#fff;/*背景色*/
  width: 100%;
  height: 100%;
    /*アニメーション*/
  transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transform: scale(0, 1);
  transform-origin: right top;
}

/*hoverした際の形状*/
.bgleft:hover:before{
  transform-origin:left top;
  transform:scale(1, 1);
}


h2{
background-color: #111;
color: #fff;
line-height: 1.5em;
font-size: 9pt;
font-weight: normal;
padding-top: 5px;
padding-bottom: 5px;
padding-left:12px;
border-top: 48px solid #fff;
}

/* メニュー出現 */

.btn {
  background-image: url(../image/sponly/menu.png);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:36px 36px;
  width: 36px;
  height: 36px;
  overflow: hidden;
  display: block;
  position: fixed;
  top: 9px;
  right: 10px;
  z-index: 99;
}

.btn.on {
  background-image: url(../image/sponly/menu_on.png);
  }

nav#spnav{
width: 100%;
position: fixed;
top:48px;
z-index: 10;
}

nav#spnav ul{
width: 100%;
clear: both;
background-color:#009B40;
font-size: 11pt;
font-weight: 700;
padding-left:10px;
}

nav#spnav #mail {
display: block;
}

nav#spnav #mail a{
color: #fff;
border: 2px solid rgba(255,255,255,0.5);
display: block;
width: 90%;
padding:7px 12px;
border-radius: 20px;
margin: 0 auto;
margin-bottom: 7px;
text-align: center;
}

nav#spnav ul li{
list-style-type: none;
display: inline-block;
width: 32%;
}

nav#spnav ul li a{
color: #fff;
display: block;
width: 100%;
padding:15px 10px;
border-bottom: 1px dashed rgba(255,255,255,0.5);
text-align: center;
}

/*
nav#spnav ul li:nth-last-child(-n+3) a{
border-bottom: 0;
padding-bottom: 20px;
}
*/

nav#spnav ul li:nth-last-child(-n+1) a{
border-bottom: 0;
padding-bottom: 20px;
}
/*スマホ縦のみ */
@media screen and (max-width:480px){
nav#spnav ul{
padding-left: 0px;
}
nav#spnav ul li{
display: block;
width: 100%;
}
nav#spnav ul li:nth-last-child(-n+3) a{
padding-bottom:15px;
border-bottom: 1px dashed rgba(255,255,255,0.5);
}

nav#spnav ul li:last-child a{
border-bottom: 0;
padding-bottom: 20px;
}
}

img#sp_catch{
display: block;
width: 100%;
height: auto;
top:49px;
position: relative;
}


/* フッター */

footer small{
font-size: 6pt;
color: #fff;
display: block;
padding-top: 23px;
padding-bottom: 22px;
padding-left: 15px;
background-color:#009B40;
line-height: 1.5em;
}

footer ul#sitemap{
width: 100%;
margin: 0 auto;
padding-left: 15px;
padding-top: 25px;
}

footer ul#sitemap li{
list-style-type: none;
display: inline-block;
margin-top: 20px;
}

footer ul#sitemap li a{
text-align: center;
display: block;
color: #000;
padding-right: 15px;
font-size: 9pt;
}

footer ul#sitemap li a:after{
content:"|";
color: #aaa;
margin-left: 15px;
}

footer ul#otherLink{
display: none;
}

footer article{
padding: 15px;
padding-top: 30px;
}

footer strong{
line-height: 1.5em;
font-size: 10pt;
display: block;
margin-bottom: 7px;
}

#footer_tel img{
width: 230px;
height: 28px;
}

address{
font-style: normal;
line-height: 1.5em;
display: block;
margin-bottom: 15px;
}

address:after{
content: "";
background-image: url(../image/sponly/time.jpg);
background-repeat: no-repeat;
background-size: contain;
display: block;
width: 100%;
height: auto;
min-height: 120px;
margin-top: 20px;
}

footer ul#groupLink br{
display: none;
}

footer ul#groupLink{
padding-top: 10px;
}

footer ul#groupLink li{
list-style-type: none;
font-size: 10pt;
width: 100%;
height: 50px;
overflow: hidden;
background-color: #fff;
margin-bottom: 10px;
}

footer ul#groupLink li a{
display: block;
width: 100%;
height: 50px;
background-image: url(../image/footer_bana01.jpg) , url(../image/sponly/cursol.png);
background-repeat: no-repeat , no-repeat;
background-position: left top ,  right center;
background-size: 80px , 30px;
padding-left: 90px;
padding-top: 10px;
font-weight: bold;
}

footer ul#groupLink li a#rouken{
background-image: url(../image/footer_bana02.jpg) , url(../image/sponly/cursol.png);
}
footer ul#groupLink li a#day{
background-image: url(../image/footer_bana05.jpg) , url(../image/sponly/cursol.png);
background-position: left center ,  right center;
}
footer ul#groupLink li a#naika{
background-image: url(../image/footer_bana03.jpg) , url(../image/sponly/cursol.png);
background-position: left center ,  right center;
}
footer ul#groupLink li a#sougou{
background-image: url(../image/footer_bana04.jpg) , url(../image/sponly/cursol.png);
}

#totop{
display:none;
border:0;
position:fixed;
right:10px;
bottom:10px;
width: 45px;
height: 45px;
z-index: 3;
}

.sp_none{
	display:none;
}

.pc_none{
	display:none;
}

.tel{
text-decoration: underline;
}


table td.rowspanstyle{
    vertical-align:middle;
    line-height:0.8;
}
table td.rowspanstyle>span{
    font-size: 9pt;
    display:inline-block;
    line-height:1;
}

/*スマホ縦のみ */
@media screen and (max-width:480px){
.pc_none{
	display:block;
}
}