/* IMPORT RESET */
@import url("reset.css");

/* IMPORT 12 COLUMN RESPONSIVE GS */
@import url("responsive.gs.12col.css");


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


/*	EXAMPLE STYLES */
body {
	font-family: " メイリオ",Meiryo,Osaka," ヒラギノ角ゴ ProW3","Hiragino Kaku Gothic Pro"," ＭＳ Ｐゴシック","MSPGothic",sans-serif;
	border-top:3px solid rgba(93,65,44,0.53);

/* Firefox v3.6+ */
background-image:url(../images/flower_bg_001.png),url(../images/flower_bg_002.png),-moz-linear-gradient(50% 2% -90deg,rgb(175,231,253) 0%,rgb(255,255,255) 100%); 
/* safari v4.0+ and by Chrome v3.0+ */
background-image:url(../images/flower_bg_001.png),url(../images/flower_bg_002.png),-webkit-gradient(linear,50% 2%,50% 102%,color-stop(0, rgb(175,231,253)),color-stop(1, rgb(255,255,255)));
/* Chrome v10.0+ and by safari nightly build*/
background-image:-url(../images/flower_bg_001.png),url(../images/flower_bg_002.png),webkit-linear-gradient(-90deg,rgb(175,231,253) 0%,rgb(255,255,255) 100%);
/* Opera v11.10+ */
background-image:url(../images/flower_bg_001.png),url(../images/flower_bg_002.png),-o-linear-gradient(-90deg,rgb(175,231,253) 0%,rgb(255,255,255) 100%);
/* IE v10+ */
background-image:url(../images/flower_bg_001.png),url(../images/flower_bg_002.png),-ms-linear-gradient(-90deg,rgb(175,231,253) 0%,rgb(255,255,255) 100%);
background-image:url(../images/flower_bg_001.png),url(../images/flower_bg_002.png),linear-gradient(180deg,rgb(175,231,253) 0%,rgb(255,255,255) 100%);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffafe7fd,endColorstr=#ffffffff,GradientType=0)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffafe7fd,endColorstr=#ffffffff,GradientType=0);

background-repeat:no-repeat;
background-position:-20% -102px,120% -141px;

}

/*ヘッダ*/
header {
	text-align: left;
	background: none;
	padding:10px 0;
}

header #title{ font-size:12px; color:#5D3F2C; line-height:1.1em;}

#head_left{ float:left;}
#head_right{ float:right; text-align:right; padding:15px 0 0 0;}
#head_right li{ text-align:right; font-size:13px; color:#777;}

/*ナビゲーション*/
nav{ margin:10px 0 10px 0; width:980px;}
nav li{ display:inline-block;}
nav{
    letter-spacing:-0.4em;
}
nav>li {
    letter-spacing: normal;
}


/*indexメイン*/
#index_main{
	background:#FFF; margin-bottom:30px;
	/* Firefox v3.5+ */
	-moz-box-shadow:0px 1px 15px 0px rgba(0,0,0,0.28);
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-box-shadow:0px 1px 15px 0px rgba(0,0,0,0.28);
	/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
	box-shadow:0px 1px 15px 0px rgba(0,0,0,0.28);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX = 0,OffY = 1,Color = #47000000,Positive = true)";
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX = 0,OffY = 1,Color = #47000000,Positive = true);
}

#index_main h4{ font-size:14px; color:#858593; line-height:1.1em; padding:0 0 20px 50px; font-weight:normal;}
#index_main p{ font-size:14px; color:#706663; line-height:1.5em; padding:0 0 10px 50px;}

#index_section001{ background:url(../images/index_flower.jpg) no-repeat 0 0;}
#staff_photo{ float:right;}
#index_section001 h2{ padding:0 0 15px 20px;}
#index_section001 h2 img.catch{ padding-top:20px;}
#index_section001 p{ color:#333333; padding:0 15px 7px 20px;}
#index_section001 p a{ color:#F07972;}

#index_section002{ padding:20px 25px 15px 405px; background:#FCF9F7 url(../images/nail_bg.png) no-repeat 0 50%;}
#index_section003{ padding:20px 25px 15px 405px; background:#FCF9F7 url(../images/school_bg.png) no-repeat 0 50%;}
#index_section004{ padding:20px 420px 15px 25px; background:#EFFCDA url(../images/eyelash_bg.png) no-repeat 100% 50%;}

#index_main .more{ text-align:right; margin-top:5px;}


#facebook_box{ }
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{ width: 100%!important; background:#FFF;}

#facebook_box h4,#topics_box h4{ border-bottom:3px solid #D7D1CD; height:45px; line-height:45px; color:#858594; font-size:13px; vertical-align:middle;}
#facebook_box h4 img,#topics_box h4 img{ vertical-align:middle;}
#facebook_box h4 span,#topics_box h4 span{ padding:0 0 0 8px;}

#bnr {	background:#FFF; margin-bottom:30px;
	/* Firefox v3.5+ */
	-moz-box-shadow:0px 1px 15px 0px rgba(0,0,0,0.28);
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-box-shadow:0px 1px 15px 0px rgba(0,0,0,0.28);
	/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
	box-shadow:0px 1px 15px 0px rgba(0,0,0,0.28);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX = 0,OffY = 1,Color = #47000000,Positive = true)";
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX = 0,OffY = 1,Color = #47000000,Positive = true);}

article {
	/*line-height: 20em;
	text-align: center;
	background: #666;*/
}

aside {
/*	line-height: 20em;
	text-align: center;
	background: #999;*/
}

    img {  
      vertical-align: top;  
    }  
    @media only screen and (max-width: 640px) {  
      img {  
        max-width: 100%;  
        height: auto;  
      }  
    }  
    .logo {  
      width: auto;  
      height: 117px;  
      margin-top: 24px;  
      text-align: center;  
      background: url(../images/rinnacchi_line1.jpg) no-repeat center;  
    } 
    .logo img {  
      display: none;  
    } 

.logo2 {  
      width: auto;  
      height: 117px;  
      margin-top: 10px;  
      text-align: center;  
      background: url(../images/insta_pc.jpg) no-repeat center;  
    } 
    .logo2 img {  
      display: none;  
    } 

    @media only screen and (max-width: 640px) {  
      .logo {  
        width: auto;  
        height: auto;  
        background: none;  
      }  
      .logo img {  
        display: block;  
      }  
    }  
	.logo2 {  
        width: auto;  
        height: auto;  
        background: none;  
      }  
      .logo2 img {  
        display: block;  
      }  
    }  


#topics_box{}
#topics_box h4{ margin-bottom:5px;}
#topics_box a{ text-decoration:none;}
#topics_box dl{ padding:0 0 8px 0; border-bottom:1px dotted #CACCBF;}
#topics_box dl:hover{ background:#FDF9E4;}
#topics_box dt{ color:#F07E76; font-size:13px; padding:8px 0 0 5px;}
#topics_box dt img{ float:left; padding:1px; border:1px solid #DFDFD0; margin-right:14px; background:#FFF;}
#topics_box dd{ font-size:13px; color:#858594;}

footer {
	/*line-height: 15em;
	text-align: center;
	background: #BBB;*/
}

#foot_info{ background:url(../images/foot_flower.jpg) no-repeat 50% 0; height:289px; border-top:1px solid #EFEEE7; border-bottom:1px solid #EFEEE7; text-align:center; margin-top:30px;}
#foot_info dl{ width:543px; margin:0 auto; margin-top:25px;}
#foot_info dt{ text-align:center; font-size:14px; color:#5D3F2C;}
#foot_info dt address{ font-size:12px; color:#535353; text-align:center; margin-bottom:20px;}
#foot_info dd{ text-align:center;}
#foot_info dd.note{ text-align:right; font-size:13px; color:#777;}

#foot_menu{ background:url(../images/foot_bg.jpg)  repeat;}
#foot_inner{ width:980px; margin:0 auto; padding:15px 0;}
#foot_menu ul{ float:left; width:500px;}
#foot_menu li{ float:left; background:url(../images/foot_dot.gif) no-repeat 0 5px; padding:0 0 0 8px; font-size:13px; color:#858592; margin-left:10px;}
#foot_menu li a{ color:#858592;}
#copyright{ font-size:12px; color:#5A402E; float:right;}


/*スクール*/
#school p{ padding:0 0 10px 0;}
#school_catch{ position:relative; height:auto; margin-bottom:15px;}
#school_catch img{ position:absolute; top:0; left:0; z-index:0;}
#school_catch div{ margin-top:45%; margin-left:15px; position:relative; z-index:100; width:50%; background-color:rgba(255,255,255,0.65); padding:15px;}
#school_catch div p{
	line-height:150%;
font-size:14px;
font-family:"Hiragino Kaku Gothic Pro",Meiryo,Osaka,"MS PGothic",sans-serif;}

#greeting{ padding:20px;}
#greeting p{ padding-bottom:7px !important; color:rgb(112,102,99);
line-height:170%;
font-size:14px;
font-family:"Hiragino Kaku Gothic Pro",Meiryo,Osaka,"MS PGothic",sans-serif;
}
#greeting h1{ margin-bottom:10px;}
#greeting h2{ margin-bottom:20px;
color:rgb(93,63,44);
line-height:120%;
font-size:26px;
font-family:"MS PMincho", "Hiragino Mincho Pro",serif;
}

#teacher_name{ text-align:right;}
#teacher_name img{ vertical-align:middle;}

#license{ font-size:12px;}
#license dt{ color:#6A4715; border-bottom:2px solid #CCC;}
#license dd{ border-bottom:1px dotted #CCC; padding:2px 0 2px 0;}

#course{ padding:20px;}
.course_box{background-color:rgba(245,225,223,0.39); padding:15px; margin-bottom:30px;}
.course_box h4{
	padding:0 0 5px 0 !important;
	font-family:"MS PMincho", "Hiragino Mincho Pro",serif;
	color:rgb(226,123,107) !important;
line-height:120%;
font-size:33px !important;
}
.course_box h5{
	font-family:"MS PMincho", "Hiragino Mincho Pro",serif; font-size:17px; color:#555; margin-bottom:15px;
	}
	
.course_box table{ border:1px solid #806441; margin-bottom:15px; width:100%; font-size:90%;}
.course_box table caption{ color:#E05153;}
.course_box table th,.course_box table td{ padding:10px; background:#FFF; color:#666; border:1px solid #806441;}
.course_box table th{ background:#EBDFCB;}
.course_box table small{ font-size:80%;}

#school_contact{
	background:#F4FEDE; margin-bottom:30px; padding-bottom:20px;
	/* Firefox v3.5+ */
	-moz-box-shadow:0px 1px 15px 0px rgba(0,0,0,0.28);
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-box-shadow:0px 1px 15px 0px rgba(0,0,0,0.28);
	/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
	box-shadow:0px 1px 15px 0px rgba(0,0,0,0.28);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX = 0,OffY = 1,Color = #47000000,Positive = true)";
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX = 0,OffY = 1,Color = #47000000,Positive = true);
}
#school_contact p{ text-align:center;}
#school_contact img{ vertical-align:bottom;}
#school_contact p img{ vertical-align:bottom; width:45%;}


#contact_form{
	/*background:#F4FEDE; margin-bottom:30px;*/ padding:40px 0;
	/* Firefox v3.5+ */
	-moz-box-shadow:0px 1px 15px 0px rgba(0,0,0,0.28);
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-box-shadow:0px 1px 15px 0px rgba(0,0,0,0.28);
	/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
	box-shadow:0px 1px 15px 0px rgba(0,0,0,0.28);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX = 0,OffY = 1,Color = #47000000,Positive = true)";
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX = 0,OffY = 1,Color = #47000000,Positive = true);
}
#contact_form p{ text-align:center;}
#contact_form img{ vertical-align:bottom;}
#contact_form p img{ vertical-align:bottom; width:45%;}


.section_label{
	display:block;
	padding:2px 4px; margin-bottom:2px; color:#FFF;
background-color:rgb(112,102,99);
/* Firefox v1.0+ */
-moz-border-radius:3px;
/* Safari v3.0+ and by Chrome v0.2+ */
-webkit-border-radius:3px;
/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
border-radius:3px;
}


/*サロン*/
#salon{}
#salon p img{ vertical-align:bottom;}
#salon p{ padding:0;}
#nail_info{background:url(../images/salon_bg_fower.jpg)  no-repeat 0 0; padding:20px 20px 0 20px}
#nail_info h1{ padding:0 0 15px 0;}
#nail_info p{ font-size:14px; line-height:1.5em; padding:0 0 12px 0; color:#706663; text-align:justify;}
#nail_introduction{}
#nail_introduction .slider{ position:relative; top:-30px;}

.price_box{ padding:20px;}
.price_box table,.formTable{ width:90%; margin:0 auto;}
.price_box table caption{ padding-bottom:5px;}
.price_box table th,.price_box table td,.formTable th,.formTable td{ padding:8px 10px; color:#444;}
.price_box table td,,.formTable td{ text-align:right;}
.price_box table.price001 tr:nth-child(odd),.formTable tr:nth-child(odd){ background:#FBF9EB;}
.price001 td{text-align:right !important;}

#head_ad {
    height: 360px;
    margin-bottom: 8px;
    overflow: hidden;
    width: 360px;
}

#zakka_ad {
    height: 255px;
    overflow: hidden;
    width: 383px;
}

#zakka{ background:#FAF8F8; margin-top:25px; margin-bottom:25px;}
#zakka h2{ padding:0 0 15px 0;}
#zakka_str{ padding:20px 20px 0 0;}
#zakka_str p{ padding-bottom:12px;}

.staff_list{ width:50%; float:left;}
.staff_list li{ float:left;}

.fl_title{ font-size:13px; color:#858594; padding-bottom:20px; padding-left:15px;}
.fl_title img{ padding:0 15px 0 0; vertical-align:middle;}

#gallery{ margin-top:25px;}
.ex{ width:94%; margin:0 auto; padding-bottom:25px;}

/*アクセス*/
#map_canvas001{ width:90%; margin:0 auto; height:400px;}


/*フォーム*/



#contact{ width:95%; margin:0 auto;}

#contact p{ padding:0 0 15px 0;}

#contact_message_area{
	width:100%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;	
}
form {
}

label {
	display:block;
	margin-top:20px;
	letter-spacing:2px;
}

input, textarea {
	float:left;
	width:100%;
	height:27px;
	background:#FeFeFe;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #dedede;
	padding:10px;
	margin-top:3px;
	font-size:0.9em;
	color:#3a3a3a;
	margin-bottom:20px;
}

input:focus, textarea:focus {
	border:1px solid #97d6eb;
}

textarea {
	height:312px;
}

input#send {
	color:#000000;
	background-color:#B7B7B7;
	width:100%;
	height:50px;
	border:none;
	margin-top:20px;
	cursor:pointer;
}

#submit:hover {
	opacity:0.9;
}
.form_txt{
	float:left;
	margin-bottom:4px;
	color:#7D5818;
	font-size:12px;
}


.sp_img{ display:none;}

/*プライバシーポリシー*/
#privacy dt{
	color: #333; font-weight:bold; font-size:14px; padding-bottom:4px;
}
#privacy dd{ margin-bottom:15px; color:#333; line-height:1.5em;}



@media ( max-width : 768px ) {

body{ background-size:50%,50%,100%,100%;}

header{ padding:10px 10px 0 10px;}

#head_left,#head_right{ float:none;}
#logo img{ width:60%;}
#logo,header #title,#head_right li{ text-align:center;}
#head_right li span{ display:block; line-height:1.1em; text-align:center;}
nav{ width:100%; padding:0;}
nav li #nav_contact{ display:block; text-align:center;}
nav li #nav_contact img{ text-align:center;}



  nav {
    background: none;
  }
  nav ul {
    width: 100%;
    border-top: solid 1px #bbb;
  }
  nav li {
    float: none;
    width: 50%;
  }
  nav ul li img {
    display: none;
  }
  nav li a {
    display: block;
    background:#FFFCEE url(../images/border_bbb.gif) no-repeat 100% 0;
    border-bottom: solid 1px #bbb;
    padding: 6px;
    text-decoration: none;
    color: #666;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  nav li:nth-child(odd) a {
    border-right: solid 1px #90E1F6;
  }
  nav li a:before {
    content: attr(data-label);
	letter-spacing: 1px;
  }


.fl_title{ font-size:13px; color:#858594; padding-bottom:20px; padding-left:15px;}
.fl_title img{ padding:0 15px 0 0; vertical-align:middle; display:block;}

/*index*/

#index_main h4{ font-size:14px; color:#858593; line-height:1.1em; padding:0 0 20px 0; font-weight:normal;}
#index_main p{ font-size:14px; color:#706663; line-height:1.5em; padding:0 0 10px 0;}

#index_section001{ background:none; padding-bottom:15px;}
#index_section001 p{ padding:0 18px 7px 18px;}
#index_section002,#index_section004{ padding:20px 25px 15px 25px; background:#FCF9F7;}
#index_section003{ padding:20px 25px 15px 25px; background:#EFFCDA;}



#school_catch{ position:relative; height:auto;}
#school_catch img{ vertical-align:bottom; position:relative; top:0; left:0; z-index:0;}
#school_catch div{ width:100%; margin-top:0; margin-left:0;}


/*コンテンツ領域のサイドの余白の設定*/
.span_8,
.span_4{
padding-left:10px;
padding-right:10px;
}

/*サイトロゴサイズ*/
#siteID h1 {
	font-size: 3em;
}


/*詳細ボタンのサイズ設定*/
p.more{
margin:20px 20px 0;
}

p.more a{
	padding:10px 0;
	font-size:1.3em;
}


/*サロン*/

.price001 img{ max-width:100%;}
.price001  caption img{ width:90%; padding:0 5% 0 5%;}
.price_box table{ width:100%;}
#nail_introduction .slider{ position:static;}
#head_ad{ width:90%; margin:0 auto 15px auto; height:250px;}
#zakka_str{ padding-left:15px;}
#zakka_ad {width:90%; margin:0 auto 15px auto; height:150px;}

/*スクール*/

#greeting{ padding-top:0;}
#greeting h2{ margin-bottom:20px;
color:rgb(93,63,44);
line-height:120%;
font-size:22px;
font-family:"MS PMincho", "Hiragino Mincho Pro",serif;
}

.course_box h4{
	padding:0 0 5px 0 !important;
	font-family:"MS PMincho", "Hiragino Mincho Pro",serif;
	color:rgb(226,123,107) !important;
line-height:120%;
font-size:24px !important;
}


/*フッタ*/

#foot_info{ background:url(../images/foot_flower.jpg) no-repeat 50% 0; height:289px; border-top:1px solid #EFEEE7; border-bottom:1px solid #EFEEE7; text-align:center; margin-top:30px;}
#foot_info dl{ width:90%; margin:0 auto; margin-top:25px;}
#foot_info dt{ text-align:center; font-size:13px; color:#5D3F2C;}
#foot_info dt address{ font-size:10px; color:#535353; text-align:center; margin-bottom:20px;}
#foot_info dd{ text-align:center;}
#foot_info dd.note{ text-align:right; font-size:10px; color:#777;}

#foot_menu{ background:url(../images/foot_bg.jpg)  repeat;}
#foot_inner{ width:100%; margin:0 auto; padding:15px 0;}
#foot_menu ul{ float:left; width:100%; margin-bottom:10px;}
#foot_menu li{ float:left; background:url(../images/foot_dot.gif) no-repeat 0 5px; padding:0 0 0 8px; font-size:13px; color:#858592; margin-left:10px;}
#foot_menu li a{ color:#858592;}
#copyright{ font-size:8px; color:#5A402E; float:none; text-align:center;}

.sp_img{ display:block;}



}