@charset "utf-8";
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
body, table, input, textarea, select, option {
	font-family: "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
img {
	vertical-align: bottom;
}
table {
	border-collapse: collapse;
}
a, a:link {
	color: #645045;
	text-decoration: none;
}
a:visited {
	color: #645045;
}
a:hover {
	color: #645045;
	text-decoration: underline;
}
a:active {
	color: #645045;
}
a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.over a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	color: #645045;
	font-size: 12px;
	line-height: 1.7;
	-webkit-text-size-adjust: none;
}
#wrapper {
	width: 100%;
	position: relative;
}
.container {
	margin: 0px auto 0;
}
.container:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
li:last-child {
	margin-right: 0 !important;
}
/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
header {
	background: url(img/bg_head.gif) repeat-x left top;
	padding: 37px 0 0;
	height: 86px;
}
header .inner {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}
#logo {
	float: left;
	width: 270px;
}
#hd_right {
	width: 600px;
	float: right;
	text-align: right;
}
header .inner #hd_right dl dt, header .inner #hd_right dl dd {
	display: inline-block;
	margin-left: 5px;
}
header .inner #hd_right .hd_contact {
	font-size: 14px;
}
header .inner #hd_right .hd_desc {
	font-size: 11px;
	color: #a1be9c;
	margin-bottom: 5px;
}
header .inner #hd_right .hd_contact strong {
	font-size: 16px;
}

.gnavi_box.fixed	{
	position:fixed;
	z-index: 9999;
	width: 100%;
	margin: 0 !important;
	border-bottom: 5px solid #c2dec6; 
	background: #fff;
}
.gnavi { width: 900px; text-align: center; margin: 0 auto; margin-top: 15px; overflow: hidden; }
.gnavi li { float: left; padding: 0 50px; font-size: 12pt; border-right: 1px dotted #ccc; display: block; }
.gnavi li a:hover { text-decoration: none; color: #ccc; }

/*------------------------------------------------------------
	gNavi #page_ttl
------------------------------------------------------------*/


/*------------------------------------------------------------
	breadcrumbs
------------------------------------------------------------*/


.breadcrumbs {
	padding: 5px 0;
	overflow: hidden;
	font-size: 12px;
	width: 1024px;
	margin: 0 auto;
}
/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/


footer {
	background: #f7f7f3;
}
footer .inner {
	width: 980px;
	text-align: center;
	margin: 0 auto;
	padding: 30px 0;
}
.inner .box_wrap .catch_txt {
	margin-bottom: 10px;
}
footer .inner .box_wrap .send_url {
	width: 600px;
	margin: 0 auto;
}
footer .inner .box_wrap .send_url li {
	display: inline-block;
	margin: 5px;
}
footer .copy {
	background: #645045;
	text-align: center;
	padding: 12px;
	color: #fff;
}
/* 上へ戻る */
.page_top {
	position: fixed;
	right: 10%;
	padding: 0 0 8px 440px;
	bottom: 20px;
	z-index: 130;
}
/*------------------------------------------------------------
	各ページ共通パーツ
------------------------------------------------------------*/

.fl, .alignleft {
	float: left;
}
.fr, .alignright {
	float: right;
}
.conts_wrap {
	min-width: 980px;
	padding: 65px 0;
	clear: both;
}
.conts_wrap .ttl {
	text-align: center;
	margin: 0 0 47px;
}
.conts_wrap:after, .inner:after, .clearfix {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
.clear {
	clear: both;
}
.conts_wrap .inner {
	width: 980px;
	margin: 0 auto;
}
.box_wrap {
	background: #fff;
	box-shadow: 1px 1px 3px rgba(100,80,69,.25);
	margin: 20px 0;
	padding: 20px 0;
	overflow: hidden;
}
.conts_wrap p, .conts_wrap ul {
	margin: 0 0 1em;
}
.btn {
	text-align: center;
	clear: both;
}
.bg01 {
	background: #efefe9;
}
.bg02 {
	background: #f7f7f3;
}
.conts_wrap .inner .att_txt {
	font-size: 11px !important;
}
.inner .box_wrap .catch_txt {
	font-size: 18px;
	border-bottom: 1px solid #eae6da;
	padding: 0 0 10px;
}
.conts_wrap .ttl_bg {
	padding: 257px 0px 0px;
	height: 163px;
	min-width: 980px;
}
.conts_wrap .ttl_bg .ttl01 {
	margin: 0px auto;
	width: 980px;
}
.conts_wrap .inner .service_txt {
	float: right;
	width: 450px;
	line-height: 2;
}
.conts_wrap .inner .service_txt p {
	margin-bottom: 2em;
}
.service_detail {
	font-size: 14px;
}
.service_detail .service_img {
	float: left;
	border: solid 5px #fff;
	box-shadow: 1px 1px 3px rgba(100,80,69,.25);
}
.conts_wrap .ttl02 {
	border-bottom: 1px dotted #dbdec5;
	text-align: center;
	margin-bottom: 40px;
	width:980px;
}
.box_wrap02 {
	background: url(img/bg_box02.gif) repeat left top;
	padding: 36px;
}
.box_wrap02 .box_inner {
	background: #FFF;
	padding: 50px;
}
.box_wrap02 .box_inner .txt_right {
	float: right;
	width: 382px;
	position: relative;
	height: 400px;
}
.box_wrap02 .box_inner .txt_right .bottom_img {
	position: absolute;
	bottom: 0px;
	margin-bottom: 0;
}
.box_wrap02 .box_inner .img_list {
	overflow: hidden;
	clear: both;
	padding: 23px 0 0;
}
.box_wrap02 .box_inner .img_list li {
	float: left;
	margin-right: 23px;
}
/* メインビジュアル */

#main_visual {
	background: #FCFCFA;
	box-shadow:1px 5px 5px rgba(0,0,0,.3);
	overflow:hidden;
	z-index:10;
	position:relative;
}
/* クーポン */

/*
#coupon {
	background:url(img/bg_coupon.jpg) no-repeat center top;
};*/


#coupon .inner .coupon_list {
	overflow: hidden;
	margin: 20px auto;
	text-align: center;
	width: 470px;
}
#coupon .inner .coupon_list img {
	font-size: 12px;
	box-shadow: 1px 1px 3px rgba(100,80,69,.25);
	margin: 0 0 14px;
}
#coupon .ttl {
	border-bottom: 1px solid #e4e4d2;
}
#coupon .box_wrap {
	text-align: center;
	line-height: 2;
}
#coupon .box_wrap h3 {
	text-align: center;
	margin: 0 0 10px;
	font-size: 14px;
}

#coupon .underline {
	border-bottom:1px solid #645045;
	margin:0 3px;
	font-weight: bold;
}

#coupon .inner .box_wrap .send_url li {
	display: inline-block;
	margin: 0 10px;
}
/* ネイル */
#nail {
	background: url(img/bg_service.gif) repeat-x left top;
}
#nail .ttl_bg {
	background: url(img/bg_ttl_03.jpg) no-repeat center top #eee;
}
#nail .conts_wrap.menu .inner .menu_list li {
	float: left;
	width: 470px;
	min-height: 400px;
}
#nail .conts_wrap.menu .inner .menu_list li:nth-child(2n+1) {
	margin-right: 40px;
}
#nail .conts_wrap.menu .inner .menu_list li h4 {
	font-size: 18px;
	margin-bottom: 20px;
	padding-left: 16px;
}
#nail .conts_wrap.menu .inner .menu_list li table {
	width: 100%;
	margin-bottom: 20px;
}
#nail .conts_wrap.menu .inner .menu_list li table th, #nail .conts_wrap.menu .inner .menu_list li table td {
	padding: 5px;
}
#nail .conts_wrap.menu li td:nth-child(3n) {
	text-align: right;
}
#nail .conts_wrap.menu .inner .menu_list li:first-child h4 {
	border-left: 3px solid #e5a8b4;
}
#nail .conts_wrap.menu .inner .menu_list li:nth-child(2) h4 {
	border-left: 3px solid #efd28d;
}
#nail .conts_wrap.menu .inner .menu_list li:nth-child(3) h4 {
	border-left: 3px solid #cabba2;
}
#nail .conts_wrap.menu .inner .menu_list li:nth-child(4) h4 {
	border-left: 3px solid #accba7;
}
#nail .conts_wrap.menu .inner .menu_list li .art_img {
	margin-top: -70px;
	text-align: right;
}
/* アクセサリー */

#accessories .ttl_bg {
	background: url(img/bg_ttl_06.jpg) no-repeat center top #eee;
}
#accessories .conts_wrap .inner .box_wrap {
	padding: 88px 88px 60px;
}
#accessories .conts_wrap .inner .box_wrap p, #accessories .box_wrap02 .box_inner .txt_right p {
	font-size: 14px;
	margin-bottom: 2em;
	line-height: 2;
}



/* タロット */

#tarot .ttl_bg {
	background: url(img/bg_ttl_08.jpg) no-repeat center top #eee;
}
#tarot .conts_wrap.bg02 .inner.service_detail .service_txt {
	background: #FFF;
	padding: 30px;
	box-shadow: 1px 1px 3px rgba(100,80,69,.25);
	box-sizing: border-box
}
#tarot .conts_wrap.bg02 .inner.service_detail .service_txt table {
	width: 100%;
}
#tarot .conts_wrap.bg02 .inner.service_detail .service_txt table th, #tarot .conts_wrap.bg02 .inner.service_detail .service_txt table td {
	padding: 5px;
	border-bottom: dotted 1px #dbdec5;
	text-align: left;
}
#tarot .conts_wrap.bg02 .inner.service_detail .service_txt table td {
	text-align: right;
}
#tarot .box_wrap02 {
	font-size: 14px;
	margin-top: 60px;
}
#tarot .box_wrap02 .box_inner h3.ttl {
	margin: -167px 0 0;
}
#tarot .box_wrap02 .box_inner .txt_right {
	background: #f7f7f3;
	padding: 20px;
	width: 290px;
	height: 375px;
}
#tarot .box_wrap02 .box_inner .txt_right .bottom_img {
	text-align: center;
	position: static;
	bottom: auto;
}
#tarot .conts_wrap .inner iframe {
	padding: 25px 0px;
	width: 803px;
	height: 500px;
}


/* instagramスライダー */
.instagram {
	margin-bottom:20px;
	overflow:hidden;
//	width:1600px;
}
.instagram li{ margin-right:10px;}	

.gallery .inner {
	max-width:1600px;
	}

.gallery .btn{
	margin-top:30px;}

.headimg-sp { display: none; }

@media only screen and (max-width: 767px) {

	body { font-size: 12pt; }
	header { height: auto; } 
	header .inner #hd_right .hd_contact { padding-right: 15px; }
	header .inner #hd_right .hd_desc { padding: 0 15px; }
	header .inner #hd_right dl { text-align: center;  }
	#main_visual .bx-wrapper .bx-prev, #main_visual .bx-wrapper .bx-next { background-size: 50%!important; background-position: center center!important;  }
	#coupon { background-size: contain; background-repeat: repeat-y; }
	#coupon .ttl { padding-top: 10px; }
	#logo { padding-left: 15px; }
	#hd_right { margin-bottom: 10px; }
	#coupon .inner .coupon_list li { margin-bottom: 20px; }
	.conts_wrap p { text-align: left; }
	#coupon .inner .coupon_list { padding: 0 15px; }
	#coupon .box_wrap { padding-left: 15px; padding-right: 15px; }
	#coupon .inner .box_wrap .send_url li { margin: 0; margin-bottom: 15px; }
	.conts_wrap .ttl_bg .ttl01 { background: #9FCCA7; }
	.headimg-sp { display: block; }
	.conts_wrap .ttl_bg { padding: 0; height: auto; }
	.ttl_bg { background: none; }
	.conts_wrap .inner .service_txt p { padding: 0 15px; }
	#nail .conts_wrap.menu .inner .menu_list { overflow: hidden; }
	#nail .conts_wrap.menu .inner .menu_list li h4 { margin-left: 15px; }
	#nail .conts_wrap.menu .inner .menu_list li table { margin-left: 15px; }
	#nail .conts_wrap.menu .inner .menu_list li table th, #nail .conts_wrap.menu .inner .menu_list li table td { display: block; width: 100%; text-align: left; }
	#nail .conts_wrap.menu .inner .menu_list li table td { text-indent: 15px; }
	#nail .conts_wrap.menu .inner .menu_list li .space { display: none; }
	#nail .conts_wrap.menu .inner .menu_list li { float: none; min-height: initial; }
	#nail .conts_wrap.menu .inner .menu_list li:nth-child(2n+1) { margin-right: 0;}
	#nail .conts_wrap.menu .inner .menu_list li p { padding: 0 15px; }
	.gallery .btn { text-align: center; }
	#accessories .conts_wrap .inner .box_wrap { padding: 0 15px; }
	#accessories .conts_wrap .inner .box_wrap p.fr { float: none; }
	.box_wrap02 .box_inner .img_list li { margin-bottom: 45px; }
	.box_wrap02 { padding: 25px; }
	.box_wrap02 .box_inner { padding: 25px; }
	#tarot .conts_wrap .service_detail p:not(.service_img) { padding: 0 15px; } 
	#tarot .box_wrap02 .box_inner .txt_right { width: auto; height: auto; padding: 0; margin-top: 20px; }
	#tarot .box_wrap02 .box_inner .txt_right p { padding: 0 20px; margin-top: 15px; }
	#tarot .box_wrap02 .box_inner .txt_right .bottom_img { margin-bottom: 20px; }
	
	header .inner, #logo, #hd_right ,.breadcrumbs, footer .inner, footer .inner .box_wrap .send_url, .conts_wrap, .conts_wrap .inner, .conts_wrap .ttl_bg, .conts_wrap .ttl_bg .ttl01, .conts_wrap .inner .service_txt, .conts_wrap .ttl02, .box_wrap02 .box_inner .txt_right, #nail .conts_wrap.menu .inner .menu_list li, #tarot .box_wrap02 .box_inner .txt_right {
			width: 100% ;
	}
	.conts_wrap, .conts_wrap .ttl_bg { min-width: 100%; }

	.ttl_bg { background-size: contain!important; }
	.conts_wrap img { width: auto; max-width: 100%; }
	#tarot .conts_wrap .inner iframe { width: 100%; height: 300px; }

	#logo, #hd_right, #coupon .inner .coupon_list li {
		float: none;
	}
	.gnavi_box { margin: 30px 0 45px; }
	.gnavi { width: 100%;　 }
	.gnavi li { float: left; padding: 20px 0; width: 50%; border-bottom: 1px dotted #ccc; border-right: 0; }
	.bx-pager {display: none;}
	.conts_wrap img { width: 100%;}
	#coupon .inner .coupon_list { width: 100%; padding: 0; }
}

.instagram_gallery{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto ;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
/*	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  5px solid #fff;
	left: -5px;
	background: #fff;*/
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position:relative;

	
	width: 980px;
	margin:-30px auto 0;
	z-index:100;

	
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(js/images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: right;
	color: #fff;
	
	/*padding-top: 20px;
*/}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;

}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #d4e2d2;
	color:rgba(0,0,0,0);
	
	text-indent: -9999px !important;
	display: block;
	width: 6px;
	height: 6px;
	margin: 0 10px;
	outline: 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}



.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #645045;
	
}

/* DIRECTION CONTROLS (NEXT / PREV) */

#main_visual .bx-wrapper .bx-prev {
	left: 10px;
	background: url(img/btn_prev.png) no-repeat 0 0px;
	height: 51px;
	width: 51px;
}

#main_visual .bx-wrapper .bx-next {
	right: 10px;
	background: url(img/btn_next.png) no-repeat 0 0px;
	height: 51px;
	width: 51px;
}


.bx-wrapper .bx-prev {
	left: 10px;
	background: url(js/images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(js/images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(js/images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(js/images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}