@charset "utf-8";

.privacy_title { font-weight: bold; }
.privacy ul {
	list-style: inside;
	text-indent: -15px;
	margin-left: 17px;
}
.indent_lv02 { list-style: none!important; }

/*	---------------------------------
			PC mode 900px
	-------------------------------------*/
@media screen and (min-width: 900px) {
.pc { display: block; }
.pc.tab{ display: block; }
.tab,
.sp { display: none; }

#container { }
#contents { width: 800px; }

.spoofed_website_link {
	text-align: center;
	font-size: 20px;
	margin-top: 20px;
	font-weight: bold;
}

/* header footer */
header,
footer {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}
.head_navi {
	width: 610px;
	display: block!important;
}
.head_navi_li { font-size: 130%; }


/* slider */
.TopSlider_box { height: 700px; }
.top1 { background-image: url(../imges/plus_slider.jpg); }
.top2 { background-image: url(../imges/salad_01.jpg); }
.top3 { background-image: url(../imges/top_02new.jpg); }


.flex-control-paging li a { border-radius: 0!important; }
.flex-control-nav {
	width: 50%!important;
	position: static!important;
	margin: 0 auto!important;
}
.flex-control-nav li { width: 33.3%; margin: 0!important; }
.flex-control-paging li a.flex-active,
.flex-control-paging li a { width: 100%!important; }

/* index */
#contents.index { width: 950px; }
.salon_photo { margin-bottom: 15px; }

.contents_wrap.webstore .f-l.i-na { margin: 0 0 0 15px; }

.mall .url { margin-top: -35px; }
.ringco .url{ margin-top: -18px; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.webstore_photo { height: auto; }
}
.contents_wrap_h3 { margin-top: 15px; }
.news_dt { margin: 0 25px 0; }

/* salon_webstore */
.salon_webstore_box_img {
	width: 260px;
	float: right;
}
.salon_webstore_box_name {
	font-size: 18px;
	margin-bottom: 20px;
}
.salon_webstore_box_txt {
	font-size: 14px;
	margin-bottom: 20px;
}
.salon_webstore_box_dl { width: 460px; }

/* company */
#contents.company {
	width: 605px;
	line-height: 25px;
	margin-top: 80px;
	padding-bottom: 100px;
}
.company h2 {
	margin-top: 50px;
	font-weight: bold;
}
.company h2.company_h2_top {
	margin-top: 30px;
}
.company_h3_top {
	margin: 2% 0 1%;
	font-size: 16px;
}
.gaiyou,
.jigyou,
.chokuei,
.torihiki { margin-left: 180px; }
.gaiyou th,
.gaiyou td { line-height: 20px; }

/* cotact */
.contact_dt_img { padding: 0 5px 3px 0; }
input { width: 350px; }
textarea {
	width: 450px!important;
	height: 100px!important;
}

/* map */
#contents.map {
	line-height: 25px;
	width: 800px;
	margin-bottom: 30px;
}
.map_box { margin-left: 100px; }
.map_inbox { margin-left: 10px; }

/* sitemap */
#contents.sitemap {
	line-height: 25px;
	width: 550px;
	margin-bottom: 30px;
}
.sitemap_box { margin-left: 200px; }
.sitemap_inbox { margin-left: 10px; }
.sitemap_box dd { margin-left: 30px; }

/* privacy */
#contents.privacy {
	line-height: 25px;
	width: 800px;
	margin-bottom: 30px;
}
.privacy h2 {
	margin-bottom: 20px;
}
.privacy_box { margin-left: 80px; }
.privacy_inbox { margin-left: 10px; }
.privacy_box dd { margin-left: 30px; }
.privacy_inbox {
	margin: 0 0 20px;
	padding: 0 0 20px;
}


/* privacy */
.privacy_box * { font-size: 14px; }
.intro { margin-bottom: 20px; }
.privacy_title { margin-bottom: 20px; }
.privacy ul li { margin-top: 10px; }
.indent_lv01 { margin: 10px 0 0 5px; }
ul.indent_lv02 {
	margin-left: 20px;
	margin-bottom: 20px;
	text-indent: 0;
}
ul.indent_lv02 li { margin-top: 0;}
}

/*	---------------------------------
			Tablet mode -900px
		---------------------------------	*/
@media screen and (max-width: 900px) {
.pc { display: none; }
.tab { display: block; }
.tab + .sp { display: none; }
.sp { display: block; }

p,ul li,dl dt,dl dd,th,td {
	font-size: 16px;
	line-height: 24px;
}

.spoofed_website_link {
	text-align: center;
	font-size: 20px;
	margin-top: 20px;
	font-weight: bold;
}

h2 { font-size: 170%; }
h3 {
	font-size: 170%;
	margin-top: 5px;
}
.slider { margin: 0 auto 10px; }
#contents {
	width: 100%;
	margin:	0 auto;
	padding-left: 10px;
	padding-right: 10px;
}
#contents.index {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.bx-wrapper .bx-viewport { max-width: 100%; }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { width: 100%; }

.TopSlider_box {
	width: 100%;
	height: auto;
}
.top_photo {
	width: 100%;
	height: auto;
}
.top1,
.top2 {	background-image: none; }

.slider { height: auto; }

.url p {
	font-size: 15px;
	line-height: 20px;
}
.fb_url .mall .url { margin-top: -28px; }
.fb_url .url p:nth-child(2) { margin-top: 10px; }
.contents_wrap.webstore .f-l .url.f-l { width: auto!important; }

/* header footer */
.head_navi { max-width: 610px; }
.head_navi_li { font-size: 170%; }
footer {
	margin: 0;
	padding: 0 10px;
}

/* index */
.contents_wrap { padding: 0 10px; }
.contents_wrap .webstore_inbox.f-l,
.contents_wrap .webstore_inbox.f-r { width: 48%; }

.contents_wrap.webstore .f-l.i-na,
.contents_wrap.webstore .f-r.ringco {
	width: 49%;
	margin: 20px 0 0;
}

.contents_wrap_h3 {	padding: 10px 10px; }
.contents_wrap_dt { font-size: 130%; }

/* index webstore */
.contents_wrap.webstore .f-l.wide { width: 100%; }
.contents_wrap.webstore .f-l,
.contents_wrap.webstore .f-r {
	width: 49%;
	margin: 0!important;
}
.contents_wrap.webstore .ringco,
.contents_wrap.webstore .i-na {
	margin-top: 20px!important;
	height: auto;
}


.webstore_dl.sub,
.webstore_dl.sub dd,
.fb_url.sub { height: auto!important; }

.mall .url { margin-top: -35px; }

/* index brand */
.contents_wrap.brand {
	border: 1px solid lightgray;
	margin: 0 10px 30px;
	padding: 10px;
}

/* salon_webstore */
.salon_webstore_box_img {
	width: 40%;
	float: right;
}
.salon_webstore_box_name {
	font-size: 18px;
	margin-bottom: 20px;
}
.salon_webstore_box_txt {
	font-size: 14px;
	margin-bottom: 20px;
}
.salon_webstore_box_dl { width: 55%; }

/* company */
#contents.company {	padding-bottom: 70px; }
.company h2 {
	margin-top: 10%;
	margin-left : 20px;
}
.company h3 { margin-bottom : 10px; }
.company_line {
	margin-right: 2px;
	margin-bottom: 2px;
}

.gaiyou,
.jigyou,
.chokuei,
.torihiki { margin-left: 180px; }
.company dl dd,
.company ul li { margin-bottom: 20px; }

/* cotact */
.contact_box { margi: 100%; }
.contact_dt_img { padding:  0 5px 6px ; }
input { width: 50%; height: 50px; }
textarea {
	width: 100%;
	height: 200px;
}
.contact_box .form_btn { width: 200px; }
.finish_box p { width: 260px; }

/* map */
#contents.map { margin-bottom: 20px; }
.map h2 { margin-bottom: 20px; }

/* recruit */
.recruit_box p { width: 260px; }

/* sitemap */
.sitemap_box { margin-left: 200px; }
.sitemap_inbox { margin-left: 10px; }
.sitemap_box dd { margin-left: 30px; }

/* privacy */
#contents.privacy { margin-bottom: 0; }
.privacy_inbox { padding: 10px 0; }
/* privacy */
.privacy_box * { font-size: 14px; }
.intro { margin-bottom: 20px; }
.privacy_title { margin-bottom: 20px; }
.privacy ul li { margin-top: 10px; }
.indent_lv01 { margin: 10px 0 0 5px; }
ul.indent_lv02 {
	margin-left: 20px;
	margin-bottom: 20px;
	text-indent: 0;
}
ul.indent_lv02 li { margin-top: 0;}
}
/*	---------------------------------
			smf mode -640px
		-------------------------------------*/
@media screen and (max-width: 640px) {
.pc { display: none; }
.tab { display: none; }
.tab + .sp { display: block; }
.sp { display: block; }

h2 {
	font-size: 18px;
	font-weight: bold;
}
h3 {
	font-size: 16px;
	margin-top: 0;
}

#container { margin: 70px 0 0; }
#contents { width: 100%; }

/* header */
header {	
	position: fixed;
	padding-left: 10px;
	top: 35px;
	z-index: 99999999;
}
.menu_btn {	display: block; }

.logo {
	width: 70%;
	text-align: left;
	margin: 10px 0 0;
}

.head_navi {
	margin-top: 20px;
	display: none;
}
.head_navi_li {
	float: none;
	margin: 0 0 20px;
	font-size: 150%;
	color: #fff;
	text-shadow: 1px 0px 4px #fff, 0px 1px 4px #fff, -1px 0px 4px #fff, 0px -1px 4px #fff;
}


/* footer */
footer {
	margin: 0 0 20px;
	position: relative;
	width: 100%;
	overflow: hidden;
}
.footer_ul {
	margin: 0;
	position: relative;
	left: 50%;
	float: left;
}
.footer_navi_li {
	font-size: 13px;
	position: relative;
	left: -50%;
}
.footer_navi_li.second { margin: 0 5px; }
.footer_navi.f-l,
.footer_copy {
	text-align: center;
	float: none;
	margin-top: 20px;
}

/* index */
.contents_wrap { padding: 0; }
.contents_wrap.salon .f-l,
.contents_wrap.salon .f-r {
	width: 100%!important;
	height: auto;
	margin-bottom: 10px;
	padding: 5px!important;
	border: 0!important;
	background: #fafafa;
	float: none;
}

.luire .fb_url { margin-top: -20px; }
.yoga .fb_url { margin-top: 20px; }

.webstore_photo { margin-bottom: 5px; }
.webstore_dl dd { font-size: 14px; }
.webstore_dl,
.url p {
	padding: 0 10px;
	font-size: 13px;
}
.fb_url { padding: 0 10px 10px; }

.contents_wrap.webstore { padding: 0 5px; }
.contents_wrap.webstore .f-l,
.contents_wrap.webstore .f-r {
	width: 49%;
	padding: 0;
	margin-bottom: 10px;
}
.contents_wrap.brand {
	margin: 0 5px 20px;
	padding: 5px;
}

.contents_wrap.news {
	margin: 0 auto;
	width: 100%;
}
.news_dl {
	width: 100%;
	margin: 0 0 25px;
	padding-left: 10px;
}
.news_dt { margin: 15px 5px 0; }
.news_dd { width: auto; }

/* salon_webstore */
.salon_webstore_box dt,
.salon_webstore_box dd { font-size: 14px; }
.salon_webstore_box dt { line-height: 18px; }
.salon_webstore_box_dl { width: 100%; }

.salon_webstore_box_img {
	width: 90%;
	float: none;
	margin: 0 auto 20px;
}
.salon_webstore_box_name {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
.salon_webstore_box_name img { display: none; }
.salon_webstore_box_txt {
	font-size: 15px;
	margin-bottom: 10px;
}
	
/* company */
#contents.company { padding-bottom: 20px; }
.company h2 {
	margin-left : 0;
	margin-bottom : 10px;
}
.company_line { margin-right: 0px; }
.gaiyou,
.jigyou,
.chokuei,
.torihiki {
	margin-left: 0;
	padding-right: 10px;
	width: 100%;
}
.gaiyou th { width: }
.gaiyou dt,
.gaiyou dd { float: none; }

/* cotact */
.contact_box { margin: 10px 0 0; }
input { width: 100%; }
.contact_box .form_btn { width: 100%; }
.finish_box { height: 250px; }
.finish_box p {	top: 0; }

/* recruit */
.recruit_box { height: 250px; }
.recruit_box p {	top: 0; }

/* sitemap */
.sitemap_box {
	margin-top: 20px;
	margin-left: 40px;
	margin-bottom: 20px;
}
.sitemap_inbox { margin-left: 10px; }
.sitemap_box dt { margin: 10px 0; }
.sitemap_box dd { margin: 0 0 5px 30px; }

/* privacy */
.privacy_inbox {
	padding: 0 0 15px;
	margin: 0 0 15px;
	}

/* privacy */
.privacy_box * {
	font-size: 14px;
	line-height: 20px;
}
.intro { margin: 20px 0 10px; }
.privacy_title { margin-bottom: 10px; }
.privacy ul li { margin-top: 20px; }
.indent_lv01 { margin: 10px 0 0 5px; }
ul.indent_lv02 {
	margin-left: 20px;
	margin-bottom: 20px;
	text-indent: 0;
}
ul.indent_lv02 li { margin-top: 0;}

}