@charset "utf-8";

/* --------------------------------------------------------
	メタモルフォーゼ・アクティベーション
-------------------------------------------------------- */
#metamor {
    background-image:url(../img/metamor_bg.gif);
	max-width: 950px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
	letter-spacing:0.1em;
}

#metamor #pankuzu{
	margin-left: 90px;
}

.metamor_box {
	max-width: 950px;
	margin-bottom: 80px;
}

.metamor_text {
	font-size: 116%;
	color:#333;
	margin: 30px 0 40px 110px;
	line-height: 1.8em;
}

.metamor_text2 {
	font-size:85%;
	line-height: 1.4em;
	color:#333;
	margin: 10px 0 40px 110px;
}

.metamor_text3 { color:#da2a6b; }

#metamor_contents .totop {
	clear: both;
	text-align: right;
	margin:0px 30px 0px 0px;
}

/* --------------------------------------------------------
	ハートフル・メタモルフォーゼ
-------------------------------------------------------- */
#heartful {
    background-image:url(../img/heartful_bg.gif);
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
	letter-spacing:0.1em;
}

#heartful #pankuzu{
	margin-left: 80px;
}

.heartful_box {
	max-width: 960px;
	margin-bottom: 60px;
}

.heartful_box2 {
	max-width: 760px;
	background-color:#9aeedd;
	margin: 0px auto 40px;
	border: 1px solid #666;
	padding: 5px 0;
}

.heartful_text {
	font-size: 116%;
	color:#52000f;	
	margin: 30px 0 40px 170px;
	line-height: 1.8em;
}

#heartful_contents .totop {
	clear: both;
	text-align: right;
	margin:0px 30px 0px 0px;
}

/* --------------------------------------------------------
	オーロラデトックス・メタモルフォーゼ
-------------------------------------------------------- */
#aurora {
    background-image:url(../img/aurora_bg.gif);
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
	letter-spacing:0.1em;
}

#aurora #pankuzu{
	margin-left: 80px;
	color:#996;
	padding:10px 0 20px 0;
}

.aurora_box {
	max-width: 960px;
	margin-bottom: 60px;
}

.aurora_text {
	font-size: 116%;
	color:#fff;	
	margin: 30px 0 40px 130px;
	line-height: 1.8em;
}

.aurora_text2 {	color:#f9f; }

.aurora_text3 {	color:#99f;}

#aurora_contents .totop {
	clear: both;
	text-align: right;
	margin:0px 30px 0px 0px;
}

/* --------------------------------------------------------
	オーラ＆ホロスコープ
-------------------------------------------------------- */
#horoscope {
    background-image:url(../img/horoscope_bg.gif);
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
	letter-spacing:0.1em;
}

.horoscope_box, .horoscope_box1 {
	max-width: 960px;
	margin-bottom: 72px;
}

.horoscope_box1 h2 { margin: 33px 0 30px 99px; }

.horoscope_text {
	font-size: 116%;
	color:#52000f;
	margin: 24px 0 40px 99px;
	line-height: 1.8em;
}

.horoscope_text2 { color:#a10303; }

.horoscope_text3 { font-size:85%; }

#horoscope_contents .totop {
	clear: both;
	text-align: right;
	margin:0px 30px 0px 0px;
}

/* --------------------------------------------------------
	クジラのディープ・リラックス
-------------------------------------------------------- */
#whale {
    background-image:url(../img/whale_bg.gif);
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
	letter-spacing:0.1em;
}

#whale #pankuzu{ color:#fff; }

.whale_box, .whale_box1 {
	max-width: 960px;
	margin-bottom: 72px;
}

.whale_box1 h2 { margin: 24px 0 40px 99px; }

.whale_text {
	font-size: 116%;
	color: #fff;
	margin: 24px 0 40px 99px;
	line-height: 1.8em;
}

#whale_contents .totop {
	clear: both;
	text-align: right;
	margin:0px 30px 0px 0px;
}

/* --------------------------------------------------------
	レイキ
-------------------------------------------------------- */
#reiki {
	background-color:#fff;
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
	letter-spacing:0.1em;
}

#reiki #pankuzu{ color:#333; }

.reiki_box {
	max-width: 960px;
	margin-bottom: 82px;
}

.reiki_box .sub_img {
	float: right;
	padding: 20px 145px 0 0;
}

.reiki_box2 {
	clear: both;	
	max-width: 860px;
	margin: 43px 0 77px 90px;
}

.reiki_box2 .sub_img {
	float: right;
	padding: 0 190px 0 0;
}

.reiki_text {
	font-size: 116%;
	color: #333;
	margin: 24px 0 33px 99px;
	line-height: 1.8em;
}

.reiki_text2 {
	font-size: 116%;
	color: #333;
	margin: 12px 0 20px 66px;
	line-height: 1.8em;
}

#reiki_contents .totop {
	clear: both;
	text-align: right;
	margin:0px 30px 0px 0px;
}

#footer .reiki_copyright {
	clear:both;
	text-align:center;
}

/* --------------------------------------------------------
	ソウルメイト
-------------------------------------------------------- */
#soulmate {
	background-color:#04091f;
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
	letter-spacing:0.1em;
}

#soulmate #pankuzu{ color:#fff; }

.soulmate_box, .soulmate_box1 {
	max-width: 960px;
	margin-bottom: 72px;
}

.soulmate_box1 h2 {	margin: 24px 0 40px 99px; }

.soulmate_text {
	font-size: 116%;
	color:#fff;
	margin: 24px 0 40px 99px;
	line-height: 1.8em;
}

.soulmate_text2 { color:#c977bf; }

.soulmate_text3 { font-size:85%; }

#soulmate_contents .totop {
	clear: both;
	text-align: right;
	margin:0px 30px 0px 0px;
}

/* --------------------------------------------------------
	スピリチュアル
-------------------------------------------------------- */
#spiritual {
	background-color:#04091f;
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
	letter-spacing:0.1em;
}

#spiritual #pankuzu{ color:#fff; }

.spiritual_box {
	max-width: 960px;
	margin-bottom: 72px;
}

.spiritual_text {
	font-size: 116%;
	color:#fff;
	margin: 24px 0 40px 99px;
	line-height: 1.8em;
}

.spiritual_text2 { font-size:85%; }

#spiritual_contents .totop {
	clear: both;
	text-align: right;
	margin:0px 30px 0px 0px;
}

/* --------------------------------------------------------
	birthday
-------------------------------------------------------- */
#birthday {
    background-image:url(../img/birthday_bg.gif);
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
	letter-spacing:0.1em;
}

#birthday #pankuzu{
	margin-left: 80px;
	color:#996;
	padding:10px 0 20px 0;
}

.birthday_box {
	max-width: 960px;
	margin-bottom: 90px;
}

.birthday_box2 {
	background: url(../img/birthday_boxbg.gif) left center no-repeat;
	max-width: 960px;
	margin-bottom: 90px;
}

.birthday_text {
	font-size: 116%;
	color:#fff;	
	margin: 30px 0 40px 130px;
	line-height: 1.8em;
}

.birthday_text2 { color:#f9f; }

.birthday_text3 { color:#e8e061; }

#birthday_contents .totop {
	clear: both;
	text-align: right;
	margin:0px 30px 0px 0px;
}

/* --------------------------------------------------------
	birthday パターン2
-------------------------------------------------------- */
#birthday_p2 {
	background-color:#fff;
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
	letter-spacing:0.1em;
}

#birthday_p2 #pankuzu{
	margin-left: 40px;
	color:#996;
	padding:10px 0 20px 0;
}

.birthday_p2_box {
	max-width: 960px;
	margin-bottom: 90px;
}

.birthday_p2_text {
	font-size: 116%;
	margin: 30px 0 40px 130px;
	line-height: 1.8em;
}

.birthday_p2_text2 { color:#227dcf; }

.birthday_p2_text3 { background: linear-gradient(transparent 30%, #ffff68 30%); }

#birthday_p2_contents .totop {
	clear: both;
	text-align: right;
	margin:0px 30px 0px 0px;
}

/* --------------------------------------------------------
	birthday-photo
-------------------------------------------------------- */
#birthday_photo {
	background-color:#fff;
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
	letter-spacing:0.1em;
}

#birthday_photo #pankuzu{
	margin-left: 80px;
	color:#996;
	padding:10px 0 20px 0;
}

.birthday_photo_box {
	max-width: 960px;
	margin-bottom: 90px;
}

.birthday_photo_text {
	font-size: 116%;
	color:#151f1f;	
	margin: 30px 0 40px 130px;
	line-height: 1.8em;
}

.birthday_photo_thumbnail{
	vertical-align:bottom;
	margin-right: 10px;
}

#birthday_photo_contents .totop {
	clear: both;
	text-align: right;
	margin:0px 30px 0px 0px;
}

/* --------------------------------------------------------
	母の日
-------------------------------------------------------- */
#mother {
    background-image:url(../img/mother_bg.gif);
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
	letter-spacing:0.1em;
}

#mother #pankuzu{ color:#640000; }

.mother_box, .mother_box1 {
	max-width: 960px;
	margin-bottom: 72px;
}

.mother_box1 h2 { margin: 38px 0 40px; }

.mother_text {
	font-size: 116%;
	color: #640000;
	margin: 24px 0 30px 99px;
	line-height: 1.8em;
}

.mother_text2 {
	font-size:85%;
	color: #640000;
	margin: 24px 0 33px 99px;
}

#mother_contents .totop {
	clear: both;
	text-align: right;
	margin:0px 30px 0px 0px;
}

/* --------------------------------------------------------
	父の日
-------------------------------------------------------- */
#father {
	background-color:#fff;
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
	letter-spacing:0.1em;
}

#father #pankuzu{ color:#640000; }

.father_box, .father_box1 {
	max-width: 960px;
	margin-bottom: 72px;
}

.father_box1 h2 { margin: 38px 0 40px; }

.father_text {
	font-size: 116%;
	color: #640000;
	margin: 24px 0 30px 99px;
	line-height: 1.8em;
}

.father_text2 {
	font-size:85%;
	color: #640000;
	margin: 24px 0 33px 99px;
}

#father_contents .totop {
	clear: both;
	text-align: right;
	margin:0px 30px 0px 0px;
}

/* --------------------------------------------------------
	リンパデトックス
-------------------------------------------------------- */
#remph-detox {
	background-color:#fff;
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
	letter-spacing:0.1em;
}

#remph-detox #pankuzu{ color:#3c3c3c; }

.remph-detox_box {
	max-width: 960px;
	margin-bottom: 82px;
}

.remph-detox_text {
	font-size: 116%;
	color: #3c3c3c;
	margin: 24px 0 33px 99px;
	line-height: 1.8em;
}

.remph-detox_text2 { background: linear-gradient(transparent 30%, #d9eed1 30%); }

#remph-detox_contents .totop {
	clear: both;
	text-align: right;
	margin:0px 30px 0px 0px;
}

#footer .remph-detox_copyright {
	clear:both;
	text-align:center;
}

/* --------------------------------------------------------
	現実創造
-------------------------------------------------------- */
#creation {
	background-color:#fff;
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
	letter-spacing:0.1em;
}

#creation #pankuzu{ color:#3f3404; }

.creation_box {
	max-width: 960px;
	margin-bottom: 72px;
}

.creation_text {
	font-size: 116%;
	color:#3f3404;
	margin: 24px 0 40px 99px;
	line-height: 1.8em;
}

.creation_text2 { background: linear-gradient(transparent 30%, #ffff68 30%); }

#creation_contents .totop {
	clear: both;
	text-align: right;
	margin:0px 30px 0px 0px;
}

/* --------------------------------------------------------
	ドリシティグループ
-------------------------------------------------------- */
#drishiti_group {
	background-color:#fff;
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
	letter-spacing:0.1em;
}

#drishiti_group #pankuzu{ color:#3f3404; }

.drishiti_group_box {
	max-width: 960px;
	margin-bottom: 72px;
}

.drishiti_group_ttl {
	font-size: 162%;
	font-weight: bold;
	color:#3f3404;
	margin: 24px 0 40px 99px;
	line-height: 1.8em;
}

.drishiti_group_text {
	font-size: 116%;
	color:#3f3404;
	margin: 24px 0 40px 99px;
	line-height: 1.8em;
}

.drishiti_group_text2 { margin: 24px 0 10px 99px; }

.drishiti_group_text3 { font-size:100%; }

.drishiti_group_text4 { background: linear-gradient(transparent 30%, #ffff68 30%); }

.drishiti_group_pic { margin-left: 99px; }

#drishiti_group_contents .totop {
	clear: both;
	text-align: right;
	margin:0px 30px 0px 0px;
}

/* --------------------------------------------------------
	アニマル　バースデー
-------------------------------------------------------- */
#animal_bd {
	background-color:#fff;
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
	letter-spacing:0.1em;
}

#animal_bd #pankuzu{ color:#3f3404; }

.animal_bd_box {
	max-width: 960px;
	margin-bottom: 72px;
}

.animal_bd_text {
	font-size: 116%;
	color:#3f3404;
	margin: 24px 0 40px 99px;
	line-height: 1.8em;
}

.animal_bd_text2 { background: linear-gradient(transparent 30%, #ffff68 30%); }

#animal_bd_contents .totop {
	clear: both;
	text-align: right;
	margin:0px 30px 0px 0px;
}

/* --------------------------------------------------------
	ヴィーナス
-------------------------------------------------------- */
#venus {
	background-color:#fff;
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
	letter-spacing:0.1em;
}

#venus #pankuzu{ color:#3f3404; }

.venus_box {
	max-width: 960px;
	margin-bottom: 72px;
}

.venus_text {
	font-size: 116%;
	color:#3f3404;
	margin: 24px 0 40px 99px;
	line-height: 1.8em;
}

.venus_text2 { background: linear-gradient(transparent 30%, #ffff68 30%); }

#venus_contents .totop {
	clear: both;
	text-align: right;
	margin:0px 30px 0px 0px;
}

/* --------------------------------------------------------
	大掃除
-------------------------------------------------------- */
#cleaning2016 {
	background-color:#fff;
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
	letter-spacing:0.1em;
}

#cleaning2016 #pankuzu{ color:#3f3404; }

.cleaning2016_box {
	max-width: 960px;
	margin-bottom: 72px;
}

.cleaning2016_text {
	font-size: 116%;
	color:#3f3404;
	margin: 24px 0 40px 99px;
	line-height: 1.8em;
}

.cleaning2016_text2 { background: linear-gradient(transparent 30%, #ffff68 30%); }

.cleaning2016_text3 { 
	font-size: 100%;
	color:#3f3404;
	margin: 24px 0 40px 99px;
	line-height: 1.8em;
}

.cleaning2016_space { margin-top: 50px; }

#cleaning2016_contents .totop {
	clear: both;
	text-align: right;
	margin:0px 30px 0px 0px;
}

/* --------------------------------------------------------
	初日の出
-------------------------------------------------------- */
#sunrise2017 {
	background-color:#fff;
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
	letter-spacing:0.1em;
}

#sunrise2017 #pankuzu{ color:#3f3404; }

.sunrise2017_box {
	clear: both;
	max-width: 960px;
	margin-bottom: 72px;
}

.sunrise2017_box .sub_pic {
	float: right;
	padding: 0 10px 0 0;
}

.sunrise2017_text {
	font-size: 116%;
	color:#3f3404;
	margin: 41px 0 40px 99px;
	line-height: 1.8em;
}

.sunrise2017_text2 { background: linear-gradient(transparent 30%, #ffff68 30%); }

.sunrise2017_pic { margin-left: 99px; }

#sunrise2017_contents .totop {
	clear: both;
	text-align: right;
	margin:0px 30px 0px 0px;
}

/* --------------------------------------------------------
	春のヒーリング
-------------------------------------------------------- */
#spring2017 {
	background-color:#fff;
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
	letter-spacing:0.1em;
}

#spring2017 #pankuzu{ color:#3f3404; }

.spring2017_box {
	max-width: 960px;
	margin-bottom: 72px;
}

.spring2017_text {
	font-size: 116%;
	color:#3f3404;
	margin: 24px 0 40px 99px;
	line-height: 1.8em;
}

.spring2017_text2 { background: linear-gradient(transparent 30%, #ffff68 30%); }

.spring2017_text3 { 
	font-size: 100%;
	color:#3f3404;
	margin: 24px 0 40px 99px;
	line-height: 1.8em;
}

.spring2017_space { margin-top: 50px; }

#spring2017_contents .totop {
	clear: both;
	text-align: right;
	margin:0px 30px 0px 0px;
}

/* --------------------------------------------------------
	ヒプノ
-------------------------------------------------------- */
#hypno_img { 
	max-width: 960px;
	max-height: 760px;
}

#hypno {
	background-color:#fff;
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
	letter-spacing:0.1em;
}

#hypno #pankuzu{ color:#22282e; }

.hypno_box {
	max-width: 960px;
	margin-bottom: 72px;
}

.hypno_heading {
	margin: 0 auto;
	padding: 20px 0 10px;
	text-align: center;
}

.hypno_heading_img { margin-bottom: 16px;}

.hypno_text {
	font-size: 116%;
	color:#22282e;
	margin: 24px 0 40px 99px;
	line-height: 1.8em;
}

.hypno_text2 { background: linear-gradient(transparent 30%, #ffff68 30%); }

.hypno_text3 { 
	font-size: 100%;
	color:#22282e;
	margin: 24px 0 40px 99px;
	line-height: 1.8em;
}

.hypno_space { margin-top: 50px; }

#hypno_contents .totop {
	clear: both;
	text-align: right;
	margin:0px 30px 0px 0px;
}

/* --------------------------------------------------------
	ヒーリング・ジャーニー
-------------------------------------------------------- */
#healing-journey_img { 
	max-width: 960px;
	max-height: 760px;
}

#healing-journey {
	background-color:#fff;
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
	letter-spacing:0.1em;
}

#healing-journey_ #pankuzu{ color:#22282e; }

.healing-journey_box {
	max-width: 960px;
	margin-bottom: 72px;
}

.healing-journey_heading {
	margin: 0 auto;
	padding: 20px 0 10px;
	text-align: center;
}

.healing-journey_heading_img { margin-bottom: 16px;}

.healing-journey_text {
	font-size: 116%;
	color:#22282e;
	margin: 24px 0 40px 99px;
	line-height: 1.8em;
}

.healing-journey_text2 { background: linear-gradient(transparent 30%, #ffff68 30%); }

.healing-journey_text3 { 
	font-size: 100%;
	color:#22282e;
	margin: 24px 0 40px 99px;
	line-height: 1.8em;
}

.healing-journey_space { margin-top: 50px; }

#healing-journey_contents .totop {
	clear: both;
	text-align: right;
	margin:0px 30px 0px 0px;
}



/* --------------------------------------------------------
	ムーン
-------------------------------------------------------- */
#moon {
	background-color:#fff;
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
	letter-spacing:0.1em;
}

#moon #pankuzu{ color:#3f3404; }

.moon_box {
	max-width: 960px;
	margin-bottom: 72px;
}

.moon_text {
	font-size: 116%;
	color:#3f3404;
	margin: 24px 0 40px 99px;
	line-height: 1.8em;
}

.moon_text2 { background: linear-gradient(transparent 30%, #ffff68 30%); }

.moon_list {
	font-size: 116%;
	font-weight:bold;
	color:#3f3404;
	margin: 24px 0 40px 101px;
	line-height: 1.8em;
	list-style-type:disc;
}

#moon_contents .totop {
	clear: both;
	text-align: right;
	margin:0px 30px 0px 0px;
}

/* --------------------------------------------------------
	子宮との対話
-------------------------------------------------------- */
#womb-therapy_img { 
	max-width: 960px;
	max-height: 760px;
}

#womb-therapy {
	background-color:#fff;
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
	letter-spacing:0.1em;
}

#womb-therapy_ #pankuzu{ color:#22282e; }

.womb-therapy_box {
	max-width: 960px;
	margin-bottom: 72px;
}

.womb-therapy_heading {
	margin: 0 auto;
	padding: 20px 0 10px;
	text-align: center;
}

.womb-therapy_heading_img { margin-bottom: 16px;}

.womb-therapy_text {
	font-size: 116%;
	color:#22282e;
	margin: 24px 0 40px 99px;
	line-height: 1.8em;
}

.womb-therapy_text2 { background: linear-gradient(transparent 30%, #ffff68 30%); }

.womb-therapy_text3 { 
	font-size: 100%;
	color:#22282e;
	margin: 24px 0 40px 99px;
	line-height: 1.8em;
}

.womb-therapy_text4 {
	font-size: 116%;
	color:#22282e;
	margin: 24px 0 40px 99px;
	line-height: 2.2em;
}

.womb-therapy_space { margin-top: 50px; }

#womb-therapy_contents .totop {
	clear: both;
	text-align: right;
	margin:0px 30px 0px 0px;
}

/* --------------------------------------------------------
	母の日2018・2019
-------------------------------------------------------- */

#mother2018_img { 
	max-width: 960px;
	max-height: 760px;
}

#mother2018 {
	background-color:#fff;
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
	letter-spacing:0.1em;
}

#mother2018_ #pankuzu{ color:#22282e; }

.mother2018_box {
	max-width: 960px;
	margin-bottom: 72px;
}

.mother2018_heading {
	margin: 0 auto;
	padding: 20px 0 10px;
	text-align: center;
}

.mother2018_heading_img { margin-bottom: 16px;}

.mother2018_text {
	font-size: 116%;
	color:#22282e;
	margin: 24px 0 40px 99px;
	line-height: 1.8em;
}

.mother2018_text2 { background: linear-gradient(transparent 30%, #ffff68 30%); }

.mother2018_text3 { 
	font-size: 100%;
	color:#22282e;
	margin: 24px 0 40px 99px;
	line-height: 1.8em;
}

.mother2018_text4 {
	font-size: 116%;
	color:#22282e;
	margin: 24px 0 40px 99px;
	line-height: 2.2em;
}

.mother2018_space { margin-top: 50px; }

#mother2018_contents .totop {
	clear: both;
	text-align: right;
	margin:0px 30px 0px 0px;
}

#mother2018 table {
	border-collapse: collapse;
	width:90%;
	margin: 0 auto 30px;
}

#mother2018 th.t_top { border-top: #e3e3e3 1px dotted; }

#mother2018 th {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
	font-weight: normal;
}

#mother2018 td.t_top {	border-top:  #e3e3e3 1px dotted; }

#mother2018 td {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
}

#mother2018 tr:hover {
    background: #fff;
    color: #077a87;
}

#mother2018 table.boon caption,table.yamato caption {
    caption-side: bottom;
    text-align: right;
    margin-top: 0.5em;
    font-size: 1em;
    color: #22282e;
}

/* --------------------------------------------------------
	父の日　2018
-------------------------------------------------------- */
#father2018_img { 
	max-width: 960px;
	max-height: 760px;
}

#father2018 {
	background-color:#fff;
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
	letter-spacing:0.1em;
}

#father2018_ #pankuzu{ color:#22282e; }

.father2018_box {
	max-width: 960px;
	margin-bottom: 72px;
}

.father2018_heading {
	margin: 0 auto;
	padding: 20px 0 10px;
	text-align: center;
}

.father2018_heading_img { margin-bottom: 16px;}

.father2018_text {
	font-size: 116%;
	color:#22282e;
	margin: 24px 0 40px 99px;
	line-height: 1.8em;
}

.father2018_text2 { background: linear-gradient(transparent 30%, #ffff68 30%);}

.father2018_text3 { 
	font-size: 100%;
	color:#22282e;
	margin: 24px 0 40px 99px;
	line-height: 1.8em;
}

.father2018_text4 {
	font-size: 116%;
	color:#22282e;
	margin: 24px 0 40px 99px;
	line-height: 2.2em;
}

.father2018_space { margin-top: 50px; }

#father2018_contents .totop {
	clear: both;
	text-align: right;
	margin:0px 30px 0px 0px;
}

/* --------------------------------------------------------
	夏至のグループヒーリング 2019
-------------------------------------------------------- */
#summer-solstice2019_img { 
	max-width: 960px;
	max-height: 760px;
}

#summer-solstice2019 {
	background-color:#fff;
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
	letter-spacing:0.1em;
}

#summer-solstice2019_ #pankuzu{ color:#22282e; }

.summer-solstice2019_box {
	max-width: 960px;
	margin-bottom: 72px;
}

.summer-solstice2019_heading {
	margin: 0 auto;
	padding: 20px 0 10px;
	text-align: center;
}

.summer-solstice2019_heading_img { margin-bottom: 16px;}

.summer-solstice2019_text {
	font-size: 116%;
	color:#22282e;
	margin: 24px 0 40px 99px;
	line-height: 1.8em;
}

.summer-solstice2019_text2 { background: linear-gradient(transparent 30%, #ffff68 30%); }

.summer-solstice2019_text3 { 
	font-size: 100%;
	color:#22282e;
	margin: 24px 0 40px 99px;
	line-height: 1.8em;
}

.summer-solstice2019_space { margin-top: 50px; }

#summer-solstice2019_contents .totop {
	clear: both;
	text-align: right;
	margin:0px 30px 0px 0px;
}

/* --------------------------------------------------------
	ディナー　2018
-------------------------------------------------------- */
#dinner2018_img { 
	max-width: 960px;
	max-height: 760px;
}

#dinner2018 {
	background-color:#fff;
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
	letter-spacing:0.1em;
}

#dinner2018_ #pankuzu{ color:#22282e; }

.dinner2018_box {
	max-width: 960px;
	margin-bottom: 72px;
}

.dinner2018_heading {
	margin: 0 auto;
	padding: 20px 0 10px;
	text-align: center;
}

.dinner2018_heading_img { margin-bottom: 16px;}

.dinner2018_text {
	font-size: 116%;
	color:#22282e;
	margin: 24px 0 40px 99px;
	line-height: 1.8em;
}

.dinner2018_text2 { background: linear-gradient(transparent 30%, #ffff68 30%);}

.dinner2018_text3 { 
	font-size: 100%;
	color:#22282e;
	margin: 24px 0 40px 99px;
	line-height: 1.8em;
}

.dinner2018_text4 {
	font-size: 116%;
	color:#22282e;
	margin: 24px 0 40px 99px;
	line-height: 2.2em;
}

.dinner2018_space { margin-top: 50px; }

#dinner2018_contents .totop {
	clear: both;
	text-align: right;
	margin:0px 30px 0px 0px;
}

/* --------------------------------------------------------
	ヴァレンタイン2018
-------------------------------------------------------- */
#valentine2018 {
	background-color:#fff;
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
	letter-spacing:0.1em;
}

#valentine2018 #pankuzu{ color:#3f3404; }

.valentine2018_box {
	max-width: 960px;
	margin-bottom: 72px;
}

.valentine2018_text {
	font-size: 116%;
	color:#3f3404;
	margin: 24px 0 40px 99px;
	line-height: 1.8em;
}

.valentine2018_text2 { background: linear-gradient(transparent 30%, #ffff68 30%); }

.valentine2018_text3 { 
	color: orange;
}

.valentine2018_space { margin-top: 50px; }

#valentine2018_contents .totop {
	clear: both;
	text-align: right;
	margin:0px 30px 0px 0px;
}

/* --------------------------------------------------------
	お金の流れを変える
-------------------------------------------------------- */
#money-release_img { 
	max-width: 960px;
	max-height: 760px;
}

#money-release {
	background-color:#fff;
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
	letter-spacing:0.1em;
}

#money-release_ #pankuzu{ color:#22282e; }

.money-release_box {
	max-width: 960px;
	margin-bottom: 72px;
}

.money-release_heading {
	margin: 0 auto;
	padding: 20px 0 10px;
	text-align: center;
}

.money-release_heading_img { margin-bottom: 16px;}

.money-release_text {
	font-size: 116%;
	color:#22282e;
	margin: 24px 0 40px 99px;
	line-height: 1.8em;
}

.money-release_text4 {
	font-size: 116%;
	color:#22282e;
	margin: 24px 0 40px 99px;
	line-height: 2.2em;
}

#money-release_contents .totop {
	clear: both;
	text-align: right;
	margin:0px 30px 0px 0px;
}

/* --------------------------------------------------------
	セラピストスキル
-------------------------------------------------------- */
#improve {
	background-color:#fff;
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
	letter-spacing:0.1em;
}

#improve #pankuzu{ color:#3f3404; }

.improve_box {
	max-width: 960px;
	margin-bottom: 72px;
}

.improve_text {
	font-size: 116%;
	color:#3f3404;
	margin: 24px 0 40px 99px;
	line-height: 1.8em;
}

.improve_text2 { background: linear-gradient(transparent 30%, #ffff68 30%); }

.improve_list {
	font-size: 116%;
	font-weight:bold;
	color:#3f3404;
	margin: 24px 0 40px 121px;
	line-height: 1.8em;
	list-style-type:disc;
}

#improve_contents .totop {
	clear: both;
	text-align: right;
	margin:0px 30px 0px 0px;
}

/* --------------------------------------------------------
	グラフィック
-------------------------------------------------------- */
#graphics {
	background-color:#fff;
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
	letter-spacing:0.1em;
}

#graphics #pankuzu{	margin-bottom: 26px; }

#graphics_logo {
	float:left;
	padding-left: 30px;
}

#graphics_gnav {
	float:right;
	overflow: hidden;
	height: auto;
	padding-right: 40px;
}

#graphics_gnav li {
	float: left;
	padding-left: 51px;
}

.graphics_box {
	max-width: 960px;
	margin-bottom: 99px;
}

.graphics_text {
	font-size: 116%;
	margin: 24px 0 40px 99px;
	line-height: 1.8em;
}

.graphics_text2 {
	font-size: 93%;
	margin: 24px 0 40px 99px;
	line-height: 1.8em;
}

.graphics_marker {
      background-color: #fff100;
	  margin: 0 0.3em 8px;
	  padding: 0 0.3em;
}

.catch {
	clear:both;
	text-align:center;
	padding-bottom:40px;
}

#graphics_toggle { display: none; }


/* --------------------------------------------------------
	クリスタルショップ
-------------------------------------------------------- */
#crystal_home,#crystal,#crystal_stone {
	background-color:#fff;
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
	letter-spacing:0.1em;
}

#crystal_contact {
	background-color:#fff;
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
}

#crystal_home h2 { display:none; }

#crystal #pankuzu{	margin-bottom: 33px; }

#crystal_logo {
	text-align:center;
	padding-bottom: 16px;
}

#crystal_spmenu, .crystal_sub_spmenu {
  display: table;
  table-layout: fixed;
  text-align: center;
  width: 100%;
  padding-bottom: 33px;
}

#crystal_spmenu li, .crystal_sub_spmenu li {
  display: table-cell;
  vertical-align: top;
  box-sizing: border-box;
}

.crystal_box {
	max-width: 960px;
	margin-bottom: 99px;
}

.crystal_text {
	font-size: 116%;
	margin: 24px 0 40px 99px;
	line-height: 1.8em;
}

.crystal_text2 {
	font-size: 93%;
	margin: 24px 0 40px 99px;
	line-height: 1.8em;
}

.crystal_marker {
      background-color: #fff100;
	  margin: 0 0.3em 8px;
	  padding: 0 0.3em;
}

.crystal_catch {
	clear:both;
	text-align:center;
	padding-bottom:80px;
}

.crystal_ttl {
	clear:both;
	text-align:center;
	padding:15px 0 25px 0;
}

.crystal_mail {
	clear:both;
	text-align:center;
	padding:15px 0 60px 0;
}

.crystal_privacy {
	clear:both;
	float:right;
	padding: 20px 0;
}

#crystal_toggle { display: none; }

#crystal_news {
	max-width: 600px;
	margin: 0 auto;
}

.crystal_inner { padding: 0 20px; }

.crystal_news_ttl {
	text-align: center;
	margin-bottom: 25px;
}

.crystal_news_list li {
	margin-bottom: 20px;
	padding-bottom: 18px;
	overflow: hidden;
}

.crystal_news_list .date {
	display: block;
	float: left;
	width: 10%;
	padding-left: 10px;
}

.crystal_news_list .text {
	float: right;
	width: 77%;
	padding-right: 10px;
}

.crystal_news_list a { transition: all .3s; }

.crystal_news_list a:hover { color: #DDD; }

.crystal_news_list li {
    margin-bottom: 15px;
    padding-bottom: 13px;
    border-bottom: 1px solid #ccc;
    font-size: 13px;
}

.crystal_news_list li.last { margin-bottom: 0; }

#crystal h3 { margin: 0 0 15px 10px; }

#crystal table {
	border-collapse: collapse;
	width:90%;
	margin: 0 auto 30px;
}

#crystal th.t_top { border-top: #e3e3e3 1px dotted; }

#crystal th {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
	font-weight: normal;
}

#crystal td.t_top {	border-top:  #e3e3e3 1px dotted; }

#crystal td {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
}

#crystal tr:hover {
    background: #fff;
    color: #077a87;
}

#crystal table.boon caption,table.yamato caption {
    caption-side: bottom;
    text-align: right;
    margin-top: 0.5em;
    font-size: 1em;
    color: #bbb;
}

.crystal_about_ttl { padding-left: 30px; }

.crystal_subttl { background: linear-gradient(transparent 30%, #c1fdea 30%); }

.crystal_emphasis { color:#7dd0b6; }

.crystal_privacyttl { color:#077a87; }

#deteil-area{ margin-bottom: 22px; }

#detail-area p{
	font-size:108%;
	line-height:1.8;
	padding: 14px 10px 0px 30px;
}

#detail-left {
	float:left;
	max-width:560px;
}

#detail-left img {
	margin-bottom: 40px;
}

#detail-right {
	float:right;
	width:350px;
}

#detail-right p{
	font-size:108%;
	line-height:1.8;
	margin-bottom: 20px;
}

.stone-name {
	margin-bottom: 20px;
	font-size: 20px;
}
.stone-status {
	margin-bottom: 30px
}
.stone-status ul {
	margin-bottom: 30px;
	border-top: 1px solid #CCCCCC;
}
.stone-status li {
	padding: 15px 0;
	border-bottom: 1px solid #CCCCCC;
	font-size: 13px;
}
.stone-status dt {
	display: block;
	margin-bottom: 3px;
	font-weight: bold;
}

.shoes-status ul {
	margin-bottom: 30px;
}
.stone-status li {
	padding: 20px 0;
	border-bottom: 1px solid #CCC;
	font-size: 13px;
}
.stone-status dl {
	overflow: hidden;
}
.stone-status dt {
	display: block;
	float: left;
	width: 15%;
	margin-bottom: 0;
	padding-left: 10px;
}
.stone-status dd {
	display: block;
	float: right;
	width: 75%;
	padding-right: 10px;
}

.purchase-box {
	margin-bottom: 30px;
	padding: 25px 30px;
	border: 1px solid #CCC;
}

.purchase-box h3 {
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
}

.purchase-box dt {
	display: block;
	float: left;
	width: 38%;
	font-weight: bold;
}
.purchase-box dd {
	float: right;
	width: 62%;
}

.stone-mailing h3 {
	margin: 0 0 10px 0;
	font-size: 16px;
	font-weight: bold;
}

.stone-mailing {
	margin-bottom: 40px;
}


/* ########### 630px以下 ########### */
@media (max-width: 630px) {
	
/* --------------------------------------------------------
	メタモルフォーゼ・アクティベーション
-------------------------------------------------------- */
#metamor #pankuzu{ margin-left: 10px; }

.metamor_text {	margin: 30px 0 40px 10px; }

.metamor_text2 { margin: 10px 0 40px 10px; }

#metamor_contents .totop { margin:0px 0px 20px 0px; }

/* --------------------------------------------------------
	ハートフル・メタモルフォーゼ
-------------------------------------------------------- */
#heartful #pankuzu{	margin-left: 10px;}

.heartful_box2 {
	margin: 0px 10px 40px;
	padding: 2px 2px;
}

.heartful_text {margin: 30px 0 40px 10px; }

#heartful_contents .totop {	margin:0px 10px 20px 0px; }

/* --------------------------------------------------------
	オーロラデトックス・メタモルフォーゼ
-------------------------------------------------------- */
#aurora #pankuzu{ margin-left: 10px; }

.aurora_text { margin: 30px 0 40px 10px; }

#aurora_contents .totop { margin:0px 10px 20px 0px; }

/* --------------------------------------------------------
	オーラ＆ホロスコープ
-------------------------------------------------------- */
.horoscope_box1 h2 { margin: 33px 0 30px 10px; }

.horoscope_text { margin: 24px 0 40px 10px; }

#horoscope_contents .totop { margin:0px 10px 20px 0px; }

/* --------------------------------------------------------
	クジラのディープ・リラックス
-------------------------------------------------------- */
.whale_box1 h2 { margin: 24px 0 40px 10px; }

.whale_text { margin: 24px 0 40px 10px; }

#whale_contents .totop {
	clear: both;
	text-align: right;
	margin:0px 10px 20px 0px;
}

/* --------------------------------------------------------
	レイキ
-------------------------------------------------------- */
.reiki_box .sub_img,.reiki_box2 .sub_img { float: none; }

.reiki_box2 { margin: 43px 0 77px 10px; }

.reiki_text { margin: 24px 0 33px 10px; }

.reiki_text2 { margin: 12px 0 20px 10px; }

#reiki_contents .totop {
	clear: both;
	text-align: right;
	margin:0px 10px 20px 0px;
}

/* --------------------------------------------------------
	ソウルメイト
-------------------------------------------------------- */
.soulmate_box1 h2 {	margin: 24px 0 40px 10px; }

.soulmate_text { margin: 24px 0 40px 10px; }

#soulmate_contents .totop {	margin:0px 10px 20px 0px; }

/* --------------------------------------------------------
	スピリチュアル
-------------------------------------------------------- */
#spiritual #pankuzu{ color:#fff; }

.spiritual_text { margin: 24px 0 40px 10px; }

.spiritual_text2 { font-size:85%; }

#spiritual_contents .totop { margin:0px 10px 20px 0px; }

/* --------------------------------------------------------
	birthday
-------------------------------------------------------- */
#birthday #pankuzu{	margin-left: 10px; }

.birthday_text { margin: 30px 0 40px 10px; }

#birthday_contents .totop {
	clear: both;
	text-align: right;
	margin:0px 10px 20px 0px;
}

/* --------------------------------------------------------
	birthday パターン2
-------------------------------------------------------- */
#birthday_p2 #pankuzu{	margin-left: 10px; }

.birthday_p2_text { margin: 30px 0 40px 10px; }

#birthday_p2_contents .totop {
	clear: both;
	text-align: right;
	margin:0px 10px 20px 0px;
}

/* --------------------------------------------------------
	birthday_photo
-------------------------------------------------------- */
#birthday_photo #pankuzu{ margin-left: 10px; }

.birthday_photo_text { margin: 30px 0 40px 10px; }

#birthday_photo_contents .totop { margin:0px 10px 20px 0px; }

/* --------------------------------------------------------
	母の日
-------------------------------------------------------- */
.mother_box1 h2 { margin: 38px 0 40px; }

.mother_text { margin: 24px 0 40px 10px; }

.mother_text2 { margin: 24px 0 33px 10px; }

#mother_contents .totop {
	clear: both;
	text-align: right;
	margin:0px 10px 20px 0px;
}

/* --------------------------------------------------------
	父の日
-------------------------------------------------------- */
.father_box1 h2 { margin: 38px 0 40px; }

.father_text { margin: 24px 0 40px 10px; }

.father_text2 { margin: 24px 0 33px 10px; }

#father_contents .totop {
	clear: both;
	text-align: right;
	margin:0px 10px 20px 0px;
}

/* --------------------------------------------------------
	リンパデトックス
-------------------------------------------------------- */
.remph-detox_text { margin: 24px 0 33px 10px; }

.remph-detox_text2 { margin: 12px 0 20px 10px; }

#remph-detox_contents .totop {
	clear: both;
	text-align: right;
	margin:0px 10px 20px 0px;
}

/* --------------------------------------------------------
	現実創造
-------------------------------------------------------- */
.creation_text { margin: 24px 0 40px 10px; }

#creation_contents .totop {	margin:0px 10px 20px 0px; }

/* --------------------------------------------------------
	ドリシティグループ
-------------------------------------------------------- */
.drishiti_group_text { margin: 24px 0 40px 10px; }

.drishiti_group_pic { margin-left: 10px; }

#drishiti_group_contents .totop { margin:0px 10px 20px 0px; }

/* --------------------------------------------------------
	アニマル　バースデー
-------------------------------------------------------- */
.animal_bd_text { margin: 24px 0 40px 10px; }

#animal_bd_contents .totop { margin:0px 10px 20px 0px; }

/* --------------------------------------------------------
	ヴィーナス
-------------------------------------------------------- */
.venus_text { margin: 24px 0 40px 10px; }

#venus_contents .totop {	margin:0px 10px 20px 0px; }

/* --------------------------------------------------------
	大掃除
-------------------------------------------------------- */
.cleaning2016_text { margin: 24px 0 40px 10px; }

#cleaning2016_contents .totop {	margin:0px 10px 20px 0px; }

/* --------------------------------------------------------
	初日の出
-------------------------------------------------------- */
.sunrise2017_text { margin: 24px 0 40px 10px; }

.sunrise2017_pic { margin-left: 10px; }
	
.sunrise2017_box .sub_pic {	float: none; }

#sunrise2017_contents .totop {	margin:0px 10px 20px 0px; }

/* --------------------------------------------------------
	春のヒーリング
-------------------------------------------------------- */
.spring2017_text { margin: 24px 0 40px 10px; }

#spring2017_contents .totop {	margin:0px 10px 20px 0px; }
	
/* --------------------------------------------------------
	ヒプノ
-------------------------------------------------------- */
.hypno_text { margin: 24px 0 40px 10px; }

#hypno_contents .totop {	margin:0px 10px 20px 0px; }
	
/* --------------------------------------------------------
	ヒーリング・ジャーニー
-------------------------------------------------------- */
.healing-journey_text { margin: 24px 0 40px 10px; }

#healing-journey_contents .totop {	margin:0px 10px 20px 0px; }

/* --------------------------------------------------------
	ムーン
-------------------------------------------------------- */
.moon_text { margin: 24px 0 40px 10px; }

.moon_list { margin: 24px 0 40px 16px; }

#moon_contents .totop {	margin:0px 10px 20px 0px; }

/* --------------------------------------------------------
	子宮との対話
-------------------------------------------------------- */
.womb-therapy_text,.womb-therapy_text4 { margin: 24px 0 40px 10px; }

#womb-therapy_contents .totop {	margin:0px 10px 20px 0px; }

/* --------------------------------------------------------
	母の日2018
-------------------------------------------------------- */
.mother2018_text,.mother2018_text4 { margin: 24px 0 40px 10px; }

#mother2018_contents .totop { margin:0px 10px 20px 0px; }
	
/* --------------------------------------------------------
	父の日2018
-------------------------------------------------------- */
.father2018_text,.father2018_text4 { margin: 24px 0 40px 10px; }

#father2018_contents .totop { margin:0px 10px 20px 0px; }

/* --------------------------------------------------------
	夏至のグループヒーリング2019
-------------------------------------------------------- */
.summer-solstice2019_text { margin: 24px 0 40px 10px; }

#summer-solstice2019_contents .totop {	margin:0px 10px 20px 0px; }
	
/* --------------------------------------------------------
	ディナー2018
-------------------------------------------------------- */
.dinner2018_text,.dinner2018_text4 { margin: 24px 0 40px 10px; }

#dinner2018_contents .totop { margin:0px 10px 20px 0px; }

/* --------------------------------------------------------
	ヴァレンタイン2018
-------------------------------------------------------- */
.valentine2018_text { margin: 24px 0 40px 10px; }

#valentine2018_contents .totop {	margin:0px 10px 20px 0px; }

/* --------------------------------------------------------
	お金の流れを変える
-------------------------------------------------------- */
.money-release_text,.money-release_text4 { margin: 24px 0 40px 10px; }

#money-release_contents .totop {	margin:0px 10px 20px 0px; }

/* --------------------------------------------------------
	セラピストスキル
-------------------------------------------------------- */
.improve_text { margin: 24px 0 40px 10px; }

.improve_list { margin: 24px 0 40px 16px; }

#improve_contents .totop {	margin:0px 10px 20px 0px; }

/* --------------------------------------------------------
	グラフィック
-------------------------------------------------------- */
#graphics_logo { max-width: 70%; }

.graphics_text,.graphics_text2 { margin: 24px 0 40px 10px; }


/* --------------------------------------------------------
	クリスタル
-------------------------------------------------------- */
#crystal_logo { max-width: 70%; }

.crystal_text,.crystal_text2 { margin: 24px 0 40px 10px; }

.crystal_news_list .date, .crystal_news_list .text { float: none; }

}


/* ########### 910px以下 ########### */
@media (max-width: 910px) {

#graphics_logo { padding-left: 10px; }

#graphics_gnav { padding-right: 10px; }

#graphics_gnav li {	padding-left: 10px; }

/* graphics_gnav
------------------------------------------*/
#graphics_gnav { width: 100%; }

#graphics_gnav { background: none; }

#graphics_gnav ul {
	 width: 100%;
}

#graphics_gnav li { float: none; }

#graphics_gnav ul li img { display: none; }

#graphics_gnav li a {
	 display: block;
     text-decoration: none;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}

#graphics_gnav li a:before { content: attr(data-label); }

#graphics_spmenu li{
	display: block;
	float: left;
	padding:　5px 0 6px;;
}

#graphics_spmenu li a {
	display: block;
	width: 90%;
	margin: -4px auto 0;
	padding: 10px 0 10px;
	background-color: #fff;
	font-size: 24px;
	color: #000;
	text-align: center;
	text-decoration: none;
	border:solid 4px #000;
}

#graphics_spmenu li a:hover{ background: #cdcdcd; }

#graphics_spmenu { display: none; }

#graphics_spmenu li { width: 100%; }

#graphics_toggle {
	display: block;
	background: #4cb4f4;
	-webkit-appearance: none;
	appearance: none;
	position:absolute;
	top: 25px;
	right: 20px;
	width: 32px;
	height: 32px;

	background-color: transparent;
	border: none;
}

.bar {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #757575;
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
}

.bar-01 { top: 0; }

.bar-02 {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.bar-03 { bottom: 0; }

#graphics_toggle.is--active .bar {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#graphics_toggle.is--active .bar-02 { display: none; }

#graphics_toggle.is--active .bar-03 {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#graphics_toggle.is--active .bar-01 {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


#graphics_logo { padding-left: 10px; }

#graphics_gnav { padding-right: 10px; }

#graphics_gnav li {	padding-left: 10px; }



/* crystal
------------------------------------------*/
img{
    max-width: 98%;
    height: auto;
}


#deteil-area,#detail-left,#detail-right {
	float:none;
	width:90%;
    margin-left: auto;
    margin-right: auto;
}




/* crystal_gnav
------------------------------------------*/
#crystal_gnav { width: 100%; }

#crystal_gnav { background: none; }

#crystal_gnav ul {
	 width: 100%;
	 position:absolute;
	 top: 75px;
	 z-index: 101;
}

#crystal_gnav li { float: none; }

#crystal_gnav ul li img { display: none; }

#crystal_gnav li a {
	 display: block;
     text-decoration: none;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}

#crystal_gnav li a:before { content: attr(data-label); }

#crystal_spmenu li{
	display: block;
	float: left;
	padding:　5px 0 6px;;
}

#crystal_spmenu li a {
	display: block;
	width: 90%;
	margin: -4px auto 0;
	padding: 10px 0 10px;
	background-color: #fff;
	font-size: 24px;
	color: #000;
	text-align: center;
	text-decoration: none;
	border:solid 4px #000;
}

#crystal_spmenu li a:hover{ background: #cdcdcd; }

#crystal_spmenu { display: none; }

#crystal_spmenu li { width: 100%; }

#crystal_toggle {
	display: block;
	background: #4cb4f4;
	-webkit-appearance: none;
	appearance: none;
	position:absolute;
	top: 25px;
	right: 20px;
	width: 32px;
	height: 32px;

	background-color: transparent;
	border: none;
}

.bar {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #757575;
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
}

.bar-01 { top: 0; }

.bar-02 {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.bar-03 { bottom: 0; }

#crystal_toggle.is--active .bar {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#crystal_toggle.is--active .bar-02 { display: none; }

#crystal_toggle.is--active .bar-03 {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#crystal_toggle.is--active .bar-01 {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

}