@charset "UTF-8";
/*
	Theme Name: themplate 001
	Author: Front Design Create
	Author URI: http://fdcr.jp/
	Version: 1.0
*/
/*
html5doctor.com Reset Stylesheet
v1.4.1
2010-03-01
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0 none;
outline:0 none;
font-size:100%;
vertical-align:baseline;
background:none repeat scroll 0 0 transparent;
}

body {
line-height:1;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
	display:block;
}

nav ul {
list-style:none;
}

blockquote, q {
quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}

a {
margin:0;
padding:0;
border:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}

mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}

del {
text-decoration: line-through;
}

abbr[title], dfn[title] {
border-bottom:1px dotted #000;
cursor:help;
}

table {
border-collapse:collapse;
border-spacing:0;
}

hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}

input, select {
vertical-align:middle;
}

ol, ul { list-style:none outside none; }

li {
	padding:0;
	margin:0;
	list-style:none;
}

img {
	vertical-align:bottom;
	font-size:0;
	line-height:0;
	max-width: 100%;
}

/* ---------------------------------
   clearfix
--------------------------------- */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/* ---------------------------------
   link presudo
--------------------------------- */
a,
a span {
	color: #e60012;
	text-decoration: none;
}
a:hover,
a:hover span,
a.current {
	color: #e60012;
	text-decoration:underline;
}
a:active {
	color: #e60012;
	text-decoration:none;
}
a:active,
a:focus {
	outline:none;
}

/****************************************

          General Setting

*****************************************/
body {
	min-width: 960px;
	color: #2f2c2f;
	font-size: 14px;
	font-family:
	Verdana, Arial,
	'ヒラギノ角ゴ Pro W3',
	'Hiragino Kaku Gothic Pro',
	Osaka,
	'ＭＳ Ｐゴシック',
	sans-serif;
	line-height: 160%;
}
body {
  background: #fff9ec;
}

nav {
	background: #2b2416;
}

nav ul {
	border-right:1px solid #433a27; /* 薄い */
}

nav ul li {
	border-left: 1px solid #433a27; /* 薄い */
	border-right:1px solid #19150c;
}

.side_info {
	background: #e6e5e1;
}

footer {
	background: #2b2416;
}
footer p {
	text-align: center;
	color:#fff;
}

footer a {
	color: #FFF;
}
footer a:hover {
	color: #eaeaea;
}



.maintopimage {
	position: relative;
	width: 740px; /* 画像の横幅 */
	height: 440px; /* 画像の縦幅 */
}

.maintopimage img {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	transition: 1s; /* フェードの時間(秒) */
}

.maintopimage .show {
	opacity: 1;
	z-index: 1;
}

/****************************************

          img float right left

*****************************************/

.imgright {
	overflow: hidden;
	height: auto;
}
.imgright p {
	overflow: hidden;
	height: auto;
}


.imgright img {
	float: right;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

.imgleft {
	overflow: hidden;
	height: auto;
}

.imgleft p {
	overflow: hidden;
	height: auto;
}
.imgleft img {
	float: left;
	margin: 0 10px 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

.imgleft img {
	width: 200px;
}

/****************************************

          Typography

*****************************************/

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
}

/****************************************

          common

*****************************************/
span {
	color:#c64744;
}

span.rei {
	color:#323232;
}

.header_wrap {
	position: relative;
	width:960px;
	margin:0 auto;
}

h1 {
	text-align: right;
	line-height: 1.0;
	margin-top: 2px;
}


h1 span {
    color: #502814;
}


.logo {
	padding:0 0  20px 0;
}
.logo img {
	width: 280px;
	display: block;
}

.htel {
	position: absolute;
	right:0;
	bottom:25px;
}
.htel img {
	width: 330px;
}

nav {
	margin: 0 0 30px 0;
}

nav ul {
	position: relative;
	width: 960px;
	margin:0 auto;
}

nav ul li {
	display: inline-block;
}

nav ul li a {
	display: block;
	margin: 12px 32px;
}

nav ul li:first-child {
	border:none;
	position: absolute;
	top:-3px;
	left:0;
	margin:0;
}

nav ul li:first-child a {
	margin:0;
}

nav ul li:nth-child(2) {
	border-left:none;
	padding-left: 51px;
	padding-right: 10px;
}


nav ul li:nth-child(2) img {
	width: 52px;
	height: auto;
}
nav ul li:nth-child(3) img {
	width: 107px;
	height: auto;
}
nav ul li:nth-child(4) img {
	width: 68px;
	height: auto;
}
nav ul li:nth-child(5) img {
	width: 49px;
	height: auto;
}
nav ul li:nth-child(6) img {
	width: 87px;
	height: auto;
}
nav ul li:nth-child(7) img {
	width: 141px;
	height: auto;
}




.wrapper {
	position: relative;
	width:960px;
	margin:0 auto;
}

.main {
	position: relative;
	float:left;
	width:720px;
}

.mainimage {
	margin-bottom: 35px;
}

.mainimage img {
	width: 720px;
	height: auto;
}


.maintopimage {
  position:relative;
  width: 720px;
  margin:0 auto 35px;
  overflow: visible;
 	height: 422px;
}
.maintopimage img {
  position:absolute;
  left:0; top:0;
  width: 720px;
}


.maintitle {
	padding:13px 0 45px 80px;
	position: relative;
	background: url(img/main_title_bg.png) no-repeat;
	-webkit-background-size: 50px;
	     -o-background-size: 50px;
	        background-size: 50px;
}

.maintitle:after {
	content: "";
}



.maintitle p {
	padding:12px 0;
}

.main_cont_topnews,
.main_cont {
	margin-bottom: 55px;
	position: relative;
}

.main_cont_topnews h2,
.main_cont h2 {
	border-bottom: 1px dashed #FCE1F2;
	background: url(img/h2.png) no-repeat left center;
	-webkit-background-size: 30px;
	     -o-background-size: 30px;
	        background-size: 30px;
	padding:20px 0 20px 50px;
	font-size: 20px;
}

.main_cont h3 {
	border-left: 4px solid #a8ab8d;
	padding-left: 10px;
	font-size: 16px;
	margin:30px 0 15px;
}

.main_cont_topnews ul,
.main_cont p,
.main_cont ul {
	padding:23px 33px 18px 0;
}

.main_cont ul li {
	line-height: 1.8;
}

.main_cont_topnews ul li a {
	color: #6d0606;
}

.main_follow {
	padding-top: 35px;
}

.main_follow li {
	display: inline-block;
}

.main_follow li:nth-child(2) {
	padding:0 15px;
}

.side {
	position: relative;
	float:right;
	width:220px;
}

.side ul li {
	padding-bottom: 25px;
}


.side_info {
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding:8px;
}

.side_info h2 {
	text-align: center;
	padding:3px 0;
}
.side_info h3 {
	text-align: center;
	font-size: 14px;
}

.side_info h2 img {
	width: 105px;
}

.side_info p {
	color:#47210d;
	padding:0 0 4px 0;
}

.side_info p.tel {
	font-size: 17px;
	padding: 10px 0
}

.sideinfoimg img {
	width:204px;
	height: auto;
	padding: 8px 0 0 0;
}

.side li img {
	max-width: 220px;
}



footer {
	margin-top:75px;
	padding: 20px 0;
}

footer ul {
	text-align: center;
	padding-bottom:40px;
}

footer li {
	display: inline-block;
	text-align: center;
	width:140px;
}


/****************************************

          top

*****************************************/

.topinv img {
	width: 170px;
	height: auto;
	margin-top: 20px !important;
}




/****************************************

          concept

*****************************************/
.concept_auther {
	float: right;
}

.concept_auther p {
	text-align: left;
}

span.big {
	font-size: 20px;
}


ul.concept_way li {
	padding:8px 0 9px 80px;
}

ul.concept_way li:nth-child(1) {
	background: url(img/st1.png) no-repeat left 11px;
}
ul.concept_way li:nth-child(2) {
	background: url(img/st2.png) no-repeat left 11px;
}
ul.concept_way li:nth-child(3) {
	background: url(img/st3.png) no-repeat left 11px;
}
ul.concept_way li:nth-child(4) {
	background: url(img/st4.png) no-repeat left 11px;
}
ul.concept_way li:nth-child(5) {
	background: url(img/st5.png) no-repeat left 11px;
}
ul.concept_way li:nth-child(6) {
	background: url(img/st6.png) no-repeat left 11px;
}
ul.concept_way li:nth-child(7) {
	background: url(img/st7.png) no-repeat left 11px;
}

/****************************************

          menu

*****************************************/

.menu {
	position: relative;
}

.menu:before {
	content: "";
	background: url(img/menu_deco02.png) no-repeat right top;
	display: block;
	height: 105px;
	width: 105px;
	position: absolute;
	top:-25px;
	right:-20px;
	-webkit-background-size: 100px;
	     -o-background-size: 100px;
	        background-size: 100px;
}

.menu:after {
	content: "";
	background: url(img/menu_deco.png) no-repeat left bottom;
	display: block;
	height: 105px;
	width: 105px;
	position: absolute;
	bottom:-47px;
	left:-33px;
	-webkit-background-size: 100px;
	     -o-background-size: 100px;
	        background-size: 100px;
}



.menu h2 {
	font-size: 18px;
	color:#4c0e2e;
	background: none;
	padding:8px 0 18px 32px;
}

.menu h3 {
	font-size: 20px;
	color:#4c0e2e;
	padding-left: 20px;
	margin-left: 10px;
	line-height: 2.4;
}

.menu h4 {
	font-size: 16px;
	color:#4c0e2e;
	text-align: center;
}


.menu_cont {
	position: relative;
	padding:23px 11px 30px 20px;
	background: url(img/menu_cont.png) no-repeat center bottom;
	margin:0 0 26px 0;
}

.menu_cont:last-child {
	margin-bottom: 0;
}

.menu_cont table {
	margin: 0 0 15px 0;
	width: 100%;
}

.menu_cont td {
	font-size: 16px;
	padding-bottom: 10px;
}

.menu_cont td:first-child {
	width:320px;
}

.menu_cont td:nth-child(2) {
	width:120px;
	text-align: right;
}

.menu_cont td:nth-child(3) {
	width:165px;
	text-align: right;
	line-height: 1.4;
}

.menu_cont p {
	display: block;
/*	float: right;*/
/*	width:380px;*/
	right:0;
	padding: 0;
	background: url(img/ex.png);
	padding :10px;
}

.menu_cont h3 {
	text-align: left;
}
.menu_image {
	width: 100%;
}
.menu_image img {
	width: 80%;
	margin: 0 auto;
}

.menu_exp {
	margin-bottom: 24px;
}

.menu_add {
	text-align: left;
	padding:0 20px;
}

.menu_pack {
	width: 680px;
	margin: 0 auto;
	padding: 20px 0 20px 100px;
}

.menu_pack td {
	padding:10px 15px;
	margin-bottom: 4px;
	border-bottom:8px solid #c1b084;
}

.menu_pack td:first-child {
	background: url(img/pack.png);
	width:340px;
}

.menu_exp h3 {
}

.menu_exp p {
	margin:12px 35px 45px;
}

.menu_exp ul {
	margin:0 35px 45px;
	font-size: 18px
}

.menu_exp img {
	display: block;
	margin:auto;
}

p.menu_setumei {
	background: url(img/ex.png);
	padding :10px;
}

.pvip {
	display: block;
	background: url(img/ex.png);
	padding :10px;
	margin: 10px;
}

.pvip h3 {
	font-size: 16px;
	text-align: left;
	line-height: 1.7;
}

.pvip h4 {
	text-align: left;
}

.pvip h4 + p {
	padding: 2px 0 14px;
}

.pvip img {
	width: 200px;
}

.pvip p {
	float: none !important;
	padding: 0;
	width: 100%;
}

.pvop_img {
	overflow: hidden;
	height: auto;
}

.pvop_img img {
	float: left;
	margin-right: 20px;
}

.menu_detail_link {
	position: absolute;
	top: 1px;
	right: 47px;
}

.menu_detail_link a,
.menu_detail_link_02 a {
	display: block;
	width: 300px;
	color: #FFF;
	-webkit-border-radius: 3px;
	        border-radius: 3px;
	font-size: 14px;
	text-align: center;
	padding: 4px 4px;
	background: #D2857A;
	box-shadow: 0 3px #b96559;
}

.menu_detail_link_02 {
	position: absolute;
	bottom: 20px;
	right: 47px;
}




#fragment-3 .menu_detail_link a {
	width: 220px;
}



.menuex {
	margin:12px 0 12px 33px;
}

.imgright_ex {
	overflow: hidden;
	height: auto;
}
.imgright_ex img {
	float: right;
}

.imgleft_ex {
	margin-bottom: 30px;
}
.imgleft_ex img {
	float: right;
	width: 200px;
	margin-left: 20px;
}
.imgleft_ex_inner h4 {
	font-size: 16px;
}

ul.yomogi_reco {
	padding: 0 0 0 33px;
	margin: 0;
}

ul.yomogi_reco li {
	margin: 20px 0;
}

ul.yomogi_reco h4 {
	font-size: 18px;
}

ul.yomogi_reco p {
	padding: 0;
}


table.t_menu {
	width: 90%;
	margin:30px auto 0;
	text-align: center;
}

table.t_menu thead tr {
	background: #F4F0EB;
}
table.t_menu thead tr th {
	padding: 8px 5px;
	vertical-align: middle;
}
table.t_menu tbody tr:nth-child(even) {
	background: #F8F5F2;
}
table.t_menu tbody th {
	width: 30%;
	padding: 8px 0;
	vertical-align: middle;
}
table.t_menu tbody td {
	vertical-align: middle;
}

table.option {
	width: 90%;
	margin:30px auto 0;
}
table.option tr {
}
table.option tr:nth-child(even) {
	background: #F8F5F2;
}
table.option th {
	width: 50%;
	padding: 8px 0 8px 30px;
	vertical-align: middle;
	text-align: left;
}
table.option tbody td {
	vertical-align: middle;
	text-align: center;
}


/****************************************

          qa

*****************************************/

.qa .main_cont h2 {
	font-size: 18px;
	color:#4c0e2e;
}

.voice_inqa	h3 {
	padding: 20px 0 60px 80px;
    position: relative;
    background: url(img/main_title_bg.png) no-repeat;
    -webkit-background-size: 50px;
    -o-background-size: 50px;
    background-size: 50px;
    font-size: 30px;
}

.voice_inqa li {
	padding:0 0 34px 68px;
	background: url(img/qalist.png) no-repeat;
    -webkit-background-size: 50px;
    -o-background-size: 50px;
    background-size: 50px;
}


/****************************************

          salon

*****************************************/

.map_right {
	width:425px;
	float: right;
	margin: 15px 0 0 0;
}

ul.salonimage {
	font-size: 0;
}

ul.salonimage li {
	font-size: 14px;
	display: inline-block !important;
	width: 50%;
	margin-bottom: 15px;
}

ul.salonimage li img {
	width: 90%;
	height: auto;
}



/****************************************

          inq

*****************************************/

.form_wrap dl {
	border:none;
}

.form_wrap input[type="text"] {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.btn_de a {
	display: block;
	width: 300px;
	color: #FFF;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
	font-size: 18px;
	text-align: center;
	padding: 18px 0;
}

.yoyaku_joukoyu .btn_de a {
	background: #D2857A;
	box-shadow: 0 5px #b96559;
}

.mail_toiawase .btn_de a {
	background: #46B3DB;
	box-shadow: 0 5px #1c86ad;
}

.line_toiawase .btn_de a {
	background: #58D513;
	box-shadow: 0 5px #379404;
}

.yoyaku_joukoyu,
.mail_toiawase,
.line_toiawase,
.line_toiawase_pc {
	margin: 40px 0;
}

.line_toiawase {
	display: none;
}

.line_toiawase_pc img {
	width: 230px;
}

.kibou {
    height: 173px !important;
}



/****************************************

          inq thx

*****************************************/

.inq_thx_p {
	margin-bottom: 280px;
}



.news_desc {
	padding:25px 4px;
}

.news_desc h3,
.news_desc h4 {
	text-align: left;
}

.news_desc p a {
	color:#6d0606;
}

.news_desc p {
	padding:23px 33px 40px 33px;
}

dd {
	margin-bottom: 12px;
}

/****************************************

          申込みフォーム追加

*****************************************/

/* フォームブラウザ間統一 */
form {
     margin:0;
     padding:0;
     border:0;
     outline:0;
     font-size:100%;
     vertical-align:baseline;
     background:transparent;
}

select, input, textarea, button {
     vertical-align:middle;
     font-family:'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
     position:relative;
     margin: 0 4px 2px 0;
     *margin-right:3px;
     top:-1px;
}


input{
	height: 16px;
	line-height: 18px;
}

button, input[type="button"] {
     overflow:visible;
     height:22px;
     padding:0 3px;
}

select {
     height: 20px;
     line-height: 20px;
}

input[type="checkbox"],
input[type="radio"] {
     border:none;
     top:-2px;
     top:0\9;
     margin-right:2px;
     margin-right: 0\9;
}
/* フォームブラウザ間統一 ここまで*/

.form_wrap {
	margin-top: 20px;
	padding: 26px;
}


.form_group:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .form_group             { zoom: 1; } /* IE6 */
*:first-child+html .form_group { zoom: 1; } /* IE7 */


.form_group {
	position: relative;
	margin-bottom: 28px;
}

.leftitem {
	position: relative;
	float: left;
	width: 27%;
	white-space: normal !important;
	text-align: right;
	font-weight: bold;
	font-size: 15px;

}

.rightitem {
	float: right;
	width: 68%;
}

.hdaytime span {
	display: block;
	color: #333;
	margin-right: 8px;
}

.rightitem input[type=text],
.rightitem input[type=email] {
    padding:14px 10px 13px 18px;
    font-size: 18px;
    color: #333;
    border: solid 1px #f1f2f4;
    width: 92%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}


.rightitem input[type=text]:focus,
.rightitem input[type=email]:focus {
	outline:solid 1px #ff8161 !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.rightitem textarea {
	padding: 7px 13px 5px 18px;
	font-size: 18px;
    color: #333;
    border: solid 1px #f1f2f4;
	width: 91.5%;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.rightitem textarea:focus {
	outline:solid 1px #ff8161 !important;
}








.width-02 {
	width: 70%;
}

button[type=submit] {
  position: relative;
  font-family:
  	"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
  	"メイリオ",
  	Osaka,
  	"ＭＳ Ｐゴシック", "MS PGothic",
  	sans-serif;
  font-size: 28px;
  height: 60px;
  line-height: 60px;
  display: block;
  width: 90%;
  margin: 0 auto;
  cursor: pointer;
  color: #fff;
  -webkit-border-radius: 0px;
          border-radius: 0px;
  border: none;
  background: #A5D54E;
	box-shadow: 0 5px #81ab34;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
}

button[type=submit]:hover {
	background: #caed8a;
	box-shadow: 0 5px #A5D54E;
}

.menu-description {
	display: flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	    margin-bottom: 20px;
}

.menu-description .image-area {
	height: auto;
	width: 30%;
}

.menu-description p {
	width: 65%;
}