@charset "UTF-8";

/* Reset
-----------------------------------*/
*,
::before,
::after {
	box-sizing: border-box;
	border-style: solid;
	border-width: 0;
}
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
}
body {
	margin: 0;
}
main {
	display: block;
	padding: 154px 0 0 0;
}
@media screen and (max-width: 949px) {
	main {
		padding: 16.0416667vw 0 0 0;
	}
}

p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
	margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	margin: 0;
}
ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
dt {
	font-weight: bold;
}
dd {
	margin-left: 0;
}
pre {
	font-family: monospace, monospace;
	font-size: inherit;
}
address {
	font-style: inherit;
}
a {
	background-color: transparent;
	text-decoration: none;
	color: inherit;
}
b,
strong {
	font-weight: bolder;
}
small {
	font-size: 80%;
}
img,
embed,
object,
iframe {
	vertical-align: bottom;
}

/* Layout
-----------------------------------*/
h1{
/*	margin: 20px 0 0;*/
}
#wrapper {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}
#wrapper img{
	width: auto;
	height: auto;
	max-width: 100%;
}
main div {
	position: relative;
	top: 0;
	left: 0;
}
.header{
	width: 960px;
	position: fixed;
	top: 0px;
	text-align:center;
	z-index:1;
}
.header a{
	width:calc(320 / 960 * 100%);
	position:absolute;
	right:0px;
	top:0px;
}
.btn01 a{
	position: absolute;
	width: calc(796 / 960 * 100%);
	top: calc(350 / 772 * 100%);
	left: calc(68 / 960 * 100%);
}
.btn02 a{
	position: absolute;
	width: calc(796 / 960 * 100%);
	top: calc(348 / 748 * 100%);
	left: calc(68 / 960 * 100%);
}
.btn03 a{
	position: absolute;
	width: calc(796 / 960 * 100%);
	top: calc(580 / 748 * 100%);
	left: calc(68 / 960 * 100%);
}
.salon{
	padding-left:calc(((114 / 960) / 2) * 100%);
	padding-right:calc(((114 / 960) / 2) * 100%);
	background:url(../img/sbsbody_02_16.jpg);
	background-size:contain;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.salon li{
	width:100%;
	    text-align: center;
}
.salon li.gotop {
	width:100%;
	bottom: calc(120 / 960 * 100%);
	margin-right: calc(20 / 846 * 100%);
	margin-top:calc(30 / 846 * 100%);
	margin-bottom:calc(30 / 846 * 100%);
}
.salon li.gotop a{
	width: calc(120 / 846 * 100%);
	display:inline-block;
}

.footer{
	background:url(../img/sbsbody_02_18.jpg);
	background-size:cover;
	padding:calc(30 / 960 * 100%) 0px calc(250 / 960 * 100%) 0px;
}
.footer ul{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	padding:0 1em;
}
.footer li{
	font-size:min(3.5vw,16px);
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-weight:normal;
	color:#FFF;
	margin-bottom:0.5em;
}
.footer li::after{
	content:"　|　";
}
.footer li:last-child::after{
	content:"";
}
.footer img{
	display:block;
	width:calc(190 / 960 * 100%) !important;
	margin:0 auto;
	margin-bottom:calc(30 / 960 * 100%);

}
.footer .copyright{
	margin-top:calc(20 / 960 * 100%);
	padding:0 calc(30 / 960 * 100%);
	text-align:center;
	color:#000;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-size:min(3.5vw,16px);
}

.btn {
	transition:0.2s;
}
.btn:hover{
	opacity:0.8;
	transition:0.3s;
	cursor:pointer;
}
.fix{
	position: fixed;
	height: 180px;
	width: 800px;
	left: calc(50% - 800px/2);
	bottom: 0;
    z-index: 10;
}
   
.mouvie{
	position: relative;
	top: 0;
	left: 0;
}
.mouvie .cy video{
	    position: absolute;
    width: calc(614 / 960* 100%);
    top: calc(224 / 772* 100%);
    left: calc(174 / 960* 100%);
}

@media screen and (max-width: 949px) {
	.header{
		width: 100%;
		position: fixed;
		top: 0px;
		left:0;
	}
.fix{
width: 100%;
top: calc(100% - 10%);
left: calc(50% - 100%/2);
bottom: 0;
}
}