@charset "utf-8";
/* CSS Document */

/* リセット */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}

table {
border-collapse:collapse;
border-spacing:0;
}

fieldset,img {
border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}

ol,ul {
list-style:none;
}

caption,th {
text-align:left;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}

q:before,q:after {
content:'';
}

abbr,acronym { border:0;
}

figure, figcaption {
margin:0;
padding:0;
}
/* reset ここまで */

/* clearfix */

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/* 画像センタリング */

.cr {margin:0 auto;}

/* 点滅 */
.blinking{
    animation:blink 3s infinite alternate;
}

@keyframes blink{
  0% {opacity:0;}
100% {opacity:1;}
}

/* FireFoxFadeブレ防止 */

img { display:block; box-shadow: #000 0 0 0; }


/* 汎用画像ホバー */

a img.fd {
	transition: all 0.3s;
	opacity: 1;
}

a:hover img.fd {
	opacity: 0.6;
}

/* 全体・枠作り */

html,body {
	height:100%;
}

html {
	font-size:62.5%;
}

img { display:block; }


body {
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, sans-serif;
	text-align:center;
	background-size:cover;
	min-width: 1430px;
	min-height: 100vh;
	font-size: 1.0rem;
	background:#bbafd8;
}

#PageWrapper {
	min-width:1430px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	width:100%;
	background:url("../img/bg_bottom.jpg") center bottom no-repeat;
}

header {
	background:url(../img/header.jpg) center top no-repeat;
	width:100%;
	height:310px;
	position: relative;
}

.headlink {
	display: block;
	width:394px;
	height:250px;
	position: absolute;
	top:36px;
	left:50%;
	margin-left:-640px;
}

.headlink2 {
	display: block;
	width:207px;
	height:183px;
	position: absolute;
	top:83px;
	left:50%;
	margin-left:-166px;
}

#Select {
	background:url("../img/logo.jpg") center top no-repeat;
	width:100%;
	padding-top:320px;
	position: relative;
	
}

#Select ul {
	width:100%;
	margin:0 auto;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bbafd8+0,ffffff+100 */
background: #bbafd8; /* Old browsers */
background: -moz-linear-gradient(top,  #bbafd8 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #bbafd8 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #bbafd8 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbafd8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	padding-bottom:5px;
}

#Select ul li {
	width:1089px;
	margin:0 auto 32px;
	border-radius: 44px;
	overflow: hidden;
}

#Select ul li a {
	width:1089px;
	height:477px;
	display: block;
	background:#fff;
	opacity: 0;
	border-radius: 46px;
	transition: all 0.3s;
}

#Select ul li a:hover {
	opacity: 0.4;
}

#Select ul li.s_link01 {background:url("../img/select01.jpg") left top no-repeat;}
#Select ul li.s_link02 {background:url("../img/select02.jpg") left top no-repeat;}
#Select ul li.s_link03 {background:url("../img/select03.jpg") left top no-repeat;}

.rhbox {
	width:100%;
	height:1646px;
	position: relative;
}

.goods_wrap {
	background:#fff;
	width:100%;
}

#Rezero_01 {
	background:url("../img/goods_01.jpg") center top no-repeat;
}

#Rezero_02 {
	background:url("../img/goods_02.jpg") center top no-repeat;
}

#Rezero_03 {
	background:url("../img/goods_03.jpg") center top no-repeat;
}


.reserve {
	position: absolute;
	left:50%;
	margin-left:-305px;
	bottom:50px;
	width:611px;
	height:106px;
}

.foot_wrap {
	width:100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,bbafd8+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #bbafd8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#bbafd8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#bbafd8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bbafd8',GradientType=0 ); /* IE6-9 */

}

footer {
	background:url("../img/footer.png") center bottom no-repeat;
	width:100%;
	height:600px;
	position: relative;
}

.official_link {
	width:540px;
	height:59px;
	position: absolute;
	bottom:230px;
	left:50%;
	margin-left:-270px;
}

a.footlink2 {
	display:block;
	width:102px;
	height:89px;
	position: absolute;
	bottom:27px;
	right:50%;
	margin-right:-664px;
}