/*========================================*/
/*==========各ページ共通スタイル==========*/
/*========================================*/
/*-----黒ボーダー背景-----*/
#contents,#main_img,#business{
   
    background-repeat: repeat;
    color: #000;
}
/*-----黄色背景-----*/
#salon,#blog,#sns{

	background-repeat:repeat;
}
/*-----見出し枠背景-----*/
.wp_960 section h2{
	text-align:center;
	font-size:1.8em;
	padding:70px 0 10px; 
	height:55px;
	background-repeat:no-repeat;
	background-position:center;
	margin:0 0 10.5%;
}
/*-----見出し枠背景白-----*/
#contents h2, #business h2{
    background-image: url(../image/frame_b.png);
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
/*-----見出し枠背景黒-----*/
#salon h2,#staff h2,#blog h2,#sns h2{
    background-image: url(../image/frame_b.png);
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
/*-----見出し装飾なし-----*/
section h4{
	font-size:1.2em;
	margin:20px 0;
	font-weight:bold;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a img:hover{
	opacity:0.8;
}
frame{
	width:100%;
}
.link_position{
	clear:both;
	display:block;
	height:132px;
}
/*========================================*/
/*========================================*/
/*========================================*/
html{
	height: 100%; 
}
body{
    background-color: #FFEDB3;
    /*font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E",serif;*/
    font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
    font-size: 21px;
    line-height: 30px;
    vertical-align: middle;
    background-image: url(../image/bk_2.gif);
    height: 100%;
}
header{
	background-image:url(../image/bk_head.gif);
	background-repeat:repeat-x;
	width:100%;
	text-align:center;
	height:30px;
}
header p{
	font-size:0.7em;
}
header p br{
	display:none;
}
/*========================================*/
/*=============各ページ外枠===============*/
/*========================================*/
.wp_960{
	width:100%;
	max-width:960px;
	margin:0 auto;
}
.wp_960 section{
	padding:100px 70px 0px;
}
/*========================================*/
/*=============メニュー部=================*/
/*========================================*/
.fixed {
	position: fixed;
	top: 0;
	left:0;
	width: 100%;
	z-index: 10000;
}
.menu_heigth{
    background-image: url(../image/bk_2.gif);
    border-image-repeat: repeat;
    height: 100%;
    width: 100%;
    padding-top: 7%;
}
#main_img{
    max-width: 960px;
    width: 100%;
    max-height: 576px;
    height: 100%;
    margin-top: -20px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    background-image: url(../image/main_img.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    padding-top: 60%;
}
nav{
	position:absolute;
	top:0;
	height:0;
	padding-bottom:132px;
	width:100%;
	z-index:999;
}
nav ul{
	width:100%;
	max-width:960px;
	margin:0 auto;
	height:0px;
}
nav ul li{
	float:left;
	text-align:center;
	width:17%;
	margin-top:50px;
}
nav ul li a{
	font-size:100%;
	color:#fff;
	font-weight:bold;
	display:block;
}
.salon_nav{
	margin-top:50px;
	text-align:center;
	width:17%;
}
.salon_nav a{
	font-size:70%;
	line-height:25px;
}
nav ul #logo{
	margin-top:10px;
	line-height:0px;
	width:32%;
}
/*========================================*/
/*============メインビジュアル============*/
/*========================================*/
#contents{
    background-image: url(../image/bk_2.gif);
    background-repeat: repeat;
}
/*========================================*/
/*===========コンテンツページ=============*/
/*========================================*/
.wp_960 #contents{
	padding-top:20px !important;
}
#contents p{
    text-align: center;
    font-size: 1.2em;
    line-height: 1.6em;
    margin-bottom: 110px;
}
#contents #ichigo{
	text-align:center;
	font-size:2em;
	margin-bottom:30px;
}
#contents div{
	background-repeat:no-repeat;
	text-align:center;
	overflow:hidden;
}
#contents div a{
	display:block;
	border:solid 5px #686859;
	height:205px;
	margin-bottom:10px;
	position:relative;
}
#contents div a:hover{
	text-decoration:none;
	border-color:#000;
}
#contents div div{
	color:#fff;
	text-align:center;
	font-weight:bold;
	background-color:#BA4C5C;
	padding:10px;
	font-size:0.8em;
	width:70%;
	margin:70px auto;
}
#contents div div:hover{
	opacity:0.9;
	background-color:#000;
}
#contents div p{
	font-size:0.7em;
	font-weight:bold;
	line-height:1.1em;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	margin-bottom:0px;
}

#contents #contents_salon{
	background-image:url(../image/content_salon.jpg);
}
#contents #contents_business{
    background-image: url(../image/content_business2.jpg);
}
#contents #contents_staff{
    background-image: url(../image/content_staff2.jpg);
}
/*========================================*/
/*=============サロンページ===============*/
/*========================================*/
#salon h2{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size:1.2em !important;
	line-height:1.3em;
	padding-left:20px;
}
#salon .title{
	color:#46210C;
}
#salon img{
	width:95%;
	margin:2.5%;
}
#salon .content2_2 #menu{
	margin:70px 0 10px;
	font-size:1.8em;
}
#salon .content2_2 #salon_menu_title{
	color:#fff;
	padding:5px 10px;
	font-size:20px;
	line-height:30px;
}
#salon .content2_2 #salon_menu_title span{
	float:right;
	font-size:0.7em;	
}
#salon .content2_2 ul{
	font-family:'Lucida Grande', Meiryo, sans-serif;	
	font-size:1.2em;
	line-height:1.6em;
	padding-left:10px;
	font-weight:bold;
}
#salon .content2_2 ul #omakase{
	color:#B20000;
	margin:15px 0 30px;
}
/*-----お問い合わせ-----*/
#salon #contact_box{
	overflow: hidden;  
	height: auto;  
	clear:both;
}
#contact_box #salon_contact{
	width:45%;
	background-color:#fff;
	margin-left:20px;
	padding:0 1%;
	height:350px;
}
#contact_box #salon_contact p{
	line-height:1.4em;
}
#contact_box #salon_contact .title_red{
	color:#fff;
	padding:3px;
	background-color:#B20000;
	display:inline-block;
	font-size:0.8em;
	margin-top:10px;
}
#contact_box #salon_contact #salon_name{
	margin:10px 0 15px;
}
#contact_box #salon_contact #salon_num{
	line-height:1.3em;
}
#contact_box #salon_contact #salon_num a{
	color:#000;
	text-decoration:underline;
}
/*========================================*/
/*=============事業内容ページ=============*/
/*========================================*/
#business h3{
    border-left: 10px solid #8B4A4B;
    font-size: 1.4em;
    line-height: 2.3em;
    padding-left: 10px;
    clear: both;	
}
#business h4{
	color:#BE4A59;
}
#business .business_text,#business img{
	float:left;
}
/*========================================*/
/*===========スタッフ募集ページ===========*/
/*========================================*/
#staff{
}
#staff h4{
	color:#9F3F4C;
}
.staff_bk_title{
	clear:both;
	margin-top:50px;
	font-size:1.4em;
	padding:15px 20px ;
	color:#fff;
	background-image:url(../image/bk_title.png);
	background-repeat:repeat-x;
}
/*=====テーブル共通スタイル=====*/
#staff table{
	width:100%;
	font-size:0.8em;
}
#staff table th,#staff table td{
	vertical-align:middle;
	border-bottom:solid 1px;
	padding:10px;
}
#staff table th{
	text-align:center;
	width:25%;
}
#staff table td{
	background-color:#fff;
	border-color:#7F7F7F;
}
/*-----募集要項-----*/
#staff #recruitment th{
	color:#fff;
	background-color:#BC4B5B;
	border-color:#F0F0E1;
}
#staff #recruitment{
    margin-bottom: 100px;
}

#staff iframe{
	width:100%;
	height:880px;
}

#sns {
	text-align: center
}
#sns iframe{
	margin-top: 50px;
}
/*========================================*/
/*================ブログ==================*/
/*========================================*/
#blog ul li{
	font-size:0.8em;
	border-bottom:dotted 1px #79796A;
	margin:10px 0;
	padding:10px 0;
}
#blog ul li a{
	color:#000;
}
#blog .center p{
	margin:30px 0 10px;
	text-align:center;
}
/*========================================*/
/*================フッター================*/
/*========================================*/
footer{
	background-color:#000;
	width:100%;
	color:#fff;
}
footer div{
	width:90%;
	max-width:940px;
	padding:80px 5px;
	margin:0 auto;
}
footer section #title{
	font-size:1.3em;
	margin-bottom:30px;
}
footer #contact_bt{
	width:80%;
	height:101px;
	background-color:#F00;
	padding:10px 20px;
	margin:20px 0;
}
footer #contact_bt p{
	font-size:2.3em;
	padding-top:30px;
}
footer #contact_bt p a{
		color:#fff;
	text-decoration:underline;
}
/**************************************************/
/****************スマホ用表示**********************/
/**************************************************/
@media screen and (max-width: 600px){
body{
    font-size: 16px;
    font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
header p{
	font-size:0.5em;
	line-height:1em;	
}
/*----------------------------*/	
/*--------共通部分--------*/	
/*----------------------------*/	
.wp_960,nav ul,footer div,
.content2_1,.content2_2,.content3_1,.content3_2,.content3_3,iframe,
#blog .center img{
	width:100%;
}
header,nav,footer{
	min-width:100%	
}
.wp_960 section{
	padding:15% 5% 0;
}
.content2_1,.content2_2,.content3_1,.content3_2,.content3_3{
	margin:0 0 20px 0;
}
#contact_box iframe, #contact_box #salon_contact{
	float:none;
}
.margin_150{
	margin-bottom:50px;
}
#contact_box #salon_contact,#staff table th,#staff table td,.forminp,footer div{
	width:90%;
	padding:5px 5%;
}
header p{
	padding-top:5px;
}
header p br{
	display:block;
}
.link_position{
	clear:both;
	display:block;
	height:50px;
}

/*----------------------------------------*/
/*----------------メニュー----------------*/
/*----------------------------------------*/
nav{
	padding-bottom:50px;
}
nav ul li{
	margin-top:15px;
}
nav ul li a{
	font-size:60%;
	padding:10%;
	line-height:140%;
}
.salon_nav{
	font-size:70%;
	margin-top:5px;
}
.salon_nav a{
	line-height:140%;
}
/*----------------------------------------*/
/*----------------コンテンツ--------------*/
/*----------------------------------------*/
#contents #contents_salon,#contents #contents_business,#contents #contents_staff{
	width:251px;
	margin:30px auto;
	float:none;
}
.wp_960 #contents{
	padding:0 5% ;
}
.wp_960 #contents div p{
	font-size:1em;
}
#contents #ichigo{
	font-size:2em;
	margin-bottom:30px;
}
/*----------------------------------------*/
/*---------------サロン-------------------*/
/*----------------------------------------*/
#salon h2{
	line-height:1.3em;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
#salon img{
	width:45%;
	float:left;
	margin:2.5%;
}
#contact_box #salon_contact{
	height:auto;
	margin:0;
}
#contact_box #salon_contact .salin_num{
	word-wrap: break-word;
}
#contact_box #salon_contact .salin_num a{
	color:#000;
}
/*----------------------------------------*/
/*-------------スタッフ募集---------------*/
/*----------------------------------------*/
/*=====テーブル共通スタイル=====*/
#staff table{
	width:100%;
	font-size:0.8em;
}
#staff table th,#staff table td{
	float:left;
}
/*-----募集要項-----*/
#staff #recruitment{
	margin-bottom:80px;
}
/*-----エントリーフォーム-----*/
#sub_btn{
	width:50%;
	height:70px;
	font-size:1em;
}
#mailform div{
	margin-top:30px;
}
#staff iframe{
	width:100%;
	height:930px !important;
}
/*----------------------------------------*/
/*-----------------ブログ-----------------*/
/*----------------------------------------*/
#blog .content2_2 {
	text-align:center;
}
/*----------------------------------------*/
/*----------------フッター----------------*/
/*----------------------------------------*/
footer{
	padding-top:50px;
}
footer #contact_bt{
	height:auto;
	text-align:center;
	margin:20px auto;
}
footer #contact_bt p{
	word-wrap: break-word;
	line-height:1em;
	padding-top:10px
}
footer #contact_bt p a{
	color:#fff;
}
footer #contact_bt img{
	width:20px;
}
footer #title{
	font-weight:bold;
}
.forminp{
	width:90% !important;
}