@charset "utf-8";
html {
	height: 100%;
	min-height: 100%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
	min-height: 100%;
}
.sp{
		display:none;
		}
#head {
	z-index:1001;
	clear:both;
	display:table;
	width:100%;
/*	background-color: #CCC;*/
	min-width: 1200px;
	position:absolute;
}
#headR {
	color:#518f95;
	text-align:right;
}
#head div{
	display:table-cell;
	padding:20px;
	}
#head img{
	vertical-align:middle;
	padding-right:10px;
	}
#head a{
	text-decoration:none;
	color:#000;
	font-size: 0.9em;
	}
.fa-facebook{
	font-size: 1.8em !important;
    padding: 0px 4px;
	margin-right:14px;
	}
.fa-twitter{
	font-size: 1.8em !important;
    padding: 0px 4px;
	margin-right:8px;
	}
#head .en{
	margin-left:14px;
	letter-spacing:1px;
	font-family: Arial, Helvetica, sans-serif;
}
#fade{
	position: fixed;
	z-index:100;
	bottom:0px;
	background-image: url(../img/sai_fade.png);
	width:100%;
	height:100px;
	}
.arrow{
	position: fixed;
	z-index:100;
	bottom:10px;
	left:50%;
	margin-left:-30px;
	}

#mainImg {
	opacity:0;
	position: absolute;
	top:50%;
	left:50%;
	margin-top:-400px;
	margin-left:-600px;
	background-image: url(../img/sai_photo.jpg);
	width:1200px;
	height:1480px;
	-moz-transition: margin-top 0s ease-out;
	-webkit-transition: margin-top 0s ease-out;
	-o-transition: margin-top 0s ease-out;
	-ms-transition: margin-top 0s ease-out;
	transition: margin-top 0s ease-out;
}

#contentsBg{
	/* 20160525 mod */
	/*position:absolute;*/
	width:100%;
	height:100%;
	background-color:#60a9b1;
	}
#topContents{
/*	padding-top:100px;*/
/*    position: relative;*/
/*    z-index:1;*/
    top:0;
    left:0;
    right:0;
    display: table;
    width: 1200px;

/*    height: 100%;*/
    margin: auto;
	}
#topImg01,#topImg02,#topImg03{
	opacity:0;
	margin:20px;
	}	
#topImg01{
	display:table-cell;
	position:fixed;
/*	top:370px;*/
	bottom:70px;
	}
#topImg02{
	display:table-cell;
	position:fixed;
/*	right:0px;*/
	right:30px;
/*	top:100px;*/
	top:70px;
	text-align: center;
	width: 170px;
	height: 185px;
	overflow: hidden;
	}
#topImg02 img{
	margin-left: -65px;
	}
#topImg03{
	display:none;
	position:fixed;
/*	right:0px;*/
	right:30px;
/*	top:350px;*/
	top:320px;
	background-image: url(../img/sai_topimg03.png);
	height: 318px;
	width: 167px;
	text-indent: -5000pt;
	background-repeat: no-repeat;
	}
#main01,.mainWrapper{
    background:#FFF;
	}
#main01,#main02{
	width:100%;
	min-width: 1200px;
	display:table;
	position:relative;
	text-align:center;
	}
#main01{
	height: 470px;
	}
#main02{
	height: 500px;
	}
	
#mainPhoto01 {
	position:absolute;
	background-image: url(../img/sai_mainphoto01.jpg);
	background-size:cover;
	background-position: center center;
	display: block;
	height: 452px;
	width: 100%;
}
#mainPhoto02 {
	position:absolute;
	background-image: url(../img/sai_mainphoto02.jpg);
	background-position: center center;
	background-size:cover;
	display: block;
	height: 452px;
	width: 100%;
}
.main01t{
	position:absolute;
	margin: 40px auto 0;
	left:0;
	right:0;
	width: 600px;
		}
.main02t{
	position:absolute;
	left:0;
	right:0;
	width: 429px;
	margin: 220px auto 0;
		}
.mainWrapper{
	position:relative;
	}
.mainContents{
	font-size:15px !important;
	}
.mainContents,.mainContents2{
	position:relative;
	width:1000px;
	margin:0px auto;
	padding:70px 0px;
	font-size:1em;
	line-height:1.8em;
	letter-spacing:1px;
		}
.mainContents3,.mainContents4{
	position:relative;
	width:1200px;
	margin:0px auto;
	padding:30px 0px;
	font-size:1em;
	line-height:1.8em;
	letter-spacing:1px;
		}
.mainContents2{
	padding-top:0px !important;
	height:400px;
	}
.mainContents3{
    height: 360px;
    display: table;
	}
.mainContents4{
    height: 500px;
    display: table;
	}

.mainContents2 h3,.mainContents3 h3,.mainContents4 h3{
	font-size:1.6em;
	letter-spacing:2px;
	line-height:1.5em;
	padding-bottom:10px;
	font-family: Times New Roman, Times, serif;
	font-weight: normal;
	}
.mainContents2 p,.mainContents3 p,.mainContents4 p{
	font-size:0.8em;
	line-height:2em;
	}
.main01img{
	position:absolute;
    left: 100px;
	}
.mainTxt01{
	position:absolute;
    top: 20px;
	right:10px;
	width:430px;
	}

.main02img{
	position:absolute;
	right:0px;
	}
.mainTxt02{
	position:absolute;
	top:0px;
	left:110px;
	width:430px;
	}

.main03img{
	position:absolute;
	right:0px;
	}
.mainTxt03{
    /* position: absolute; */
    /* left: 140px; */
    width: 430px;
    display: table-cell;
    vertical-align: middle;
    padding-right: 630px;
	}
.main04img{
	position:absolute;
	left:0px;
	}
.mainTxt04{
	right: 0px;
    width: 430px;
    display: table-cell;
    vertical-align: middle;
	padding-right: 130px;
	}
.saiBottle{
	position:absolute;
	left:370px;
	}
.saiSpec{
    right: 200px;
    width: 430px;
    display: table-cell;
    vertical-align: middle;
    padding-right: 200px;
	}
.saiSpec h2{
	font-size:1.4em;
	}
.saiSpec p{
	line-height:1.8em;
	margin-bottom:20px;
	}
/* shoplist */
.shoplistLink{
	display:block;
	background-color:#f2f2f2;
	padding:20px;
	width:400px;
	margin:10px auto;
	background-image: url(../img/arrow2.png);
	background-repeat: no-repeat;
	background-position: right 20px center;
	color: #000;
	text-decoration: none;
	}

/* footer */
#footer {
	margin-top:70px;
 width:100%;
 background-color:#f5f5f5;
}
#footer_inner {
	line-height:1.4em;
	letter-spacing:1px;
	width:1000px;
	margin:0 auto;
	padding-top:60px;
	padding-bottom:60px;
	text-align:center;
	color: #333;
}
#footer_inner h4{
	font-size:1.2em;
	font-weight:normal;
	margin-bottom: 5px;
	}
#footer_inner p{
	font-size:0.7em;
	}

#footer #copy{
	margin-top:20px;
	color:#CCC;
	}

#toTop {
	position: fixed;
	z-index: 100;
	bottom: 30px;
	right: 30px;
	width: 52px;
	height: 52px;
}
#toTop a {
	display: block;
	background-image: url(../img/up.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width: 48px;
	height: 48px;
	background-size: 50px;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
}

@media screen and (max-width:680px) {
.mainWrapper{
	overflow:hidden;
	}
#head,#topContents,#main01,#main02{
		width:100%;
		min-width: initial;
		}
#main01{
		height:715px;
	}
#main02{
		height:460px;
	}
.pc{
		display:none !important;
		}
.sp{
		display:block;
		}
#head div {
    display: table-cell;
    padding: 10px;
	font-size:0.9em;
}
#mainImg {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -60%;
    margin-left: -50%;
    background-image: url(../img/sai_photo_sp.jpg);
    width: 100%;
    height: 1480px;
    background-size: 100%;
    background-repeat: no-repeat;
}

#topImg02 {
    display: block;
    width: 100%;
	height: auto;
    top: 60px;
    text-align: center;
    margin: 0px;
    right:0px;
	overflow: visible;
}
#topImg02 img{
	width:70%;
	margin-left: 0px;
	}
#topImg03 {
    display: none;
	position:fixed;
    right: 0;
    left: 0;
    top: 40%;
    height: 216px;
    width: 100%;
    margin: 0px auto 0;
}

.mainContents, .mainContents2, .mainContents3, .mainContents4{
	width:90%;
}

.mainContents2{
	padding-top:0px !important;
	height: 550px;
	}
	
.main01t,.main02t {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0px auto;
    width: 300px;
}
.main01t {
    margin-top: 130px;
	}
.main02t {
    margin-top: 230px;
	}
.mainTxt01,.mainTxt02,.mainTxt03,.mainTxt04 {
	width: initial;
    right: initial;
    left: initial;
	padding: initial;
}
.mainTxt02 {
	top: 50px;
}
.mainTxt01 p br,.mainTxt02 p br,.mainTxt03 p br,.mainTxt04 p br {
	display:none;}
.main01img {
    left: initial;
    width: 40%;
    right: 10px;
}
.mainTxt01{
	position:absolute;
    top: 140px;
	right:10px;
	}
.main02img {
    right: initial;
    left: 80px;
    width: 380px;
}
.main03img,.main04img {
	width:100%;
    position: initial;
}
.mainTxt03,.mainTxt04{
	float:left;
	}
.saiBottle {
	position: initial;
	width: 80px;
	padding-right: 20px;
}
.saiSpec{
	padding-right: initial;
	}
.mainContents4{
	height:initial;

}
.shoplistLink {
    width: 80%;
    background-image: none;
    font-size: 0.9em;
    text-align: center;
}
#footer_inner{
	width:90%;}
#toTop {
	right:0;
	bottom:0;
}
#toTop a {
	width: 40px;
	height: 40px;
	background-size: 30px;
}
.sns{
	width: 100%;
    text-align: center;
    margin: 50px 0px;
	}
.sns a{
	text-decoration:none;
	color:#666;
	font-size: 1.2em;
	padding:0px 10px;
	display:inline-block;
	}
}