html {
	height: 100%;
	width: 100%;
}



body {
	margin: 0;
	width: 100%;
	height: 100%;
	font-size: 2.5em;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
}
#top_image {
	width: 962px;
	height:796px;
	margin: 0 auto;
	z-index:0;
	background-image: url(../kai/images/top_sp_180426.jpg);
	background-repeat: no-repeat;
}
#top_right {
	float: right;
	top:433px;
	right:35px;
	position: relative;
	width: 815px;
	height:355px;
}

#main_menu {
	position:relative;
	top:15px;
	width: 962px;
	z-index:2;
	margin-bottom: 30px;
}

.menu01 a{
display:block;
width:468px;
height:152px;
background:url(../kai/images/menu01_sp.jpg) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
.menu02 a{
display:block;
width:468px;
height:152px;
background:url(../kai/images/menu02_sp.jpg) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
.menu03 a{
display:block;
width:468px;
height:152px;
background:url(../kai/images/menu03_sp.jpg) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
.menu04 a{
display:block;
width:468px;
height:152px;
background:url(../kai/images/menu04_sp.jpg) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
.menu05 a{
display:block;
width:468px;
height:152px;
background:url(../kai/images/menu05_sp.jpg) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
}


.t_contents {
	padding-left:26px;
	padding-right:26px;
	padding-top:13px;
	padding-bottom:30px;
}

.productinfo {
	font-family: Georgia, 'Hiragino Mincho ProN', 'Yu Mincho', serif;
}




img.bottomban{
margin:15px 6px;
}

.clea a{
display:block;
width:762px;
height:140px;
background:url(../kai/images/05c_sp.jpg) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
.clea a:hover{
background-position: 0 -140px;
}
.saved a{
display:block;
width:762px;
height:140px;
background:url(../kai/images/05d_sp.jpg) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
.saved a:hover{
background-position: 0 -140px;
}

.button {
  display: inline-block;
  width: 800px;
  height: 124px;
  text-align: center;
  text-decoration: none;
  outline: none;
  background-color: transparent;
  border: 2px solid #fff;
  color: #fff;
  line-height: 120px;
	margin-top: 15px;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button:hover {
  background-color: rgba(255, 255, 255, .2);
}

.shopsp{
  text-align: center;
}
ul{
  display: -webkit-inline-flex; /* Safari */
  display:inline-flex;
  -webkit-flex-direction: column; /* Safari */
  flex-direction:         column;
  justify-content: space-between;
  list-style-type: none;
  padding:0;
}
li{
	background-image: url(../kai/images/shop_bg_sp.jpg);
  width:880px;
  height:957px;
  margin:10px;
	padding: 10px;
	color: #FFFFFF;
}
.store {
    font-size: 2.8rem;
}
.item {
    font-size: 2.0rem;
}
hr {
  margin:8px;
}

a.link{
	color: #0074FF;
}
a:hover.link{
	color: #F77300;
}