@charset "utf-8";
@import "reset.css";
@import "base.css";



/*6月14日　ios8で縦方向にスクロールした際に「resize」が発生してトグルメニューがすぐ非表示になってしまう対策*/
#dummy_area1 {
    display:none;
    width:1px;
}
/*ここまで*/


html {
	/*min-width: 320px;*/
	font-size: 62.5%;/*10px*/
}

body {
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
	color:#333;
}

#wrap img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　/*IE8のみ適用*/
}

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

a:hover {
	text-decoration:underline;
}


#wrap {
	overflow:hidden;
	zoom:1;
}
/*
トップページ真ん中くらいでリロードすると、どんどん下がる
wildslider.jsだとなにやってもなおらない
twlight.jsなら、上記の#wrapと併用でなおる
*/


/* 
------------------------------------------------------------------------*/
.container {
	max-width:1170px;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
	padding:0 10px;
}
@media only screen and (min-width:  769px) {  
	.container {
		padding:0;
	}
}



/* header
------------------------------------------------------------------------*/
#header {
	background-color:#222;
	padding:5px 0 5px 0;
	color:#fff;
}

#header h1 {
	float:left;
	font-size:12px;
	font-weight:normal;
}

#header p {
	float:right;
	font-size:12px;
}

#header p a {
	color:#fff;
}



#gHeader h1 img {
	width:140px;
	padding-top:8px;
}
@media only screen and (min-width:  769px) { 
	#gHeader h1 img {
		min-width:200px;
		padding-top:25px;
	}
}


/* footer
------------------------------------------------------------------------*/
#footer {
	clear:both;
	padding:25px 0 20px;
	background-color:#2B2B2B ;
}

#footer h3 {
	color:#666;
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
	line-height:1.4;
}

#footer div.inner {
	max-width:1170px;
	margin:0 auto;	
	padding:0 10px;
	position:relative;
}

#footer p {
	color:#999;
	font-size:12px;
	line-height:1.4;
}

#footer ul.fnav {
	overflow:hidden;
	zoom:1;
	margin-bottom:10px;
}

#footer ul.fnav li {
	display:inline; /* スマホではblockにしないと */
}

#footer ul.fnav li a {
	font-size:12px;
	padding:7px;
	color:#fff;
}

address {
	text-align:right;
	font-size:12px;
	color:#999;
	margin-bottom:10px;
}

#footer div.box {
	margin-bottom:30px;
}




/* バナー２つ並び（プライベートサロン・お問い合わせ）
-------------------------------------------------------------*/
#index_03 {
	padding:0px 0px 30px;
}		
#index_03 #bannerSec li img {
	vertical-align:bottom;
}
@media screen and (min-width: 640px) {	
	/* バナー２つ並び（プライベートサロン・お問い合わせ）
	-------------------------------------------------------------*/
	#index_03 {
		padding:60px 0px;
	}	
	
	#index_03 #bannerSec{		
		overflow: hidden;		
	}	
	#index_03 #bannerSec li {
		float: left;
		width: 48%;
		margin-bottom:0;
	}	
	#index_03 #bannerSec li+li {
		margin-left:4%;
	}	
}








/* scroll_btn
----------------------------------------------------------------------*/
@media only screen and (max-width:  768px) { 
div#scroll_btn {
	display:none!important;
}
}

@media only screen and (min-width:  769px) {  
	#scroll_btn {
		display:block;
		position: fixed;
		top: 20px;
		right: 20px;
		z-index:10000;
	}
}


/* 以下　共通【ページトップ】【見出し】
----------------------------------------------------------------------*/

.pagetop i {
	font-size:50px;
	color:#FF6B81;
}


/* --- page-top --- */
/*
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size:1.2rem;
}
#page-top a {
	background: #ADADAD;
	text-decoration: none;
	color: #fff;
	width: 50px;
	padding: 15px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #47787C;
}
*/
/* --- 右端下　折り返し --- */
h2.block {
    position: relative;
    padding:15px;
    color: #fff;
    background: #DE5662;
    overflow: hidden;
	
	font-size:2.2em;
	margin-bottom:20px;
}
 
h2.block:before {
    content: " ";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-width: 16px 16px 0 0;
    border-style: solid;
    border-color: #fff;
    border-top-color: #C92737;
    box-shadow: 0 1px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.4);
}

/* --- ボトム　ストライプ --- */
.headline5 {
	background: url(../image/line.gif) repeat-x bottom left;
    padding-bottom: 15px;
	font-size:20px;
	font-weight:bold;
	margin-bottom:30px;
	line-height:1.8;
	
}

@media only screen and (min-width:  769px) {	
	.headline5 {
		font-size:28px;
		
	}
}

/* --- 下に吹き出し --- */
.headline2 {
    border-bottom: 1px solid #aaa;
    margin: 0 0 25px;;
    padding: 5px 0;
    position: relative;
}
 
.headline2:before,
.headline2:after{
    content: '';
    border-right: 20px solid #fff;
    border-top: 15px solid #aaa;
    bottom: -15px;
    position: absolute;
    left: 25px;
}
 
.headline2:after{
    border-top-color: #fff;
    border-right-color: transparent;
    bottom: -13px;
    left: 26px;
}

/* --- 右端下　折り返し --- 
.section h3 {
	font-size:1.6rem;
	background-color:#FE9494;
	padding:5px 10px;
	margin-bottom:20px;
	clear:both;
	color:#fff;
}
*/


.headline {
	border-bottom: 1px dotted #E4E9F0;
	display: block;
	margin: 10px 0px 25px;
}

.headline h3 {
	border-bottom: 2px solid #72C02C;
	display: inline-block;
	margin: 0px 0px -2px;
	padding-bottom: 5px;
}



/*========================
　smartphone　bottom menu
　========================*/
@media only screen and (min-width:  835px) {	
	.global-nav {
		display:none;
	}
}

@media only screen and (max-width:  834px) {	
	#footer {
		padding-bottom:13px;
	}
}

.global-nav {
	position: fixed;
	left: 0;
	bottom: 0;
	background:#00B800;
}
.nav-list {
	display: table;
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	padding: 0;
	list-style: none;
	text-align: center;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.nav-item {
	display: table-cell;
	border: solid 1px gray;
	padding: 8px 0px;
	
	
}
.nav-item a {
	text-decoration: none;
	display: block;
	
}
.nav-item i {
	display: block;
	font-size: 24px;
	color:#fff;
	margin-bottom:6px;
}
.nav-item a span {
	display: block;
	font-size: 12px;
	color:#fff;
}


/*========================
　改行pc
　========================*/

@media screen and (min-width: 640px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 640px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}



/*
#footer ul.f_bn {
	display: block;
	float: left;
}
#footer .f_bn li {
	display: inline;
}
#footer .f_bn li a {
	display: inline-block;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 10px;
	text-decoration: none;
	color: #FFF;
	border: 1px solid #FFF;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	margin-left: 10px;
	font-weight: bold;
}
#footer .f_bn li a:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}
#footer .f_bn li a i {
	padding-right: 5px;
}


@media screen and (max-width:960px){
#footer ul.f_bn {
	float: none;
}

#footer .f_bn li a {
	font-size: 11px;
	padding: 8px;
}
}
*/