#header_wrapper_top {
	display: inline;
}
#header_wrapper_common {
	display: none;
}

#main_wrapper {
 	background: url(https://img21.shop-pro.jp/PA01371/391/etc/bg_top_main_bottom.png) bottom repeat-x;
}

#main {
	background: url(https://img21.shop-pro.jp/PA01371/391/etc/bg_top_top.png) 0 80px repeat-x;
	padding-top: 80px;
    padding-bottom: 150px;
}

#main_logo img{
	display: block;
	width: 114px;
	margin: 0 auto;
	padding: 26px 0 24px;
}

.ie8 #main_gra {
	background: url(https://img21.shop-pro.jp/PA01371/391/etc/top_main_gra.jpg) top center;	
	background-size: 1000px 411px;
	height: 411px;
	
	font-size: 12px;
}

@media screen and (min-width: 1001px) {
#main_gra {
	position: relative;
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 41.15%;	
	background: url(https://img21.shop-pro.jp/PA01371/391/etc/top_main_gra.jpg) 0 0 no-repeat;	
    background-size: contain;
	min-width: 1000px;
	
	font-size: 12px;
}	
}
@media screen and (max-width: 1000px) {
#main_gra {
	position: relative;
	background: url(https://img21.shop-pro.jp/PA01371/391/etc/top_main_gra.jpg) top center no-repeat;	
	background-size: 1000px 411px;
	width: 1000px;
	height: 411px;
	
	font-size: 12px;
}
}
#main_gra_inner {
	position: absolute;
	left: 0;
	top: 34%;
	width: 100%;
	min-width: 1000px;
}
.ie8 #main_gra_inner {
	top: 300px;
}
#main_gra_inner a {
	color: #000000;
}
#main_gra ul {
	overflow: hidden;
	width: 690px;
	margin: 0 auto;
}
#main_gra li {
	float: left;
	width: 260px;
	height: 260px;
	padding: 38px 35px;
	background: url(https://img21.shop-pro.jp/PA01371/391/etc/bg_top_item.png) no-repeat;	
}
#main_gra li.left {
  animation: translate1 1.5s; 
  animation-iteration-count: 1; 
  animation-delay: 1.0s;
  animation-fill-mode: backwards;
  -webkit-animation: translate1 1.5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -webkit-animation-delay: 1.0s; 	
  -webkit-animation-fill-mode: backwards;
}
#main_gra li.right {
  animation: translate2 1.5s; 
  animation-iteration-count: 1; 
  animation-delay: 1.5s;
  animation-fill-mode: backwards;
  -webkit-animation: translate2 1.5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 1.5s;   	
  -webkit-animation-fill-mode: backwards;
}
@keyframes translate1 { 
  0%   { transform:  translate(0px, 20px); opacity: 0;    } 
  100%  { transform:  translate(0px, 0px); opacity: 1;  } 
} 
@-webkit-keyframes translate1 { 
  0%   { -webkit-transform:  translate(0px, 20px); opacity: 0;    } 
  100%  { -webkit-transform:  translate(0px, 0px); opacity: 1;   } 
} 
@keyframes translate2 { 
  0%   { transform:  translate(0px, 20px); opacity: 0;    } 
  100%  { transform:  translate(0px, 0px); opacity: 1;  } 
} 
@-webkit-keyframes translate2 { 
  0%   { -webkit-transform:  translate(0px, 20px); opacity: 0;    } 
  100%  { -webkit-transform:  translate(0px, 0px); opacity: 1;   } 
} 
#main_gra ul a {
	display: block;
}
#main_gra ul a:hover {
	opacity: 0.9;
}
#main_gra h2 {
	padding-top: 17px;
}
#main_gra .text {
	padding-top: 16px;
	text-align: center;
}

#top_info {
	padding-top: 110px;
	font-size: 13px;
  animation: translate3 1.5s; 
  animation-iteration-count: 1; 
  animation-delay: 3.0s;
  animation-fill-mode: backwards;
  -webkit-animation: translate3 1.5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 3.0s;   	
  -webkit-animation-fill-mode: backwards;	
}
#top_info h2 {
	margin: 0 auto;
	width: 88px;
}
#top_info_inner {
	margin: 0 auto;
	width: 456px;
	padding-top: 20px;
	padding-bottom: 100px;
}
#top_info_inner dl {
	padding: 15px 0;
	border-bottom: 1px solid #A48B78;
    overflow: hidden;
}
#top_info_inner dl dt {
  width: 92px;
  float: left;
}
#top_info_inner dl dd {
  width: 354px;
  float: right;
}
@keyframes translate3 { 
  0%   { opacity: 0;    } 
  100%  { opacity: 1;  } 
} 
@-webkit-keyframes translate3 { 
  0%   { opacity: 0;    } 
  100%  { opacity: 1;   } 
}