@charset "utf-8";
/* CSS Document */
.spa{
	margin-bottom:30px;
	padding-left:3%;
	padding-right:3%;
	padding-top:30px;
}

.spa .block2 a img {
	width: 197px;
}
.spa img{
	width:33%;
	height:auto;
}
/* マーカー */
.green-line {
  background: linear-gradient(transparent 30%, #c7ddae 0%);
}
/* スパトップ */
.spatop{
	margin-bottom:20px;
}
.spatop h1 {
	font-size: 1.3em;
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.spatop:after{
	content:"";
	display:block;
	clear:both;
	margin-top:5px;
}
.spatop_kiri{
	float: left;
	width: 55%;
	margin-right:5%;
	text-align:left;
}
.spatop_kanan{
	float: left;
	width: 40%;
}
.block2{
	background: #fff;
	border: 1px #ccc solid;
	box-shadow: 0 2px 3px 0 #ddd;
	-moz-box-shadow: 0 2px 3px 0 #ddd;
	-webkit-box-shadow: 0 2px 3px 0 #ddd;
	text-align: center;
	padding-top: 0;
	padding-bottom: 2%;
	width:90%;
	margin-left:5%;
	margin-bottom:20px;
	margin-top:20px;
}
.spatop img{
	width:90%;
	height:auto;
}


/* リスト文字空け */
.spa ul {
	list-style-position:inside;
}
.spa ul li {
	padding-left:1em;
	text-indent:-1em;
}

/* スパメニュー */
.spamenu{
	margin-bottom:20px;
}
.spamenu:after{
	content:"";
	display:block;
	clear:both;
}
.spamenu_kiri{
	float: left;
	width: 50%;
}
.spamenu_kanan{
	float:left;
	width:50%;
}
.spamenu_photo img{
	width:33%;
	height:auto;
	margin-bottom:1%;
}
.spa .spamenu .spamenu_kiri h3,.spa .spamenu .spamenu_kanan h3{
	margin-bottom:0;
}
/* レイキ */
#reiki{
	margin-top:20px;
}
.spa #reiki h4{
	margin-bottom:-1em;
}

/* チャクラ */
.cakra:after{
	content:"";
	display:block;
	clear:both;
}
.cakra_kiri{
	float: left;
	width: 40%;
}
.cakra_kanan{
	float: left;
	width: 56%;
	text-align: left;
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 0%;
}
.ca_img{
	width:10%;
	height:auto;
	vertical-align:middle;
	text-align:center;
}

table tr .ca_img img{
	width:60%;
	height:auto;
}

.cakra_kiri img{
	width:90%;
	height:auto;
}


/* セラピスト */
#reiki .serapist {
	margin: 1%;
	border: 2px double #98B06F;
	padding: 3%;
	margin-bottom: 20px;
}
.serapist:after{
	content:"";
	display:block;
	clear:both;
}
.serapist_kiri{
	float: left;
	width: 30%;
}
.serapist_kanan{
	float: left;
	width: 60%;
	text-align: left;
	padding: 2%;
	margin-left:1%;
}
.serapist img{
	width:80%;
	height:auto;
}

/* マッサージレッスン */
.massage_lesson{
	margin-top:50px;
	margin-bottom:50px;
}
.massage_lesson img{
	width:33%;
	height:auto;
}
.spa #lesson h4{
	margin-bottom:-1em;
}
.spa #lesson p{
	margin-bottom:0;
}

/* お問い合わせ */
#email{
	padding-left: 3%;
	padding-right: 3%;
	height: 160px;
	width:100%;
}
#email .mail a .mail2{
	width:175px;
	height:auto;
	margin-left:25%;
}
#email .mail{
	background: #fff;
	border: 1px #ccc solid;
	box-shadow: 0 2px 3px 0 #ddd;
	-moz-box-shadow: 0 2px 3px 0 #ddd;
	-webkit-box-shadow: 0 2px 3px 0 #ddd;
	text-align: left;
	padding-top: 1%;
	padding-bottom: 1%;
	width:90%;
	margin-bottom:20px;
}


/* ########### 414px以下 スマホ＆タブレット縦 ########### */
@media (max-width: 414px) {
/* スパトップ */
.spatop:after{
	content:"";
	display:block;
	clear:both;
}
.spatop_kiri{
	float: left;
	width: 100%;
}
.spatop_kanan{
	float:left;
	width:100%;
}

/* スパメニュー */
.spamenu:after{
	content:"";
	display:block;
	clear:both;
}
.spamenu_kiri{
	float: left;
	width: 100%;
}
.spamenu_kanan{
	float:left;
	width:100%;
}
.spamenu ul li{
	font-size:0.9em;
}


/* チャクラ */
.cakra:after{
	content:"";
	display:block;
	clear:both;
}
.cakra_kiri{
	float: left;
	width: 100%;
}
.cakra_kanan{
	float: left;
	width: 100%;
}
.cakra_kiri img{
	width:50%;
	height:auto;
}
.ca_img{
	width:10%;
}
.setsu{
	padding-left:1%;
}
table tr .ca_img img{
	width:30%;
	height:auto;
}

/* レイキ */
#reiki div img{
	width:90%;
	height:auto;
}
.block3 {
	padding-top: 3%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}


/* セラピスト */

.serapist:after{
	content:"";
	display:block;
	clear:both;
}
.serapist_kiri{
	float: left;
	width: 96%;
}
.serapist_kanan{
	float: left;
	width: 96%;
}
.serapist img{
	width:80%;
	height:80%;
	max-width:188px;
	max-height:250px;
}
.serapist_kiri img{
	width:80%;
	height:auto;
}
/* 写真 */
.spatop_kanan img{
	width:80%;
	height:auto;
}
.spamenu_photo img{
	width:80%;
	height:auto;
}
.spamenu_photo2 img{
	width:70%;
	height:auto;
}
.massage_lesson img{
	width:80%;
	height:auto;
}
/* お問い合わせ */
#email{
	height: 175px;

}
}

/* ########### 415px以上～767px以下 タブレット縦 ########### */
@media (min-width: 415px) and (max-width: 767px) {
/* 写真 */
.spatop_kanan img{
	width:80%;
	height:auto;
}
.spamenu_photo img{
	width:80%;
	height:auto;
}
.spamenu_photo2 img{
	width:70%;
	height:auto;
}
.massage_lesson img{
	width:80%;
	height:auto;
}


/* スパトップ */
.spatop:after{
	content:"";
	display:block;
	clear:both;
}
.spatop_kiri{
	float: left;
	width: 100%;
}
.spatop_kanan{
	float:left;
	width:100%;
}

/* スパメニュー */
.spamenu:after{
	content:"";
	display:block;
	clear:both;
}
.spamenu_kiri{
	float: left;
	width: 100%;
}
.spamenu_kanan{
	float:left;
	width:100%;
}
.spamenu ul li{
	font-size:0.9em;
}


/* チャクラ */
.cakra:after{
	content:"";
	display:block;
	clear:both;
}
.cakra_kiri{
	float: left;
	width: 100%;
}

.cakra_kanan{
	float: left;
	width: 100%;
}
.cakra_kiri img{
	width:80%;
	height:auto;
}
.setsu{
	padding-left:1%;
}
.ca_img{
	width:10%;
}
table tr .ca_img img{
	width:5%;
	height:auto;
}

/* レイキ */
#reiki div img{
	width:90%;
	height:auto;
}
.block3 {
	padding-top: 3%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}


/* セラピスト */

.serapist:after{
	content:"";
	display:block;
	clear:both;
}
.serapist_kiri{
	float: left;
	width: 96%;
}
.serapist_kanan{
	float: left;
	width: 96%;
}
.serapist img{
	width:80%;
	height:80%;
	max-width:188px;
	max-height:250px;
}
.serapist_kiri img{
	width:80%;
	height:auto;
}

/* お問い合わせ */
#email{
	height: 180px;

}
	

/* ########### 768px以上～1279px以下 タブレット横 ########### */
@media (min-width: 768px) and (max-width: 1279px) {
/* スパ */
.spatop_kanan img{
	width:100%;
	height:auto;
}
/* 写真 */
.spatop_kanan img{
	width:100%;
	height:auto;
	margin-bottom:2%;
}
.massage_lesson img,.spamenu_photo img{
	width:32%;
	height:auto;
	margin-bottom:1%;

}
/* チャクラ */
table{
	margin-top:2%;
}
.ca_img{
	width:13%;
	height:auto;
}
table tr .ca_img img{
	width:50%;
	height:auto;
}
.cakra_kiri img{
	margin-top:2%;
}

/* セラピスト */
.serapist_kiri img{
	width:100%;
	height:auto;
}
/* レイキ */
.block3 {
    padding: 20px;
    background: #fff;
    border: 1px #ccc solid;
    box-shadow: 0 2px 3px 0 #ddd;
    -moz-box-shadow: 0 2px 3px 0 #ddd;
    -webkit-box-shadow: 0 2px 3px 0 #ddd;
}
/* マッサージレッスン */
.massage_lesson{
	 padding: 20px;
    background: #fff;
    border: 1px #ccc solid;
    box-shadow: 0 2px 3px 0 #ddd;
    -moz-box-shadow: 0 2px 3px 0 #ddd;
    -webkit-box-shadow: 0 2px 3px 0 #ddd;
	
}

}
/* ########### 1280px以上  大ＰＣ ########### */
@media (min-width: 1280px) {
/* レイキ */
.block3 {
    padding: 20px;
    background: #fff;
    border: 1px #ccc solid;
    box-shadow: 0 2px 3px 0 #ddd;
    -moz-box-shadow: 0 2px 3px 0 #ddd;
    -webkit-box-shadow: 0 2px 3px 0 #ddd;
}	
/* マッサージレッスン */	
.massage_lesson{
	 padding: 20px;
    background: #fff;
    border: 1px #ccc solid;
    box-shadow: 0 2px 3px 0 #ddd;
    -moz-box-shadow: 0 2px 3px 0 #ddd;
    -webkit-box-shadow: 0 2px 3px 0 #ddd;
	
}
/* チャクラ */
.cakra_kanan table{
	margin-top:10%;
}
	
}