@charset "UTF-8";


/*共通設定*/	
.viewpc{
	display: block;	
	}

.viewmb{
	display: none;	
	}
	

body {
	margin:0 auto;
	text-align: center;
	overflow: visible;
	padding:0;
	-webkit-text-size-adjust: none;
	color: #313300;
	font-size: 14px;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	;
	;
	font-weight: normal;
	/* [disabled]font-style: normal; */
	line-height: 2;
	word-spacing: 1px;
	letter-spacing: 1px;
	border-top-width: 0%;
}


#page_base {
	   width:100%;
       margin:0 auto;
       min-width:1100px;
}


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


a :hover{
	opacity: 0.55;
}



#navi {
	width: 100%;
	height: 95px;
	border-top: 20px solid #e3a391;
	background-color: rgba(255,255,255,0.50);
}


#navi #inner {
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	padding-top: 15px;
	padding-left: 14px;
}


#navi #inner #logo {
	padding-left: 80px;
	width: 200px;
	box-sizing: border-box;
	float: left;
}


#navi #inner nav {
	width: 680px;
	float: right;
	box-sizing: border-box;
}


#inner nav ul {
	padding-top:10px; 
}

#inner nav ul li {
	list-style-type: none;
	float: left;
	margin-left: 0px;
	margin-right: 28px;
	font-size: 13px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	;
	;
	text-align: left;
	text-decoration: none;
}


#inner nav ul li:nth-last-child(2) {
	list-style-type: none;
	float: left;
	margin-left: 0px;
	margin-right: 10px;
	font-size: 13px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	;
	;
	text-align: left;
	text-decoration: none;
}


ul li a {
	text-decoration: none;
	color: #666842;
}

ul li a :hover {
	opacity: 0.55;
}


#top {
	width: 100%;
	position: relative;
	margin: 0 auto;
	text-align: center;
}


#top .absolutely div {
   position:absolute;
   top:30%;
   right:0px;
   bottom:0px;
   left:0px;
   margin:auto auto;
}



#top .absolutely .text {
	text-align: center;
	margin: 0 auto;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 3px;
	background-color: rgba(227,163,145,0.68);
	width: 500px;
	color: rgba(255,255,255,1.00);
}


@media (max-width:640px){
#top .absolutely .text {
	display: none;
 }
}


#top .absolutely .place {
	text-align: center;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 5px;
	margin-top: 40px;
	color: rgba(255,255,255,1);
}


@media (max-width:640px){
#top .absolutely .place {
	display: none;
 }
}


#top .absolutely .mainimg {
	width: 100%;
	height: 100%;
}



/*コンセプト ベース*/
#concept {
	text-align: center;
	width: 950px;
	margin-top: 90px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}



@media (max-width:640px){
#concept {
	width: 90%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
 }
}


@media (max-width:460px){
#concept br {
	display: none;
 }
}

/*コンセプト スノウ*/
#concept section .deco_snow01 {
	position: absolute;
	left: 115px;
	top: 17px;
	z-index: -1;
}

@media (max-width:640px){
#concept section .deco_snow01 {
	width: 100px;
	left: 5%;
	top: 1%;
	z-index: -1;
 }
}

#concept section .deco_snow02 {
	position: absolute;
	right: 39px;
	bottom: 89px;
	z-index: -1;
}

@media (max-width:640px){
#concept section .deco_snow02 {
	width: 60px;
	right: 5%;
	bottom: 50px;
	z-index: -1;
 }
}

/*コンセプト タイトル*/
section header h1 {
	width: 119px;
	height: 43px;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 60px;
	padding-bottom: 30px;
}


/*コンセプト 見出し*/
#concept section  h2.concept {
	font-size: 18px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	;
	;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: 2px;
	vertical-align: baseline;
	line-height: 40px;
}


@media (max-width:640px){
#concept section  h2.concept {
	font-size: 16px;
 }
}

/*コンセプト 文章*/
#concept section p.concept {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	color: #6F714D;
}

@media (max-width:640px){
#concept section p.concept br {
	display: none;
 }
}

@media (max-width:640px){
#concept section p.concept {
	width: 90%;
 }
}

/*こだわりエリア*/

#kodawari {
	text-align: center;
	width: 100%;
	padding-top: 50px;
	margin-left: auto;
	margin-right: auto;
}



#page_base #kodawari .contentarea {
	text-align: center;
	width: 100%;
}


#kodawari .contentarea .title {
	text-align: center;
	margin: 0px auto;
	font-size: 14px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	;
	;
	padding-top: 30px;
	padding-bottom: 0px;
	letter-spacing: 4px;
}


@media (max-width:640px){
#kodawari .contentarea .title {
	padding-top: 20px;
}
}



#kodawari .contentarea p {
	text-align: center;
	margin: 0px auto;
	font-size: 14px;
	color: #6f714d;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	;
	;
	padding-top: 20px;
	padding-bottom: 0px;
}



/*こだわり左*/
#kodawari .contentarea .content_left {
	text-align: center;
	width: 1100px;
	height: 700px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}


.contentarea .content_left .left_img {
	float: left;
}


.contentarea .content_left .right_textarea {
	width: 530px;
	background-color: rgba(243,234,227,0.95);
	position: absolute;
	top: 10px;
	right: 0px;
}


.content_left .right_textarea .right_text {
	padding: 5px;
}


/*こだわり左 モバイル表示*/

@media (max-width:640px){
#kodawari .contentarea .content_left {
	width: 100%;
	height: auto;
	position: static;


}
}

@media (max-width:640px){
.contentarea .content_left .left_img {
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}
}

@media (max-width:640px){
.contentarea .content_left .titleimg {
	width: 70%;
	margin-top: 40px;

	}
}

@media (max-width:640px){
.contentarea .content_left h2 {
	font-size: 18px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
}


@media (max-width:640px){
.contentarea .content_left .right_textarea {
	width: 100%;
	text-align: center;
	background-color: rgba(243,234,227,0.95);
	position: static;
	padding-bottom: 50px;

	}
}



@media (max-width:460px){
.contentarea .content_left .right_textarea  br {
	display: none;
}
}


@media (max-width:640px){
.content_left .right_textarea .right_text {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
}


/*こだわり右*/

#kodawari .contentarea .content_right {
	text-align: center;
	width: 1100px;
	height: 700px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.contentarea .content_right .right_img {
	position: absolute;
	top: 30px;
	right: 0px;
	z-index: -1;

}

.contentarea .content_right .left_textarea {
	width: 530px;
	background-color: rgba(243,234,227,0.95);
	float: left;


}

.content_left .left_textarea .left_text {
	padding: 5px;
}



/*こだわり右 モバイル表示*/

@media (max-width:640px){
#kodawari .contentarea .content_right {
	width: 100%;
	height: auto;
	position: static;
}
}

@media (max-width:640px){
.contentarea .content_right .right_img {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	position: static;
}
}

@media (max-width:640px){
.contentarea .content_right .titleimg {
	width: 50%;
	margin-top: 40px;
}
}

@media (max-width:640px){
.contentarea .content_right h2 {
	font-size: 18px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
}


@media (max-width:640px){
.contentarea .content_right .left_textarea {
	width: 100%;
	margin: 0px;
	text-align: center;
	background-color: rgba(243,234,227,0.95);
	position: static;
	padding-bottom: 50px;
}
}


@media (max-width:460px){
.contentarea .content_right .left_textarea  br {
	display: none;
}
}


@media (max-width:640px){
.content_right .left_textarea .left_text {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
}



/*こだわりセンター*/

#kodawari .contentarea .content_center {
	text-align: center;
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
}

.contentarea .content_center .center_img {
	text-align: center;
	margin-left: auto;
	margin-right: auto;

}

.contentarea .content_center .center_textarea {
	width: 900px;
	background-color: rgba(243,234,227,0.95);
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
}
	

.content_center .center_textarea .center_text {
	padding: 5px;
}



@media (max-width:640px){
#kodawari .contentarea .content_center {
	width: 100%;
	height: auto;
	position: static;
}
}

@media (max-width:640px){
.contentarea .content_center .center_img {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
}

@media (max-width:640px){
.contentarea .content_center .titleimg {
	width: 90%;
	margin-top: 40px;
}
}

@media (max-width:640px){
.contentarea .content_center h2 {
	font-size: 18px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
}


@media (max-width:640px){
.contentarea .content_center .center_textarea {
	width: 100%;
	margin: 0px;
	text-align: center;
	background-color: rgba(243,234,227,0.95);
	padding-bottom: 50px;
}
}



@media (max-width:460px){
.contentarea .content_center .center_textarea br {
	display: none;
}
}


@media (max-width:640px){
.content_center .center_textarea .center_text {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
}



/*サロンイメージ_ティー*/
#page_base #imgarea_tea {
	width: 100%;
	height: 400px;
	overflow: hidden;
}


@media (max-width:640px){
#page_base #imgarea_tea {
	width: 130%;
	height: auto;
}
}

#page_base #imgarea_tea img {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0px auto;
	overflow: hidden;
}



/*メニュー・プロフ ベース*/
#menu_prof {
	text-align: center;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}


/*メニュー・プロフ エリア*/
#menu_prof .contentarea {
	width: 950px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	overflow: hidden;
 }


@media (max-width:640px){
#menu_prof .contentarea {
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	overflow: hidden;
 }
}

/*メニュー ベース*/
#menu_prof .contentarea .content_menu {
	width: 450px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 70px;
	background-color: #f8e3da;
	float: left;
}

@media (max-width:640px){
#menu_prof .contentarea .content_menu {
	width: 90%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 70px;
	background-color: #f8e3da;
	float: none;
}	
}

@media (max-width:640px){
header h2 .title_mb{
	height: 50px;	
}	
}

/*メニュー 写真*/

#menu_prof .contentarea .content_menu img {
	width: 100%;
	margin-top: 65px;
}


/*メニュー 見出し*/
#menu_prof .contentarea .content_menu h2 {
	display: inline;
}



/*メニュー 見出し*/
#menu_prof .contentarea .content_menu h3 {
	font-size: 18px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	;
	;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
	letter-spacing: 2px;
	vertical-align: baseline;
	line-height: 38px;
}


@media (max-width:460px){
#menu_prof .contentarea .content_menu h3 {
	font-size: 16px;
	line-height: 34px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}	
}

/*メニュー 文章*/
#menu_prof .contentarea .content_menu p {
	text-align: left;
	padding-bottom: 30px;
	width: 350px;
	color: #6F714D;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
}


@media (max-width:460px){
#menu_prof .contentarea .content_menu p {
	font-size: 14px;
	line-height: 28px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}	
}

/*柄バックグラウンド*/
#bgarea {
	width: 100%;
	background-image: url(../images/common/bg_stripe.jpg);
	background-repeat: repeat;
	background-size: 70px;
}



/*プロフィール ベース*/
#menu_prof .contentarea .content_prof {
	width: 450px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 70px;
	background-color: #EBE3DA;
	float: right;
}


@media (max-width:640px){
#menu_prof .contentarea .content_prof  {
	width: 90%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 70px;
	background-color: #EBE3DA;
	float: none;
}	
}

/*プロフィール 写真*/

#menu_prof .contentarea .content_prof img {
	width: 100%;
	margin-top: 65px;
}


/*プロフィール 見出し*/
#menu_prof .contentarea .content_prof h2 {
	display: inline;
}


/*プロフィール 見出し*/
#menu_prof .contentarea .content_prof h3 {
	font-size: 18px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	;
	;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
	letter-spacing: 2px;
	vertical-align: baseline;
	line-height: 38px;
}



@media (max-width:460px){
#menu_prof .contentarea .content_prof h3 {
	font-size: 16px;
	line-height: 34px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}	
}


/*プロフィール 文章*/
#menu_prof .contentarea .content_prof p {
	text-align: left;
	padding-bottom: 30px;
	width: 350px;
	color: #6F714D;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
}


@media (max-width:460px){
#menu_prof .contentarea .content_prof p {
	font-size: 14px;
	line-height: 28px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}	
}

/*初めての方 ベース*/
#first {
	text-align: center;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	clear: both;
	padding-top: 100px;
	padding-bottom: 100px;
	margin-top: 0px;
	margin-bottom: 0px;
	display: block;

}

@media (max-width:640px){
#first {
	padding-top: 60px;
	padding-bottom: 60px;
}
}

/*初めての方 タイトル*/


/*初めての方　コンテンツベース*/
#first section .content {
	text-align: center;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	background-color: rgba(225,164,176,0.93);
	outline: solid 1px #EA98A8;
	outline-offset: 10px;
	overflow: hidden;
	clear: both;
	margin-bottom: 30px;
	margin-top: 30px;
	position: relative;
	}

@media (max-width:640px){
#first section .content {
	width: 90%;
	margin-bottom: 30px;
	margin-top: 30px;
	}
}


/*初めての方 飾り線*/
#first .decoarea_blue {
	width: 420px;
	height: 100px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border-right-style: solid;
	border-right: 5px solid rgba(212,227,228,1.00);
	border-left-style: solid;
	border-left: 5px solid rgba(212,227,228,1.00);
}

@media (max-width:640px){
#first .decoarea_blue {
	width: 90%;
}
}


/*初めての方 見出し*/
#first section .content h1 {
	font-size: 18px;
	text-align: center;
	padding-top: 60px;
	color: #FFF8D6;
	letter-spacing: 2px;
	vertical-align: baseline;/*初めての方 30%OFF*/
}


#first section #cource {
	font-size: 24px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	text-align: center;
	letter-spacing: 7px;
	color: #FFFFFF;
	height: 30px;
}

#first section #off {
	font-size: 33px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	;
	text-align: center;
	letter-spacing: 7px;
	color: #FFF8D6;
	height: 30px;
	margin-top: 10px;
}

@media (max-width:640px){
#first section #off {
	font-size: 28px;
	letter-spacing: 5px;
}
}

#first section .content p {
	padding-top: 40px;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	color: #ffffff;
}





/*リザベーション　ベース*/
#reservation {
	text-align: center;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}


@media (max-width:640px){
#reservation {
	width: 100%;
}
}

@media (max-width:480px){
#reservation {
	width: 100%;
}
}



/*リザベーション　背景*/
#reservation .bgarea {
	text-align: center;
	background-color: #e6dcd7;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}


@media (max-width:640px){
#reservation .bgarea {
	width: 100%;
}
}

@media (max-width:480px){
#reservation .bgarea {
	width: 100%;
}
}


/*リザベーション タイトル*/
#reservation section header h1 {
	width: 174px;
	height: 32px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0px;
	padding-top: 20px;
}


/*リザベーション 見出し*/
#reservation section h2 {
	font-size: 20px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	;
	;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	letter-spacing: 4px;
	vertical-align: baseline;
	line-height: 30px;
}


/*リザベーション バナーエリア*/

section .bannerarea {
	width: 900px;
	margin: 0 auto;
	text-align: center;
}

@media (max-width:640px){
section .bannerarea {
	width: 100%;
}
}



section .fronttext {
	text-align: center;
	font-size: 16px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	;
	;
	letter-spacing: 4px;
}


/*リザベーション でんわバナー*/
#reservation .bannerarea .bannerarea_phone {
	width: 460px;
	height: 60px;
	margin: 0 auto 40px;
	text-align: center;
	font-size: 24px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	;
	;
	letter-spacing: 4px;
	vertical-align: baseline;
	background-color: #ebc3c2;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(143,143,143,0.37);
	box-shadow: 0px 0px 3px 1px rgba(143,143,143,0.37);
	list-style-type: none;
	padding-top: 16px;
	border-radius: 20px;
	border: 3px solid rgba(255,255,255,1.00);
	position: relative;
}

@media (max-width:640px){
#reservation .bannerarea .bannerarea_phone  {
	width: 80%;
	height: 57px;
	font-size: 22px;
}
}

@media (max-width:460px){
#reservation .bannerarea .bannerarea_phone  {
	width: 90%;
	height: 57px;
	font-size: 18px;
	letter-spacing: 3px;
}
}


/*リザベーション ふぉーむバナー
#reservation .bannerarea .bannerarea_form {
	width: 460px;
	height: 60px;
	margin: 0 auto;
	text-align: center;
	font-size: 22px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	;
	;
	letter-spacing: 4px;
	vertical-align: baseline;
	background-color: #e0e3e4;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(143,143,143,0.37);
	box-shadow: 0px 0px 3px 1px rgba(143,143,143,0.37);
	list-style-type: none;
	padding-top: 16px;
	border-radius: 20px;
	border: 3px solid rgba(255,255,255,1.00);
	position: relative;
}

@media (max-width:640px){
#reservation .bannerarea .bannerarea_form {
	width: 80%;
	height: 57px;
	font-size: 22px;
}
}

@media (max-width:460px){
#reservation .bannerarea .bannerarea_form {
	width: 90%;
	height: 57px;
	font-size: 17px;
}
}

*/

/*リザベーション バナーテキスト

#reservation .innerarea {
	margin-left: auto;
	margin-right: auto;
}

@media (max-width:640px){
#reservation .innerarea  { 
	width: 95%;
}
}
*/



/*リザベーションフォーム*/

#formarea {
	width: 700px;
	margin: 50px auto;
	padding: 50px 100px;
	background-color: #e0e3e4;
	overflow: hidden;
}

@media (max-width:640px){
#formarea {
	width: 90%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding: 40px 20px 10px;
	
}
}

@media (max-width:480px){
#formarea {
	width: 85%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding: 40px 20px 10px;
	
}
}



#formarea form {
	width: 600px;
	text-align: left;
	margin: 0px auto;
	padding-top: 60px;
}


@media (max-width:640px){
#formarea form {
	width: 95%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
}

@media (max-width:460px){
#formarea form {
	width: 95%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
	padding-bottom: 0px;
	
}
}


label {
	height: 25px;
	font-size: 15px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	;
	;
	text-align: left;
	letter-spacing: 3px;
	display: inline-block;
	margin-bottom: 40px;
	border-left: 4px solid rgba(255,255,255,1.00);
	padding-left: 20px;
	
}


@media (max-width:640px){
label {
	height: 25px;
	font-size: 17px;
	display: block;
	margin-top: 25px;
	margin-bottom: 10px;

}
}


@media (max-width:460px){
label {
	display: block;
	
}
}

input, select {
	width: 300px;
	font-size: 15px;
	height: 25px;
	float: right;
	border-radius: 6px;
	outline: none;
	border: none;
}

@media (max-width:640px){
input, select {
	width: 90%;
	font-size: 15px;
	height: 40px;
	float: none;
	margin-top: 10px;
	
}
}


@media (max-width:460px){
input, select {
	width: 100%;
	font-size: 15px;
	height: 40px;
	float: none;
	
}
}

textarea{
	width: 300px;
	font-size: 13px;
	text-align: left;
	float: right;
	border-radius: 6px;
	outline: none;
	border: none;
}


@media (max-width:640px){
textarea {
	width: 90%;
	font-size: 15px;
	height: 40px;
	float: none;
	
}
}


@media (max-width:460px){
textarea {
	width: 100%;
	font-size: 15px;
	height: 40px;
	float: none;	
}
}


#submit_button {
	width: 300px;
	text-align: center;
	margin: 70px auto;
}



@media (max-width:640px){
#submit_button {
	margin: 50px auto;
}
}


@media (max-width:460px){
#submit_button {
	margin: 40px auto;
}
}


#submit {
	width: 250px;
	height: 60px;
	text-align: center;
	font-size: 20px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	;
	;
	letter-spacing: 4px;
	background-color: #ebc3c2;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(143,143,143,0.37);
	box-shadow: 0px 0px 3px 1px rgba(143,143,143,0.37);
	list-style-type: none;
	padding-top: 5px;
	border-radius: 20px;
	border: 3px solid rgba(255,255,255,1.00);
	margin: 0px auto;
	display: block;
}



#formarea h3 {
	font-size: 20px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	;
	;
	text-align: center;
	letter-spacing: 4px;
	display: inline;
}



/*リザベーションフォーム 予約するバナー*/

#form .bannerarea {
	width: 445px;
	height: 60px;
	text-align: center;
	font-size: 24px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	;
	;
	letter-spacing: 4px;
	vertical-align: baseline;
	background-color: #ebc3c2;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(143,143,143,0.37);
	box-shadow: 0px 0px 3px 1px rgba(143,143,143,0.37);
	list-style-type: none;
	padding-top: 16px;
	border-radius: 20px;
	border: 3px solid rgba(255,255,255,1.00);
}


#reservation section .more_reserv {
	width: 400px;
	height: 40px;
	text-align: center;
	font-size: 16px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	;
	;
	text-align: center;
	letter-spacing: 3px;
	vertical-align: baseline;
	background-color: #e6dcd7;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(143,143,143,0.37);
	box-shadow: 0px 0px 3px 1px rgba(143,143,143,0.37);
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom: 70px;
}	


#reservation .more_reserv a {
	text-decoration: none;
	/* [disabled]text-indent: -5px; */
	color: #6f714d;
	padding-bottom: 3px;
	width: auto;
}


/*サロンインフォ・アクセス ベース*/

#infoaccess {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

@media (max-width:640px){
#infoaccess {
	width: 100%;
}
}

/*サロンインフォ ベース*/

#saloninfo {
	width: 400px;
	margin-top: 60px;
	padding-right: 25px;
	padding-left: 25px;
	float: left;
	text-align: left;
}

@media (max-width:640px){
#saloninfo {
	width: 100%;
	padding-right: 0px;
	padding-left: 25px;
}
}

@media (max-width:640px){
#saloninfo section header {
	width: 100%;
}
}

#saloninfo section header h1 {
	font-size: 24px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	;
	;
	text-align: left;
	letter-spacing: 4px;
	display:inline;
}

@media (max-width:640px){
#saloninfo section header h1 {
	width: 100%;
	font-size: 20px;
}
}

@media (max-width:640px){
#saloninfo .info {
	width: 90%;
	font-size: 14px;
}
}

#saloninfo section div .attention {
	font-size: 13px;
	margin-top: 30px;
}

@media (max-width:640px){
#saloninfo section div .attention {
	width: 90%;
	font-size: 13px;
}
}

@media (max-width:460px){
#saloninfo section div .attention {
	width: 90%;
	font-size: 12px;
}
}


/*アクセス ベース*/
#access {
	width: 400px;
	margin-top: 45px;
	padding-right: 25px;
	padding-left: 25px;
	float: left;
	text-align: left;
}

@media (max-width:640px){
#access {
	width: 100%;
	margin-top: 20px;
	float: none;
	margin-right: auto;
	margin-left: auto;
}
}


#access section header h1 {
	display:inline;
}


#access div dl dd {
	margin-top: 10px;
}

@media (max-width:640px){
#access dl .train {
	width: 100%;	
}
}


/*アクセス 電車の方*/
#access dl .train {
	font-size: 15px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	;
	;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	letter-spacing: 4px;
	border: 4px solid #D4E3E4;
	width: 350px;
	display: block;
	box-sizing: border-box;

}


@media (max-width:640px){
#access dl .train {
	width: 90%;
	padding-left: 20px;	
}
}


/*アクセス バスの方*/
#access dl .buss {
	font-size: 15px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	;
	;
	margin-top: 30px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	letter-spacing: 4px;
	border: 4px solid #f8e0de;
	text-align: left;
	width: 350px;
	display: block;
	box-sizing: border-box;
} 


@media (max-width:640px){
#access dl .buss {
	width: 90%;
	padding-left: 20px;
}
}

#access div dl dd {
	margin-top: 10px;
	margin-left: 20px;
}

@media (max-width:640px){
#access div dl dd {
	width: 85%;
	margin-left: 0px;
}
}


/*アクセスはこちら バナー*/


/*グーグルマップ*/

#gm {
	margin: 0 auto;
	width:100%;
	height:1px;
	clear:both;
	overflow:hidden;
	display: block;
	}​ 

/*グーグルマップでみる　ボタン*/
#gmlook {
	margin-top: 30px;
}


#gmlook a {
	width: 180px;
	height: 30px;
	text-align: center;
	font-size: 14px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	;
	;
	text-decoration: none;
	color: #6F714D;
	display: block;
	border: 1px solid #6F714D;
	border-radius: 20px;
	padding-top: 3px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 70px;
	margin-bottom: 80px;
}

@media (max-width:640px){
#gmlook a {
	width: 180px;
	height: 37px;
	border-radius: 30px;
	padding-top: 10px;
	margin-top: 30px;
	margin-bottom: 60px;
	background-color: #F3EAE3;
}
}


/*SNS ベース*/
#sns {
	text-align: center;
	width: 650px;
	margin-top: 80px;
	margin-left: auto;
	margin-right: auto;
}


@media (max-width:640px){
#sns {
	width: 100%;
}
}

/*SNS タイトル*/
#sns section header h1 {
	width: 386px;
	height: 168px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 57px;
	padding-top: 0px;
}

@media (max-width:460px){
#sns section header h1 {
	width: 320px;
	padding-bottom: 20px;
}
}
/*SNS バナー*/

#sns section .contentarea_fb {
	width: 300px;
	height: 70px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	float: left;
}

@media (max-width:640px){
#sns section .contentarea_fb  {
	float: none;
	text-align: center;
}
}

#sns section .contentarea_amebro {
	width: 300px;
	height: 70px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	float: right;
}

@media (max-width:640px){
#sns section .contentarea_amebro {
	float: none;
	text-align: center;
}
}

/*TOPへ戻るボタン*/

#fortop {
	width: 53px;
	height: 27px;
	text-align: center;
	margin-top: 200px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 70px;
}


@media (max-width:640px){
#fortop {
	margin-top: 70px;
	margin-bottom: 30px;
}
}


/*フッター部分*/

body footer {
	width: 980px;
	text-align: center;
	margin: 0px auto;
	font-size: 14px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	;
	;
	padding-top: 3px;
	padding-bottom: 100px;
	letter-spacing: 4px;
}



@media (max-width:640px){
body footer {
	width: 100%;
	padding-bottom: 20px;
}
}


/*オンライン予約バナー*/
.pm_banner a {
	display: block;
	width: 150px;
	height: 61px;
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 100;
}


@media (max-width:640px){
.pm_banner a {
	width: 130px;
	bottom: 0px;
}
}


@media (max-width:460px){
.pm_banner a {
	width: 100px;
	bottom: -10px;
}
}