@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);

/*-----------------------------*/
/*---【SP　640px】-------------*/
/*-----------------------------*/

@media (max-width:640px){
/*追加*/
html{
  -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
*{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	padding:0;
	margin:0;
}
/**/
body {
    margin: 0 auto;
    text-align: center;
    font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
	h1{
		overflow:hidden;
		white-space:nowrap;
	}
	h2,h3,#left h3{
		font-size:11pt;
		height:auto;
		line-height:18pt;
		text-indent:0;
	}
	img{
	max-width:640px;
	width: 100%;
	}

li {
    list-style:none;
}
    
#container {
    background:#f7f4e5;
    max-width:100%;
}

.clear { clear:both; }
.clear hr { display:none; }

.br:before {
	content: "\A" ;
	white-space: pre ;
}

/*---ヘッダー-------------*/
header#page-header {
    margin:0 auto;
    background:#f7f4e5;
    align: center;
    margin: 0 auto;
}

header#page-header img{
	}

h1#mast-head {
    max-width:100%;
	word-wrap: break-word;
	font-size:10px;
	margin:10px 0;
	line-height:1;
}
	header img {
	width:100%;
	}

#header-right {
	width:59%;
    float: right;
	line-height:1.5;
	clear:both;
}
#header-left {
	width:40%;
    float: left;
}

/*---メニュー-------------*/

#splash img {
		width:100%;
}
#main-splash img {
		width:100%;
}


nav#g-nav {
	margin:10px 0;
}
nav#g-nav li{
    float: left;
	padding:8px 0 8px 0;
    height: 100%;
	width:49.4%;
background: #52893c; /* Old browsers */
background: -moz-linear-gradient(top,  #52893c 0%, #3f6826 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #52893c 0%,#3f6826 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #52893c 0%,#3f6826 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52893c', endColorstr='#3f6826',GradientType=0 ); /* IE6-9 */
	border-bottom: solid  1px #ffffff;
	border-left: solid  1px #ffffff;
	border-right: solid  1px #ffffff;
	list-style:none;
}
nav#g-nav li a{
	color:#ffffff;
	margin:10px 0 0 0;
	text-decoration: none;
}

/*---メイン-------------*/
#main {
	width:100%;
}
#main-nav {
	width:100%;
	margin:0 0 0 2px;
}
#main-nav li {
    float: left;
	width:33%;
	margin:0 auto;
}
#main-nav img {
	width:100%;
}

#main-subnav {
}
#main-subnav img {
		width:100%;
}
#sub-nav{
	display: block;
	width: 100%;
	list-style:none;
}

/*---人気コース-------------*/
#special {
	color:#64370e;
	width:90%;
	margin:0 auto;
	padding:10px;
	background-color:#ffffff;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
    box-shadow:0 0 5px rgba(120,120,120,.2);
	margin-top:20px;
	margin-bottom:20px;

}
#special h1 {
	color:#64370e;
    font-size:22px;
    font-weight:600;
}
#special h1 img{
	width: 71px;
}

#special h1 span {
    font-size:12px;
}
#special dl, #special dl+dl {
    border-bottom:1px dashed #4a3524;
}

#special dt {
    text-align: center;
    color:#fff;
    background:#f8b13d;
    width:80px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    margin-bottom:10px;
    font-weight:600;
}

#special dd {
    text-align: left;
}

#special dl {
    margin: 20px 0 0 0;
    position:relative;
    padding-bottom:20px;
}

#special dd.s-get {
	text-align: center;
    background:#4d4d4d;
    color:#fff;
    padding:4px 8px;
}

#special dd.s-get a {
    color:#fff;
    text-decoration: none;
}

#special dd.s-get:hover {
    background:#666;
}

#special dd.s-title {
    font-weight:600;
}
#special dd.s-detail {
    font-size:15px;
    font-weight:600;
}


/*---PCサイド部分-------------*/
.bnr {
	margin:10px 0;
}
.bnr h2 {
    float: center;
	width:80%;
	margin:0 auto;
	color:#ffffff;
	padding:10px ;
background: #52893c; /* Old browsers */
background: -moz-linear-gradient(top,  #52893c 0%, #3f6826 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #52893c 0%,#3f6826 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #52893c 0%,#3f6826 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52893c', endColorstr='#3f6826',GradientType=0 ); /* IE6-9 */
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

nav#main-bottom {
	margin:0 auto;
}
nav#main-bottom img {
	width:100%;
}

nav#main-bottom li {
    float: left;
	padding:1px 2px;
	width:48%;
	list-style:none;
}
/*---フッター-------------*/
#reserve {
	margin:10px 0 0 0;
}

p.tel-text{
	color:#64370e;
    font-size:22px;
    font-weight:600;
}

nav#footer-g-nav {
	margin:10px 0;
}
nav#footer-g-nav li{
    float: left;
	padding:8px 0 8px 0;
    height: 100%;
	width:49.4%;
background: #52893c; /* Old browsers */
background: -moz-linear-gradient(top,  #52893c 0%, #3f6826 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #52893c 0%,#3f6826 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #52893c 0%,#3f6826 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52893c', endColorstr='#3f6826',GradientType=0 ); /* IE6-9 */
	border-bottom: solid  1px #ffffff;
	border-left: solid  1px #ffffff;
	border-right: solid  1px #ffffff;
	list-style:none;
}
nav#footer-g-nav li a{
	color:#ffffff;
	margin:10px 0 0 0;
	text-decoration: none;
}
nav#footer-g-nav li.lastchild{
    float: left;
	padding:8px 0 8px 0;
	margin:0 0 10px 0;
    height: 100%;
	width:100%;
background: #52893c; /* Old browsers */
background: -moz-linear-gradient(top,  #52893c 0%, #3f6826 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #52893c 0%,#3f6826 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #52893c 0%,#3f6826 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52893c', endColorstr='#3f6826',GradientType=0 ); /* IE6-9 */
	border-bottom: solid  1px #ffffff;
	border-left: solid  1px #ffffff;
	border-right: solid  1px #ffffff;
	list-style:none;
}

.footer-cont {
    width:100%;
    padding: 10px;
}

.footer-cont img {
    width:100%;
}

.footer-cont h1 img {
    width:150px;
   /* float: left;*/
}
/*.footer-cont address {
    float: left;
	margin:-50px 0 0 160px;
}*/

.footer-cont dt {
    float: left;
    width:24%;
    font-size:12px;
    text-align: left;
}

.footer-cont dd {
    width:75%;
    padding-right:10px;
    text-align: left;
    font-size:12px;
    display: inline-block;
}

nav.footer-nav {
	clear:both;
	margin:0 auto;
}
nav.footer-nav li {
	font-size:7pt;
	display: inline;
	margin:5px 0;
	list-style:none;
}

p#copyright {
	font-size:7pt;
	margin:5px 0 0 0;
}

/*追加*/
.a-left{
	text-align: left;
}
#main{
	padding: 0 8px;
}
#course img{
	width: 70%;
	display: block;
	margin: 0 auto;
	padding: 8px;
	float: none;
	background-color: #fff;
	box-shadow:-1px 1px 2px #666;
}
#course dl{
	padding-bottom: 20px;
}
#course dl dd.f-title{
	font-weight: bold;
	font-size: 1.3em;
	padding-top: 6px;
}
.f-detail{
	text-align: left;
}
.voice{
	padding: 10px;
	display: block;
	background-color: #fff;
	font-size: 14px;
}
.s-get{
	clear: both;
	margin-top: 10px;
	display: block;
}
.contact-wrapper h1{
	display: none;
}
.contact-wrapper address{
	float: none;
}
h2{
	margin-bottom: 10px;
}
.bnr img{
	width: 80%;
	margin: 0 auto;
}
/**/

/* ふぁおんのよもぎ蒸しとは
---------------------------- */
#faon-title {
    background:url(../images/faon.jpg);
    height:49px;
    text-indent:-9999px;
    margin-bottom: 30px;
}

.lead img {
    width:100%;
}

#faon h3 {
	color:#64370e;
    font-size:22px;
    font-weight:600;
}

#menu-list dl {
    background:#fff;
    width:90%;
	margin:10px;
    padding:30px 10px;
    border-radius: 10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    float: left;
}

#menu-list dl.odd {
    margin-right:0;
}

#menu-list dt {
    color:#c01e36;
    margin-bottom:14px;
    background-color: #f9f8f7;
}

#menu-list dd {
    text-align: left;
}


/* メニューページ
----------------------------------------------- */
#menu-title {
    margin-bottom:15px;
    background:url(../images/menu01.jpg);
    width:100%;
    height: 51px;
    text-indent:-9999px;
}

#menu h3 {
    font-size:26px;
    font-weight:100;
    margin-bottom:10px;
}


#price-list {
    margin:30px 0 20px 0;
    height:36px;
    background:url(../images/menu02.jpg);
    text-indent:-9999px;
}

#price-list-area dl {
    font-size:14px;
    margin-bottom:10px;
}

#price-list-area dt {
    width:80%;
    float: left;
    text-align: left;
}

#price-list-area dd {
    float: right;
    text-align: right;
}

.rank {
color:#ffffff;
background-color:#fbb03b;
}

#note-area {
    border-top:1px dotted #67360e;
    padding:25px 0;
    margin-top:10px;
}

#note-area li:before {
    content:"◆";
}
p.note {
    font-size:14px;
    text-align: left;
}
.note {
    font-size:12px;
    display: block;
    text-align: left;
     padding: 0 0 10px 0;
    /* background-color: #fff;*/
     border-bottom-right-radius:30px ;
     border-bottom-left-radius:30px ;
     border-right:6px solid #f7f4e5;
    border-bottom:6px solid #f7f4e5;
}
.note p {
    margin: 20px 10px;
}
.note p + p {
    margin: 20px 10px;
}
/*追加*/
.yomogimushi td.b-w{
	background-color: #fff;
	font-weight: bold;
	padding-left: 10px;
	text-align:left;
	border-right: 10px solid #f7f4e5;
	border-top-right-radius:30px ;
	border-top-left-radius:30px ;
		background-color: #f9f8f7;
}
.yomogimushi td{
	vertical-align: top;
}
.txt_dono{
	font-weight: bold;
	padding-top: 10px;
	display: block;
	width: 100%;
	clear: both;
}
#price-list-area{
	padding: 10px;
}
/* 施術の流れ
---------------------------- */
#flow-title {
    background:url(../images/flow1.jpg);
    height:49px;
    text-indent:-9999px;
    margin-bottom: 30px;
}

#flow .lead {
	margin:10px;
  font-size: 13px;
  text-align: left;
    margin-bottom: 30px;
}

.step {
    width:100%;
}
.step p.hidari{
	font-size:15px;
    text-align: left;
    padding: 10px;
}
.step img.hidari{
    width:100%;
	margin:10px 0 0 0;
}

.step img.onegai{
    width:100%;
}

p .hidari {
  float: left;
  margin-right: 2em;
  margin-bottom: 1em;
}
.step-img{
	width: 50%;

}

/* アクセス
---------------------------- */
#access-title {
    background:url(../images/access01.jpg);
    height:49px;
    text-indent:-9999px;
    margin-bottom: 30px;
}

#access .lead {
    margin-bottom: 30px;
	text-align:left;
}
#access img.title-img {
    width:100%;
}
.kome{
    color: red;
    font-size: 14px;
}

#photo {
    float: left;
}
#photo dl {
    width: 100%;
    float: left;
}

#photo dd {
    text-align: center;
    padding:0 0 20px 0;
    font-size: 12px;
}

.google-maps {
position: relative;
padding-bottom: 75%; // これが縦横比
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

/* よくある質問
---------------------------- */
#qa-title {
    background:url(../images/qa.jpg);
    height:49px;
    text-indent:-9999px;
    margin-bottom: 30px;
}

#qa dt {
    color: #fff;
    background: #f8b13d;
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
    padding: 5px;
	text-align:left;
}

#qa dd {
    padding: 5px;
    text-align: left;
}

#qa dl {
    margin: 20px 0 0 0;
    position:relative;
    padding: 5px px 30px 5px;
}


#qa dd.s-title {
	color:#64370e;
    font-weight:600;
}

#qa dd.s-detail {
    font-size: small;
}
/*追加*/
.faq{
	padding: 10px;
	text-align: left;
}
.faq-ul{
	border-top:1px solid #888 ;
}

/* お客様の声
---------------------------- */
#voice-title {
    background:url(../images/voice01.jpg);
    height:49px;
    text-indent:-9999px;
    margin-bottom: 30px;
}

.borderBox {
    padding: 10px;
    margin-bottom: 20px;
}
.borderBox.photo li {
    float: left;
    width: 31.3333%;
    height: auto;
    padding: 0 1%;
}

.borderBox.photo li img {
    width: 100%;
}
/*追加*/
.voice td:last-child{
	font-weight: bold;
}
.voice td p{
	font-weight: normal;
	text-align: left;
	border-top: 1px solid green;
	padding: 10px;
}
/* お問い合わせ
---------------------------- */
#mail-title {
    background:url(../images/mail.jpg);
    height:49px;
    text-indent:-9999px;
    margin-bottom: 30px;
}

#formWrap {
	margin:20px auto;
	color:#555;
	line-height:120%;
}
table.formTable{
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
    font-size: 14px;
}
table.formTable th{
	width:30%;
	background:#f2e4e4;
	text-align:left;
}
table.formTable td{
	width:70%;
	text-align:left;
}


.pc {
    display: none;
}
/*新着情報*/
.top-news{
	background-color: #fff;
	margin-bottom: 4px;
	font-size: 13px;
}
.top-news li {
	padding: 4px 10px;
	border-bottom: 1px solid #76b047;
	text-align: left;
}
.top-news li a{
	color: #888;
	text-decoration: none;
}
}