@charset "utf-8";
/*clearfix**************************/
.clearfix:after {
    visibility: hidden;
    display: block;　
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
/* clearfix for ie7 */
.clearfix{
    display: inline-block;
}
.clearfix {
    display: block;
}
/*clearfix End************************/

body {
	margin: 0 auto;
	padding:0;
	background-color:#fff;
	font-size: 14px;
	line-height: 160%;
	color: #333333;
	text-align: center;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
}

#wrap{
	width: 640px;
	margin:0 auto;
	text-align:center;
	background-color: #FFFFFF;
	overflow:hidden;
}

/* ヘッダー  ナビゲーション */
#menu-wrap{
	position: fixed;
	width: 640px;
	height: 80px;
	z-index: 10000;
	background: #FFFFFF;
	transition: .3s;
}
#menu-wrap .logo{
	text-align: center;
}
#menu-wrap ul{
	overflow: hidden;
	margin: 5px 10px 0;
}
#menu-wrap ul li{
	float: left;
	margin-left: 10px;
}
#menu-wrap ul li.btn_reserve img{
	display: inline;
}
#menu-wrap ul li.btn_shop img{
	display: inline;
}
.fixed {
	position: fixed;
	top: 0;
}

/* main */
.header{
	position: relative;
	padding-top:80px;
	padding-bottom:45px;
	background:url("../images/bg_slash.png") repeat;
}



.header .banner{
	background: #ffffff;
	padding-bottom:25px; 
}
.main_bottom{
	padding-top:0;
}
p.main_img{
	position: relative;
	top: -14px;
	margin-bottom: -14px;
}
/* cv_area  アコーディオン */
.accordion{
	width: 600px;
	border: 2px solid #3C4A80;;
	background: #ffffff;
	border-radius: 12px;
	margin: 0 auto;
}
.accordion__title{
	background: #3C4A80;;
	width: 600px;
	border-radius: 8px 8px 0 0;
	margin-bottom: 30px;
}
.accordion__title img{
	display: block;
	margin: 0 auto;
	padding: 12px 0;
}
label img{
	display: block;
	margin: 20px auto 40px;
	cursor :pointer;
}
p.other_btn{
	display: block;
	margin: 30px auto 25px;
}
.accordion__menu{
/* メニュー開閉時アニメーション */
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	margin: 0;
	padding: 0;
	list-style: none;
}
input[type="checkbox"].bellow + .accordion__menu{
	height: 0;/* チェックが入っていない時の高さ */
	overflow: hidden;
}
input[type="checkbox"].bellow:checked + .accordion__menu{
	height: 630px;/* チェックが入っているときの高さ */
}
input[type="checkbox"].bellow:checked + .accordion__menu02{
	height: 680px;}/* チェックが入っているときの高さ 02*/

input[type="checkbox"].bellow{
	display: none;/* チェックボックスの非表示 */
}

/* cv_area */

.cv_area{
	margin: 40px auto;
}
.main .cv_area{
	margin-bottom: 0px;
}
.attention {
	width: 95%;
	margin: 10px auto;
	text-align: left;
	font-size:13px;
	line-height:1.5em;
}

/* 比較表 */
#hikaku{
	background: #FEB8CD;
}
.hikaku{
	background:url(../images/hikaku_02_sp.gif) no-repeat;
	height:678px;
	position:relative;
}
.hikaku_btn{
	position: absolute;
	top: 580px;
	left: 133px;
}
#hikaku .attention{
	margin: 20px auto 0;
	padding-bottom: 60px;
	color: #ffffff;
}

/* 店舗情報 */
#salon{
	background: #FFF0F4;
}
.map{
	width: 100%;
	padding-bottom: 30px;
}
.map p{
	float: left;
}
.pref .wdt_74{width: 74%;}
.pref .wdt_28{width: 28%;}
.pref .wdt_27{width: 27%;}
.pref .wdt_26{width: 26%;}
.pref .wdt_25{width: 25%;}
.pref .wdt_24{width: 24%;}
.pref .wdt_23{width: 23%;}

#salon p.attention{
	text-align: left;
	margin: 20px auto 0;
	padding-bottom: 60px;
}

/* TBCの2つの脱毛方法 */
.datsumoimage_bk{
	background:url(../images/method_02_sp.png) no-repeat;
	height:687px;
	position:relative;
}
.superimg{
	position:absolute;
	left:40px;
	top:450px;
}
.liteimg{
	position:absolute;
	left:325px;
	top:450px;
}

/* パッケージプラン */
.bg {
  background: url("../images/line_sec_bg.png"); }

.package {
  padding: 50px 0 50px;
  margin: -5px 0 0; }
  .package figure img {
    vertical-align: top; }
  .package .attention {
    text-align: left;
    width: 90%;
    margin: 20px auto 35px; }
  .package article {
    border: 3px solid #04265e;
    border-radius: 20px;
    width: 90%;
    margin: auto; }
    .package article img {
      width: 100%; }
    .package a {
      display: block;
      position: relative;
      cursor: pointer;
      border-radius: 10px;
      width: 94%;
      margin: 20px auto;
      padding: 6% 0 4%;
      color: #fff;
      font-size: 24px;
      font-weight: bold;
      text-align: center;
      background: #04265e; }
      .package article a::before, .package article a::after {
        margin: auto;
        background: #fff;
        content: "";
        position: absolute;
        right: 25px;
        top: 0;
        bottom: 0; }
      .package article a::before {
        width: 20px;
        height: 3px; }
      .package article a::after {
        height: 20px;
        width: 3px;
        right: 33px; }
      .package article a.active::after {
        display: none; }

      .package a span{
        display: block;
        font-size: 14px;
        margin: 10px 0 0;
        font-weight: normal; }
    .package .accordion__menu02 img{
		width: 95%;
      padding: 20px 0 50px;
      margin: auto;}

/* フッター */
.copy {
	font-size:14px;
	color: #04265E;
	padding-left:5px;
	width:100%;
	text-align: left;
}
.footer_link{
	width: 95%;
	font-size: 16px;
	margin: 70px auto;
}
.footer_link ul li{
	display: inline-block;
	margin-right: 1em;
}
.footer_link ul li a{
	color: #04265E;
	text-decoration: none;
}
#page-top {
	position: fixed;
	bottom:0.3em;
	right: 0.7em !important;
	font-size: 1.3em;
	line-height:1;
	width: 14%;
}