/* CSS Document */

/*
 * Developer : moco mode
 * Author : mica
 * http://www.mocomode.com
*/
/*******************************************************/
/********************************************************/
/******************スマホ用！！***********************/	
@media screen and (max-width: 640px) {
.sp-none{
	display: none;
}
/* h */
h2 { margin-top: -1px; font-size: 14px;
font-weight: bold;
 color: #FF51B9;
  text-align: center; 
  border-bottom: 1px dotted #FF51B9;
  }
h3 { margin: 0 0 15px 0; width: 93%; height: 37px; background-image: url(images/h3_bg.gif); font-size: 14px; color: #F273BC; padding: 23px 0 0 20px; text-align: left; }

/* text */
.p1 { font-size: 12px; text-align: center; }
.foottext { font-size: 12px; color: #FFF; text-align: center; }
.style1 {font-size: 12px; color: #FF51B9; font-weight: bold;}
.style2 {font-size: 12px; color: #FF51B9; font-weight: normal;}
.style3 {font-size:12px; color:#FF0000; font-weight:bold;}
.style4 {font-size:12px; color:#FF6600; font-weight:bold;}

/* contents area */
#conarea {
margin: 10px 0 0 0;
padding: 10px;
font-size: 12px;
	text-align: center;
width: 100%;
height: auto;
background-color: #FFF;
}
/* news */
#news {
margin: 10px 0 0 0;
padding: 22px 0 0 0;
width: 100%;
height: 120px;
background-image: url(../images/news.gif);
background-position: top;
background-repeat: no-repeat;
background-size:cover ;
text-align: left;
}

/* twitter */
#twt {
margin: 10px 0 0 0;
padding: 0;
text-align: center;
}

/* map */
#map {
width: 100%;
height: 240px;
border: 5px solid #FDC4E1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/* table */
table{
margin: 10px;
border-collapse: collapse;	border-spacing: 0;
width: 92%;
}
th, td	{
padding: 10px;
color: #333;
font-size: 12px;
}

.ta1 td	{
border-bottom: 1px solid #FEDAED;
}

.ta2	{
	border: 1px solid #EDDBBC;
}
.ta2 th	{
	background: url(../images/th_2.png) repeat-x bottom;
	border: 1px solid #EDDBBC;
	color: #59401A;
	font-weight: normal;
	text-align: left;
}
.ta2 td	{
	border: 1px solid #EDDBBC;
	color: #333;
}
/****************************************************/
/*           追加 2016.12                           */
/****************************************************/
html, body,nav, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a{
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align:baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
p,a,div{
font-size: 13px;
}
div#head_logo,div#head_logo a{
	width: 100%;
}
div#head_logo a img{
	width: 60%;
}
/*
ul.nav li ul.sub li,ul.nav li.sp-none{
	display: none;
}*/
p.sp_nail_p{
	background-color:#FFA4D8;/*ピンク*/
	text-align: center;
	color: #ffffff;
	font-size: 14px;
	padding: 10px;
}
div#head_shopi{
	background-color: #f73d9d;/*ビビッドピンク*/
	padding-top: 10px;
	padding-left: 10px;
}
div#head_shopi img{
	width: 50%;
}
ul.nav,ul.sp_nail{
	display: table;
	width: 100%;
	text-align: center;
	background-color:#ffffff;
		margin: 0;
	padding: 0;
}
ul.nav li,ul.sp_nail li{
	display: table-cell;
	width: 50%;
position: relative;
}
ul.nav li a,ul.sp_nail a{
	display: block;
	padding: 10px 0;
	font-size: 14px;
	background-color: #f73d9d;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	border-top: 2px solid #ff97cd;
	border-left: 2px solid #ff97cd;
	border-bottom:2px solid #c50166;
	border-right: 2px solid #c50166;
}
ul.sp_nail a{
	font-size: 11px;
}
#viewer_container {
	margin: 0;
	padding:0;
	width:100%;
	background-image: url(../images/viewer_bg.png);
		background-repeat: no-repeat;
		background-size:cover ;
}
ul.nav li a:hover {
}
ul.nav li ul.sub {
position: absolute;
z-index: 10;
	width: 100%;
}
ul.nav li ul.sub li{
	width: 100%;
	display: block;
}
ul.nav li ul.sub a{
	font-size: 11px;
	background-color: #FFA4D8;/*ピンク*/
	border: 2px solid #fff;
}
ul.nav {
zoom: 1;
}

ul.nav:after {
height: 0;
visibility: hidden;
content: "";
display: block;
clear: both;
}


#viewer {
	width: 100%;
	min-height: 300px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

#viewer img {
	top: 0;
	left:0;
	width: 100%;
	height: auto;
	position: absolute;
}

#intro_txt {
	width:100%;
	padding:50px 10px;
	background-image: url(../images/intro_txt_bg.gif);
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center;
	text-align: center;
}
#intro_txt h1{
	display: block;
	font-size: 16px;
	font-weight: bold;
}
#intro_txt h1 span{
	display: block;
	font-size: 16px;
	font-weight: bold;
}
#intro_txt p{
	width: 100%;
}
/* cam */
#top_cam_container {
margin: 10px 0 0 0;
padding: 0;
width:100%;
font-size: 10px;
text-align: center;
}

#top_cam_1 img{
	width: 100%;
	height: auto;
}

#top_cam_2 img{
	width:100%;
	height: auto;
}

.top_cam_3 img{
	width:100%;
	height: auto;
}

#top_cam_5 img{
	width:100%;
	height: auto;
}
/* twitter */
#top_nt_container{
	margin-top: 10px;
	padding-top: 10px;
	width: 100%;
	height: 300px;
	overflow-y:scroll;
	-webkit-overflow-scrolling: touch;
	margin-bottom: 20px;
}

#top_twt {
	width: 100%;
	margin-top: 30px;
	padding-top: 20px;
}
#top_twt script{
	width: 100%;
	padding: 10px;
}
/* media */
#top_mmb_container {
	width: 100%;
}

#top_media {
	width: 100%;
	padding-top: 30px;
	background-image: url(../images/top_t_media.png);
	background-position: top;
	background-repeat: no-repeat;
	background-sixe: contain;
	font-size: 12px;
	text-align: center;
}
#top_media img{
	width: 100%;
}
/* mail mag */
#top_magbn_container {
	width: 100%;
}

#top_mag {
	width: 100%;
	height: 140px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url(../images/top_mag_bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size:contain ;
	color: #FFF;
}

.mag_form {
margin: 10px 0 0 0;
padding: 0 10px 0 10px;
}

/* banner */
#top_bn {
	width: 100%;
font-size: 10px;
text-align: center;
}

/* salon info */
#top_bn_info {
margin: 0 auto;
padding: 45px 0 0 10px;
width: 190px;
height: 265px;
background-image: url(../images/top_bn_info.png);
font-size: 12px;
text-align: left;
}

#map_canvas {
margin: 0 0 20px 0;
padding: 0;
border: #FFF solid 1px;
}
/* footer */
footer {	
	width: 100%;
}
footer ul.footer {
	margin: 0;
	padding: 0;
}
footer ul li{
	display:block;
	width: 100%;
	border: 2px solid #FFF;
	text-align: center;
}
footer li a{
	display: block;
	padding: 10px;
	color: #666;
	text-decoration: none;
	background-color: #f2f2f2;
}

.copy {
margin: 0;
padding: 30px 10px;
color: #999;
text-align: center;
}

.style1 {font-size:14px; color:#F836A6; font-weight:bold;}
.style2 {font-size:12px; color:#FB7BC5; font-weight:bold;}
.style3 {font-size:10px; color:#333; font-weight:normal;}
.style4 {font-size:12px; color:#FF0000; font-weight:bold;}
.style5 {font-size:12px; color:#FF0000; font-weight:normal;}
.style6 {font-size:12px; color:#FF3399; font-weight:normal;}
.style7 {font-size:12px; color:#FF3399; font-weight:bold;}

/************下層ページ*************/
div#p_title img,div#p_reserve_bn img{
	width: 100%;
}
div#p_title p{
	display: none;
}
.box1 {
	border: #FECDE7 4px double;
	margin: 10px;
	padding: 10px;
}

.box2 {
background: url(../images/warning_title.png) no-repeat top;
	padding-top: 70px;
	margin-top: 20px;
}

.box3 {
text-align: center;
}

.box4 {
background-image: url(../images/hikari_info.jpg);
line-height: 1.8em;
}
.box5 {
	padding: 4px 10px;
line-height: 1.8em;
}

/* page reserve banner */
#p_reserve_bn {
	text-align: center;
	margin: 30px 0;
}

/* page point card */
#p_pcard {
background: url(../images/cc_point.png) top no-repeat;
	padding-top:150px;
	margin-top: 20px;
}
/*　ジェルネイル*/
img.width100{
	width:100%;
}
p.bread,p.bread a{
	font-size: 11px;
}
div#contents img{
	max-width: 100%;
}
section.container1 h2{
	margin-top: 20px; font-size: 14px;
font-weight: bold;
 color: #FF51B9;
  text-align: center; 
  border-bottom: 1px dotted #FF51B9;
}
div#self_gel_top{
	text-align: center;
	border: 1px solid #e2e2e2;
	margin: 10px;
}
p.big-pink{
	color: #f73d9d;/*ビビッドピンク*/;
	font-size: 14px;
	font-weight:bold;
	background-color: #F0FBFF;/*みずいろ*/
	padding: 10px 0;
}
div#self_gel_top ul{
	padding-top: 14px;
	display: inline-block;
	text-align: left;
	margin-bottom: 20px;
}
div#self_gel_top ul li{
	font-size: 14px;
	line-height: 1.8em;
	list-style-type: none;
	padding-left: 4px;
	border-bottom: 4px solid #F0FBFF;/*みずいろ*/
}

}