@charset "UTF-8";
/* CSS Document */

html{
	overflow-y:scroll;
}

body{
	font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:90%;
	line-height:1.3em;
	color:#777777;
}

/* -----------------------
	共通設定
--------------------------*/

.serif{
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

img{
	width:100%;
	height:auto;
	display:block;
}

.cf:before,
.cf:after{
	content:" ";
	display:table;
}

.cf:after{
	clear:both;
}

.cf{
	*zoom:1;
}
a{
	color:#8363b7;
}

/* -----------------------
	HEADER
--------------------------*/

header h1{
	padding:5% 30%;
}

/* -----------------------
	MAIN
--------------------------*/

#main h2{
	margin-bottom:3%;
}
.greeting{
	padding:0 2% 3%;
}
.greeting .g_txt{
	padding:2%;
}
.menu_info{
	padding:0 2% 3%;
}
.menu_info h3{
	margin-bottom:2%;
}
.menu_info ul li{
	width:32%;
	float:left;
	font-size:90%;
}
.menu_info ul li:nth-child(3n-1){
	margin:0 2%;
}
.menu_info ul li img{
	margin-bottom:2%;
}
.top_bnr{
	padding:2% 5%;
}
.top_bnr li{
	margin-bottom:8%;
}
.top_bnr li:last-child{
	margin-bottom:0;
}

/* -----------------------
	FOOTER
--------------------------*/

.f_bnr{
	padding:2% 5% 0;
}
.f_bnr li{
	margin-bottom:3%;
}
.f_nav li{
	width:50%;
	float:left;
}
.f_info{
	color:#613d9c;
	padding:2%;
	line-height:1.4em;
}
.mb2{
	margin-bottom:2% !important;
}
.mb3{
	margin-bottom:3% !important;
}
.b_nav li a{
	display:block;
	padding:2%;
	text-align:center;
	box-sizing:border-box;
	width:50%;
	float:left;
	font-size:90%;
	color:#fff;
	text-decoration:none;
	background-color:#613d9c;
	border-bottom:1px solid #fff;
}
.b_nav li:nth-child(2n-1) a{
	border-right:1px solid #fff;
}
.copy{
	background-color:#613d9c;
	color:#fff;
	text-align:center;
	font-size:70%;
	padding:1%;
}
.copy a{
	color:inherit;
	text-decoration:none;
}

/* -----------------------
	STUDIO
--------------------------*/

.content{
	padding:0 2% 3%;
}
.content h3{
	color:#8363b7;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	background:url(../img/common/h3.jpg) no-repeat center center;
	background-size:cover;
	padding:2%;
	margin-bottom:2%;
}
.content h4{
	background:url(../img/common/h4_bg.jpg) no-repeat left center;
	background-size:cover;
	padding:2% 2% 2% 35px;
	margin-bottom:2%;
}
.content .txt{
	padding:2%;
}
table.def{
	width:100%;
}
table.def th{
	background-color:#F0EBFC;
	border:1px solid #D0C1F0;
	padding:1%;
	text-align:left;
	font-weight:normal;
	vertical-align:middle;
}
table.def td{
	border:1px solid #D0C1F0;
	padding:1%;
	vertical-align:middle;
}
.photo{
	width:80%;
	margin:0 auto 2%;
	padding:1%;
	border:1px solid #cfcfcf;
}

/* -----------------------
	ABOUT
--------------------------*/

#yoga ul{
	margin-bottom:2%;
}
#yoga ul li{
	width:32%;
	float:left;
}
#yoga ul li:nth-child(3n-1){
	margin:0 2%;
}
.bold{
	font-weight:bold;
}
.purple{
	color:#8363b7;
}
.l_img{
	width:40%;
	float:left;
	margin:0 2% 2% 0;
}
.r_img{
	width:40%;
	float:right;
	margin:0 0 2% 2%;
}
#healing dl dt{
	font-weight:bold;
	padding:1% 1% 1% 20px;
	background:url(../img/about/icon02.jpg) no-repeat left 30%;
	background-size:20px;
}

/* -----------------------
	PRICE
--------------------------*/

.p_nav ul{
	border:1px solid #D0C1F0;
}
.p_nav ul li a{
	display:block;
	padding:2% 2% 2% 30px;
	background:url(../img/about/icon02.jpg) no-repeat 10px 40%;
	background-size:20px;
	text-decoration:none;
	border-bottom:1px dotted #D0C1F0;
	color:inherit;
}
.p_nav ul li:last-child a{
	border-bottom:none;
}
.pagetop{
	padding-top:2%;
}
.pagetop img{
	width:30%;
	float:right;
}
.small{
	font-size:90%;
}
table.def2 th{
	width:60%;
}
/* -----------------------
	GALLERY
--------------------------*/

.gallery ul li{
	width:49%;
	float:left;
	margin-bottom:3%;
}
.gallery ul li:nth-child(2n-1){
	margin-right:1%;
}
.gallery ul li:nth-child(2n){
	margin-left:1%;
}
.gallery ul li p{
	color:#D13768;
	font-weight:bold;
}
.gallery ul li p span{
	color:#444;
	font-weight:normal;
}
.g_photo{
	padding:1%;
	border:1px solid #cfcfcf;
	margin-bottom:1%;
}

/* -----------------------
	VOICE
--------------------------*/

.voice{
	border:1px solid #D0C1F0;
	padding:1%;
}
.content .voice h4{
	color:#0B8D94;
	border-bottom:1px dotted #D0C1F0;
	padding:1% 0;
	margin-bottom:1%;
	background:none;
}

/* -----------------------
	CONTACT
--------------------------*/

.contact-form dt {
	margin: 0 0 8px;
	padding: 5px;
	background: #DDD1F7;
}
.contact-form dd {
	margin: 0 0 15px;
	padding: 0 0 15px;
}

.input-big,
.input-middle,
.input-mini {
	padding: 5px;
	box-sizing: border-box;
}
.input-big {
	width: 100%;
}
.input-middle {
	width: 60%;
}
.input-mini {
	width: 60px;
}

/* 必須マーク */
.required-mark {
	color: #f00;
	font-size: 12px;
}

/* 未記入エラー文 */
.error-text {
	margin: 0 0 5px;
	color: #f00;
}

/* 確認、バック、送信ボタン */
.contact-submits {
	text-align: center;
}
.contact-submits input {
	margin: 0 5px;
	padding: 5px;
}

/* セキュリティエラー */
.sec-error-text {
	padding: 10px;
	color: #f00;
	font-size: 16px;
	border: 2px solid #f00;
}